Navigation Hilfe!
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
anfahrt
beschriftung
blocken
code
display
einfachen bildern
einzeln abschnitte
erstellt code
gestalten
grafik
gutes gelingen
halle
kenntnis
moderator
navigation
position
positionieren
problem
type
umsetzen
-
Ich habe eine Navigation erstellt
#nav { height:12%; width:54%; background-color:#c4b36e; list-style-type: none; position: fixed; left: 20%; top:5%; border-right-width: 4px; border-right-style: inset; border-right-color: #c4b36e; font-family: Verdana, Geneva, sans-serif; font-size: 10px; } #nav li { float:left; position:relative; list-style-type:none; background-color:#c4b36e; top:15%; font-family: Verdana, Geneva, sans-serif; font-size: 15px; } #nav li.open, #nav li:hover { background-color: #e3ce7f; } #nav li a { display: block; padding: 5px 25px; line-height: 20px; color: #444; text-decoration: none; font-family: Verdana, Geneva, sans-serif; } #nav li ul { display: none; position: absolute; top: 30px; left: 0; width: 130px; padding: 0 0 5px; background: #bbb; border: solid #bbb; } #nav li ul li { float:none ; } #nav li ul li a { display: block;} #nav li ul li a:hover { background: #4444; color: #bbb; font-weight: bold; font-family: Verdana, Geneva, sans-serif; font-size: 12px; } ul ul a:hover, ul ul a.active { background:#000; }
<ul id="nav"> <li> <a href="index.php?seite=home" >Home</a></li> <li><a href="index.php?seite=kontakt">Kontakt</a></li> <li><a href="index.php?seite=impressum#">Impressum</a></li> <li><a href="index.php?seite=anfahrt">Anfahrt</a></li> </ul>
Ich möchte die Navigation aber gerne wie auf dieser Seite haben
http://www.service-in-halle.de/pizza/
Ich weiß das ich dafür Grafiken erstellen muss. Als erstes bekomme ich es nicht hin, die einzeln Abschnitte zu gestalten. Hinterher das mit Hintergrundgrafiken zu ergänzen ist nicht so schwer.
Ich habe mir auch schon den Quellcode anzeigen lassen, aber das umsetzen fällt sehr schwer. Vielleicht kann mir jemand helfen.
Lieben Dank im voraus.
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
@Moderator [thx]
Bitte dieses Thema verschieben nach CSS HTML & co
Weil das meines Erachtens nach nichts mit PHP zu tun hat oder irre ich mich?
@lagoondesign
Wo genau liegt denn dein problem?
könntest du deine Ansätze eventuell einmal hochladen damit ich mir das anschauen kann?
Hast du jetzt schwierigkeiten mit den Grafiken oder mit der Positionierung der Elemente?
MFG
Beitrag zuletzt geändert: 26.3.2011 11:52:58 von programtools -
Ich denke hierbei geht es um eine herkömmliche Navigation.
Ich empfehle dir einfaches HTML zu benutzen. Mit dem li & ul Tags habe ich immer öfter Probleme.
Versucht man es aber dann mit einfachen Bildern & Verlinkungen, so klappt es immer.
Oder redest du etwa von einer Sub-Navigation, welche eingeblendet sein soll?
Liebe Grüße,
Joschi -
Also am einfachsten ist es direckt mit Grafiken zu arbeiten, ausser du möchtest jederzeit schnell die Beschriftung ändern.
Und der Rest ist ein Kinderspiel. Ich verstehe dein Problem nicht. Wenn du Probleme hast das ganze in css zu gestalten & positionieren, dann erweitere deine css Kenntnisse ein bisschen, ansonsten frage doch einfach gezielt nach Problemen oder ist es dein Wunsch eine komplette Seite von uns zu bekommen?
MFG & gutes Gelingen ;) -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage