Hauptmenü anpassen

[derkleineprinz]

Hallo Zusammen,
ich habe DVD von "Responsive Webdesign" von PSD-Tutorials und habe mir damit bereits eine Webseite erstellen können. Da ich nun aber auch "Untermenüpunkte" brauche und dies leider in diesem Tutorial nicht besprochen wird, möchte ich nun um eure Hilfe anfragen.

index.php

<nav id="mainNavi">
      <ul class="wrapper">
      <li><a href="#" title="">...</a>
<ul>
           <li><a href="#">...</a>
           <li><a href="#">...</a>
           <li><a href="#">...</a>
           <li><a href="#">...</a>
       </ul>
      </li>
      <li><a href="#" title="">...</a>
<ul>
           <li><a href="#">...</a>
           <li><a href="#">...</a>
           <li><a href="#">...</a>
           <li><a href="#">...</a>
       </ul>
      </li>
      <li><a href="#" title="">...</a>
<ul>
           <li><a href="#">...</a>
           <li><a href="#">...</a>
           <li><a href="#">...</a>
           <li><a href="#">...</a>
       </ul>
      </li>
      <li><a href="#" title="">...</a>
<ul>
           <li><a href="#">...</a>
           <li><a href="#">...</a>
           <li><a href="#">...</a>
           <li><a href="#">...</a>
       </ul>
      </li>
      <li><a href="#" title="">...</a></li>
      <li><a href="#" title="">...</a></li>
      <li><a href="#" title="">...</a></li>
      <li><a href="#" title="">...</a></li>
      <li><a href="#" title="">...</a></li>
    </ul>
  </nav>

jetzige CSS Navi Anweisung:

.wrapper{ width:998px; margin:auto; }

#mainNavi { background:#3399cc; width:auto; padding:8px 0 10px 0; text-transform:uppercase; margin-bottom:34px; font-size:1.3em; }
#mainNavi li { display:inline; padding:0 15px; }
#mainNavi li:first-child { padding-left:0; }
#mainNavi li a { color:#fff; }
#mainNavi li a:hover{ color:#003399; }

Danke

 

[Enigmon]

Hallo,

damit du das Prinzip und kleine Tricks lernst, empfehle ich dir:



LG
Thomas

 

[Dobi78]

Funktioniert Deine Navigation überhaupt?
In der CSS verwendest Du die ID mainNavi und im HTML MainNavigation... als <ul> class nimmst Du wrapper, in deinem CSS Schnippel ist davon aber nix zu sehen.

Ausserdem erscheint mir dein Aufbau der Navigation komplett wirr!
btw: Ich hab in deinem Beitrag mal die Code-Tags eingefügt, damit das auch leserlich ist!

 

[derkleineprinz]

Funktioniert Deine Navigation überhaupt?
In der CSS verwendest Du die ID mainNavi und im HTML MainNavigation... als <ul> class nimmst Du wrapper, in deinem CSS Schnippel ist davon aber nix zu sehen.

Ausserdem erscheint mir dein Aufbau der Navigation komplett wirr!
btw: Ich hab in deinem Beitrag mal die Code-Tags eingefügt, damit das auch leserlich ist!

Hallo Dobi78,
ja, sorry habe ich vergessen. Ist nun drin.
Gruß

 

[afr0kalypse]

Anstatt mit Responsive Webdesign anzufangen würde ich erst mal die Grundlagen zu HTML und CSS lernen.

 

[derkleineprinz]

Anstatt mit Responsive Webdesign anzufangen würde ich erst mal die Grundlagen zu HTML und CSS lernen.

Danke!
wenn ich zeit hätte würde ich das gerne lernen. aber ich habe 4 kinder und die webseite funzt ja, aber nun benötige ich einfach diese untermenüs. dazu benötige ich hilfe.
sonst würde ich hier nicht nachfragen.

 

[Dobi78]

Dann wäre es hilfreich deine Seite zu posten und zu beschreiben, was Du gerne haben willst.
So kann man sich wenigstens Deinen Code anschauen und dann Dir die richtigen Tipps geben.

 

[afr0kalypse]

im css kannst du deine untermenüpunkte wie folgt ansprechen:

#mainNavi li ul li { irgendwas }
#mainNavi li ul li a {irgendeinlink }