Thema: Linkleiste erstellen
- 04.03.2009 21:24 #1Benutzer
- Registriert seit
- 04.03.2009
- Beiträge
- 32
- Renommee-Modifikator
- 0
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)
- 04.03.2009 22:10 #2
was schafft du den nicht. etwas genauerwer sehr gut. oder klappt gar nichts????
dein link funzt net
- 04.03.2009 23:02 #3Benutzer
- Registriert seit
- 04.03.2009
- Beiträge
- 32
- Renommee-Modifikator
- 0
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
- 05.03.2009 07:21 #4HTML-Guru Meilensteine


- Registriert seit
- 30.06.2008
- Beiträge
- 1.657
- Renommee-Modifikator
- 4
Eine ordentliche Listen-Navi hast du ja bereits.
Was die Buttons betrifft, hilft dir vielleicht dies weiter.
- 05.03.2009 09:14 #5
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.
- 05.03.2009 14:44 #6Benutzer
- Registriert seit
- 04.03.2009
- Beiträge
- 32
- Renommee-Modifikator
- 0
- 05.03.2009 14:51 #7HTML-Guru Meilensteine


- Registriert seit
- 30.06.2008
- Beiträge
- 1.657
- Renommee-Modifikator
- 4
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;
}
- 05.03.2009 14:55 #8
Nicht schlimm, weder HTML noch CSS sind Programmiersprachen, solche Kenntnisse brauchst Du also bisher noch gar nicht.
Das wirst Du schwer verhindern können. Menschen haben unterschiedlich große Viewports und unterschiedlich große Schrift eingestellt.Normalerweise sollten die Menüpunkte nicht in die zweite Zeile rutschen.
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.Wie kann ich es machen, dass die Menüleiste mitwächst?
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.
- 05.03.2009 17:45 #9Neuer Benutzer
- Registriert seit
- 02.07.2008
- Beiträge
- 9
- Renommee-Modifikator
- 0
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.
- 05.03.2009 17:57 #10Benutzer
- Registriert seit
- 04.03.2009
- Beiträge
- 32
- Renommee-Modifikator
- 0
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...
Aktive Benutzer
Aktive Benutzer
Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
Ähnliche Themen
-
grafikkatalog erstellen... nur wie??? HELP
Von hokage555 im Forum HTML und XHTMLAntworten: 5Letzter Beitrag: 22.11.2008, 21:09 -
Popup fenster erstellen? Wie? Bitte helft mir
Von jens106 im Forum HTML und XHTMLAntworten: 9Letzter Beitrag: 28.04.2008, 08:58 -
Wir Erstellen Kostenlos Websiten
Von FireDuck im Forum JobbörseAntworten: 0Letzter Beitrag: 16.12.2006, 19:30 -
Bilder dynamisch erstellen
Von Artemis im Forum PHPAntworten: 3Letzter Beitrag: 29.12.2005, 08:49



LinkBack URL
About LinkBacks
Zitieren


Lesezeichen