+ Antworten
Seite 1 von 3 1 2 3 LetzteLetzte
Ergebnis 1 bis 10 von 27
  1. #1
    Benutzer Bjoern befindet sich auf einem aufstrebenden Ast
    Registriert seit
    04.03.2009
    Beiträge
    32
    Renommee-Modifikator
    0

    Standard Linkleiste erstellen

    Hallo

    Ich bin im Moment ein regelrechter Neuling im Bereich HTML und CSS Programierung. Mit dem wenigen Wissen habe ich mir eine kleine Hompage erstellt.
    Das Layout habe ich mit Gimp erstellt, gesliced und mit NVU per CSS zusammengesetzt. Nun will ich in diese karierte Leiste vorerst einige Links einsetzten und als nächsten Schritt Buttons einsetzen mit Hover-Effekt.

    Leider bekomme ich dies nicht hin und frage euch nun um Rat...
    Geändert von Bjoern (24.03.2009 um 17:05 Uhr)

  2. #2
    HTML-Guru Meilensteine
    xXxPeterPanxXx ist zur Zeit noch ein unbeschriebenes Blatt Avatar von xXxPeterPanxXx
    Registriert seit
    08.02.2009
    Beiträge
    1.197
    Renommee-Modifikator
    0

    Standard

    was schafft du den nicht. etwas genauerwer sehr gut. oder klappt gar nichts????

    dein link funzt net

  3. #3
    Benutzer Bjoern befindet sich auf einem aufstrebenden Ast
    Registriert seit
    04.03.2009
    Beiträge
    32
    Renommee-Modifikator
    0

    Standard

    Achso, sorry! Hier der richtige Link: ungültig

    Also wie du dann sehen wirst, ist unter dem Header eine "Menüleiste", welche ich vorerst mit Links versehen will, wie sie auf dieser Seite zu sehen sind: ungültiger Link
    Später will ich dann noch Buttons anstatt der Leiste hinzufügen.
    Geändert von Bjoern (24.03.2009 um 17:06 Uhr) Grund: Link ungültig

  4. #4
    prm
    prm ist offline
    HTML-Guru Meilensteine
    prm wird schon bald berühmt werden
    Registriert seit
    30.06.2008
    Beiträge
    1.657
    Renommee-Modifikator
    4

    Standard

    Eine ordentliche Listen-Navi hast du ja bereits.
    Was die Buttons betrifft, hilft dir vielleicht dies weiter.

  5. #5
    HTML-Guru Efchen wird schon bald berühmt werden Avatar von Efchen
    Registriert seit
    01.04.2008
    Alter
    40
    Beiträge
    8.421
    Renommee-Modifikator
    11

    Standard

    Wie ist denn nun die Frage?
    Auf jeden Fall solltest Du auch dafür sorgen, dass der karierte Hintergrund bei allen Menüpunkten hinterlegt wird, auch bei denen, die in die zweite Zeile rutschen. Und natürlich, dass die Menüleiste in ihrer Größe mitwächst, wenn man die Schrift vergrößert.

    Und, warum hast Du Dein Banner als Hintergrundgrafik eingebunden? Das enthält doch Content, nämlich den Namen der Site und die Beschreibung, was es hier gibt. In einem Browser ohne Images geht dieser Content vollständig verloren. Deswegen solltest Du das Image auch per HTML einbinden, wie jeden Content. Der Text kommt dann ins alt-Attribut.

  6. #6
    Benutzer Bjoern befindet sich auf einem aufstrebenden Ast
    Registriert seit
    04.03.2009
    Beiträge
    32
    Renommee-Modifikator
    0

    Standard

    Zitat Zitat von Efchen Beitrag anzeigen
    Wie ist denn nun die Frage?
    Auf jeden Fall solltest Du auch dafür sorgen, dass der karierte Hintergrund bei allen Menüpunkten hinterlegt wird, auch bei denen, die in die zweite Zeile rutschen. Und natürlich, dass die Menüleiste in ihrer Größe mitwächst, wenn man die Schrift vergrößert.

    Und, warum hast Du Dein Banner als Hintergrundgrafik eingebunden? Das enthält doch Content, nämlich den Namen der Site und die Beschreibung, was es hier gibt. In einem Browser ohne Images geht dieser Content vollständig verloren. Deswegen solltest Du das Image auch per HTML einbinden, wie jeden Content. Der Text kommt dann ins alt-Attribut.
    Sorry, sei mir nicht böse, aber einige Sachen verstehe ich wegen meiner fehlenden Programmierkenntnisse noch nicht.

    Normalerweise sollten die Menüpunkte nicht in die zweite Zeile rutschen.
    Wie kann ich es machen, dass die Menüleiste mitwächst?

  7. #7
    prm
    prm ist offline
    HTML-Guru Meilensteine
    prm wird schon bald berühmt werden
    Registriert seit
    30.06.2008
    Beiträge
    1.657
    Renommee-Modifikator
    4

    Standard

    Na ja, das ist wie mit einer Regentonne: Wenn die voll ist, läuft's Wasser über.
    Da deine Seite eine fixe Breite hat, reicht diese irgendwann nicht mehr aus, wenn zu viele Links nebeneinander rein sollen.
    Entweder vergrößerst du dann die Seitenbreite oder machst die Links kleiner.

    Eine begrenzte weitere Möglichkeit wäre, hier den Paddingwert zu reduzieren:
    #menu ul li a {
    padding: 0 13px 0 0;
    text-decoration: none;
    font-weight: 600;
    font-size: 16px;
    color: #ffff;
    }

  8. #8
    HTML-Guru Efchen wird schon bald berühmt werden Avatar von Efchen
    Registriert seit
    01.04.2008
    Alter
    40
    Beiträge
    8.421
    Renommee-Modifikator
    11

    Standard

    Zitat Zitat von Bjoern Beitrag anzeigen
    Sorry, sei mir nicht böse, aber einige Sachen verstehe ich wegen meiner fehlenden Programmierkenntnisse noch nicht.
    Nicht schlimm, weder HTML noch CSS sind Programmiersprachen, solche Kenntnisse brauchst Du also bisher noch gar nicht.

    Normalerweise sollten die Menüpunkte nicht in die zweite Zeile rutschen.
    Das wirst Du schwer verhindern können. Menschen haben unterschiedlich große Viewports und unterschiedlich große Schrift eingestellt.

    Wie kann ich es machen, dass die Menüleiste mitwächst?
    Zunächst einmal ist div#Menu überflüssig, denn Du gruppierst damit ja nicht mehrere Tags, da ist ja nur die Liste drin. Und da beides Block-Elemente sind, kannst Du mit dem ul alles machen, was Du auch mit dem div machen kannst.

    Dass das Menü dann mitwächst, ist ganz einfach. Du hast ja was eingebaut, das verhindert, dass es mitwächst: Du hast dem Konstrukt eine feste Höhe gegeben. Dann wächst natürlich auch nichts mit. Außerdem hast Du explizit verhindert, dass sich das Hintergrundbild wiederholt. Das darfst Du natürlich auch nicht machen, wenn Du das Bild hinter dem gesamten Menü haben willst.

    Das müsste dann schon alles gewesen sein.

  9. #9
    Neuer Benutzer webmatze befindet sich auf einem aufstrebenden Ast
    Registriert seit
    02.07.2008
    Beiträge
    9
    Renommee-Modifikator
    0

    Standard

    Hier findest du ein paar Tutorials, wie du z.B. ein einfaches Menü für deine Seite umsetzen könntest:

    Hierarchische Menüs mit CSS erstellen

    Und hier erfährst du, wie du Buttons beliebig designen kannst:

    CS Button Tricks

    Vielleicht hilft dir das weiter.
    Viele Grüße
    Mathias Karstädt
    http://webmatze.de

  10. #10
    Benutzer Bjoern befindet sich auf einem aufstrebenden Ast
    Registriert seit
    04.03.2009
    Beiträge
    32
    Renommee-Modifikator
    0

    Standard

    Noch einige Frage (bitte nicht böse sein):

    Soll ich der Breite 100 % zuordnen?
    Was soll ich anstatt von no-repeat scheiben?

    Und eine etwas größere Frage: Wie binde ich dann die Bilder per HTML ein?


    Sorry, ich bin erst seit 2 Wochen mit HTML und CSS dabei...

+ Antworten
Seite 1 von 3 1 2 3 LetzteLetzte

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

     

Ähnliche Themen

  1. grafikkatalog erstellen... nur wie??? HELP
    Von hokage555 im Forum HTML und XHTML
    Antworten: 5
    Letzter Beitrag: 22.11.2008, 21:09
  2. Popup fenster erstellen? Wie? Bitte helft mir
    Von jens106 im Forum HTML und XHTML
    Antworten: 9
    Letzter Beitrag: 28.04.2008, 08:58
  3. Wir Erstellen Kostenlos Websiten
    Von FireDuck im Forum Jobbörse
    Antworten: 0
    Letzter Beitrag: 16.12.2006, 19:30
  4. Bilder dynamisch erstellen
    Von Artemis im Forum PHP
    Antworten: 3
    Letzter Beitrag: 29.12.2005, 08:49

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein