Tabelle mit CSS gestalten??

[Harlequin]

Yerf!

Schöner wäre es aber wenn die Beschriftung unter dem Bild (input) ist so wie in der ursprünglichen Tabelle.
Mir ist nicht klar wie ich das hinbekommen könnte.

Event. ganz ohne Label und dafür eine neue Zeile?
Wie dann aber die Beschriftung genau unter das Bild bekommen?

Label ist doch eigentlich nicht mal schlecht. das mehrzeilige wird aber ohne zusätzliche Gruppierung nichts werden.

Dehalb komm ich doch noch mal auf die Liste zurück:

<ul id="MainNavigation">  
  <li>  
    <input name="image_job" type="image" id="image_job"  title="<? echo $tk_36; ?>" src="../image/job.gif"/>  
    <label for="image_job"><?php echo $tk_36; ?></label>  
  </li>  
  <li>  
    <input  name="image_document" type="image"  src="../image/document.gif"  title="<? echo $tk_37; ?>"  />  
    <label for="image_document"><?php echo $tk_37; ?></label>  
  </li>  
  <li>  
    <input  name="image_project" type="image"  src="../image/part.gif"  title="<? echo $tk_38 ?>"  />  
    <label for="image_project"><?php echo $tk_38; ?></label>  
  </li>  
</ul>  

Jetzt noch folgendes CSS:

#MainNavigation input{  
  display:block; /*Erzeugt einen Zeilenumbruch*/  
}  
#MainNavigation li{  
  float:left; /*damit sie nebeneinander sind*/  
}  

Gruß,

Harlequin