Hallo,
danke dir nochmals für die Tipps.
Ich habe nun mal zum reinkommen und ausprobieren folgendes gemacht:
Ein Haupt DIV als Navigation und dann alle Inputs mit einem Label angegegen.
<div id="MainNavigation">
<label for="image_job"><?php echo $tk_36; ?></label>
<input name="image_job" type="image" id="image_job" title="<? echo $tk_36; ?>" src="../image/job.gif"/>
<label for="image_document"><?php echo $tk_37; ?></label>
<input name="image_document" type="image" src="../image/document.gif" title="<? echo $tk_37; ?>" />
<label for="image_project"><?php echo $tk_38; ?></label>
<input name="image_project" type="image" src="../image/part.gif" title="<? echo $tk_38 ?>" />
</div>
Die CSS sieht so aus:
div#MainNavigation {
font-size: 0.9em;
margin: 0 0 1.1em; padding: 0;
background-color: #eee; border: 1px dashed silver;
}
div#MainNavigation label {
margin: 5px;
padding: 5px;
}
Jetzt sind die Bilder bzw. Inputs ja schon mal nebeneinander. Ich denke ich würde es auch hinbekommen das die ABstände gleich werden. Das Problem ist nun aber das die Beschriftung, also das Label immer links vom Bild ist.
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?
vielen Dank und viele Grüße
hawk