Struppi: position:relative

Beitrag lesen

Ich möchte in einer Tabellenzelle, die im oberen Teil aus "n" Links besteht, darunter eine Linie (per Grafik eingefügt) und darunter ein Bild enthält, den oberen Teil (sprich die Links und die Linie) oben mit dem bündig am Zellenrand platzieren und den unteren Teil (also das Bild) im verbleibenden Platz der Zelle mittig platzieren.

Warum eine Tabellenzelle?
Mit Tabellen erschwerst du jedes CSS Layout (Es sei denn du hast ein Tabellenlayout)

Es geht ganz einfach z.b. so:

  
<style type="text/css">  
#header  
{  
background-color: #fff;  
color: #000;  
text-align: center;  
}  
#header div  
{  
border-bottom:1px solid black;  
text-align: left;  
}  
</style>  
  

  
<div id="header">  
<div>  
<a href="#">link</a>  
<a href="#">link</a>  
<a href="#">link</a>  
<a href="#">link</a>  
</div>  
<img src="...">  
</div>  

In der Praxis würde ich eine Liste (ul) für die Links verwenden. Damit läßt sich das Design flexibler anpassen.

Struppi.