title image


Smiley Re: Linkproblem
O.K, ist ganz Einfach. Du kannst die ganzen div durch entsprechende Listenstrukturen ersetzen, grob gesagt enspricht deinem div dann ein li. Die Untermenüpunkte kommen in eine eigene ul und die Hinetrgrundfarben werden den ul zugeordnet.



Beispiel:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>

<head>

<title></title>

<style>

* {margin:0; padding:0;}

#navi {background-color:#ddd; width:10em;}

#navi li {padding:1px; margin-left:25px;}

#navi li ul {background-color:#999; margin-left:-25px; padding-left:25px;}

</style>

</head>

<body>

<ul id="navi">

<li><a href="Seite.htm" title="Etwas">Eine Zeile und die nächste</a></div>

<li><a href="Seite.htm" title="Etwas">Zeile2 und die nächste</a></div>

<ul>

<li><a href="Seite.htm" title="Etwas">Untermenü1</a></li>

<li><a href="Seite.htm" title="Etwas">Untermenü2</a></li>

<li><a href="Seite.htm" title="Etwas">Untermenü3</a></li>

</ul>

<li><a href="Seite.htm" title="Etwas">Zeile3</a></li>

</ul>

</body>

</html>



Ich habe jetzt mein Beispiel so ähnlich aussehen lassen wie deins. Daher musste die verschachtelte ul einen negativen margin bekommen, damit der dunkelgraue Hintergrund auch ganz links anfängt. Die Bullets kannst du z.B. mittels list-style-image noch durch eine Grafik deiner Wahl (z.B. den Pfeil) ersetzen oder ganz abschalten (mit list-style-type). Durch die Kaskadierung gelten die Formatierungen der #navi li übrigens auch für die #navi li ul li.



Betrachte mal beide Beispiele bei abgeschaltetem CSS. Meins wird immernoch eine Struktur mit Untermenüpunkten haben, bei deiner div-Lösung geht sie verloren.



Weiteres zu Listenmenüs: Listamatic



Schönen Gruss,

Zapp


geschrieben von

Login

E-Mail:
  

Passwort:
  

Beitrag anfügen

Symbol:
 
 
 
 
 
 
 
 
 
 
 
 
 

Überschrift: