Hallo eumil.
Also mein Menü sieht so aus:
<div id="navi">
<div class="sektion">
<img>
<p><a>Link</a></p>
<p><a>Link</a></p>
<p><a>Link</a></p>
</div>
<div class="sektion">
<img>
<p><a>Link</a></p>
<p><a>Link</a></p>
<p><a>Link</a></p>
</div>
<div class="sektion">
<img>
<p><a>Link</a></p>
<p><a>Link</a></p>
<p><a>Link</a></p>
</div>
</div>
Darauf aufbauend sähe mein Menü so aus:
~~~css
<ul id="navi">
<li>
<ul class="sektion img">
<li><a>Link</a></li>
<li><a>Link</a></li>
<li><a>Link</a></li>
</ul>
</li>
<li>
<ul class="sektion img">
<li><a>Link</a></li>
<li><a>Link</a></li>
<li><a>Link</a></li>
</ul>
</li>
<li>
<ul class="sektion img">
<li><a>Link</a></li>
<li><a>Link</a></li>
<li><a>Link</a></li>
</ul>
</li>
</ul>
Es wird eine Hauptliste „navi“ definiert, worin alle Sektionen als Listenpunkte aufgeführt sind.
Diese Sektionen werden jeweils wieder in Form einer Liste definiert, wobei das Bild ggf. als Hintergrundbild eingefügt wird und mit dem entsprechenden padding den nötigen Platz erhält.
Ist doch ganz logisch aufgebaut, oder?
Einen schönen Sonntag noch.
Gruß, Ashura
--
Selfcode: sh:( fo:} ch:? rl:( br: n4:~ ie:{ mo:| va:) de:> zu:) fl:( ss:) ls:[ js:|
30 Days to becoming an Opera8 Lover -- Day 21: Toolbars
Meine Browser: Opera 8.02 | Firefox 1.0.6 | Lynx 2.8.5 | Netscape 4.7 | IE 6.0
[Deshalb frei! - Argumente pro freie Software]
Selfcode: sh:( fo:} ch:? rl:( br: n4:~ ie:{ mo:| va:) de:> zu:) fl:( ss:) ls:[ js:|
30 Days to becoming an Opera8 Lover -- Day 21: Toolbars
Meine Browser: Opera 8.02 | Firefox 1.0.6 | Lynx 2.8.5 | Netscape 4.7 | IE 6.0
[Deshalb frei! - Argumente pro freie Software]