Tabellenbreite und -höhe bei CSS

[Gernot Back]

Hallo nichtwissend,

Die einzeilige sechsspaltige „Tabelle“ enthält die Link-Images für die einzelnen Themenbereiche.

Beispiel

Feuerwehrautos   Boote   Wälder   Windmühlen   Einloggen/Registrieren   Impressum/AGB

Wie gesagt: Das ist eine Liste mit Links und keine Tabelle.

Auch eine Liste kann man problemlos so gestalten, wie du das wünschst.

Das HTML für dein Navigationsmenü könnte so schlank aussehen wie folgt:

  
<div id="PageHeader">  
    <a href="#"><img alt="logo" src="images/logo3.jpg" /></a>  
    <h2>heute Nacht</h2>  
</div>  
<ul id="Menue">  
    <li><a href="fireengines.html"><img alt="Feuerwehrautos" src="images/fireengines.jpg" /></a></li>  
    <li><a href="boats.html"><img alt="Boote" src="images/boats.jpg" /></a></li>  
    <li><a href="forests.html"><img alt="Wälder" src="images/forests.jpg" /></a></li>  
    <li><a href="windmills.html"><img alt="Windmühlen" src="images/windmills.jpg" /></a></li>  
    <li><a href="login.html"><img alt="Einloggen/Registrieren" src="images/login.jpg" /></a></li>  
    <li class="floatR"><a href="impressum.html"><img alt="Impressum/AGB" src="images/impressum1.jpg" /></a></li>  
</ul>

Mehr braucht es da nicht und du kannst es über CSS dennoch so gestalten, wie du es in deiner Variante mit Tabelle gezeigt hast, wenn du alles beherzigst, was ich dir hier schon an Tipps gegeben habe.

Lies dir die entsprechenden Passagen mal in der Doku durch. Darüber hinaus noch die über Selektoren in CSS, insbesondere auch die zum ID-Selektor und jene zum Nachfahren-Selektor.

Gruß Gernot