kostenloser Webspace werbefrei: lima-city


Navigation Hilfe!

lima-cityForumDie eigene HomepageHTML, CSS & Javascript

  1. Autor dieses Themas

    lagoondesign

    lagoondesign hat kostenlosen Webspace.

    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. @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.

    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. 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?

Über lima-city

Login zum Webhosting ohne Werbung!