kostenloser Webspace werbefrei: lima-city

Navigation Hilfe!

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

1. Autor dieses Themas

   lagoondesign

   lagoondesign hat kostenlosen Webspace.

   12:12, 25.3.2011

   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.
   

2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

3. programtools

   programtools hat kostenlosen Webspace.

   10:59, 26.3.2011

   @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

4. habbo-aktuell

   habbo-aktuell hat kostenlosen Webspace.

   20:39, 26.3.2011

   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

5. programtools

   programtools hat kostenlosen Webspace.

   14:29, 28.3.2011

   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 ;)

6. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?