Yerf!
Was mich an der Lösung mit "ul" bzw. "li" ein wenig stört ist das der ganze Bereich eingerückt wird. Das erste Bild bzw. Input fängt also erst ca. 2c, links an.
Gibt es da auch event. eine Lösung das es ganz linksbündig anfängt oder ist das einfach so bei einem Listenelement?
Ja und ja. Die Browser haben für alle HTML-Elemente Default-Vorgaben fürs CSS. Unter anderem die Einrückung von Listenelementen, realisiert entweder mit Padding oder Margin (je nach Browser). Wenn man beides auf 0 setzt (für ul und li) ist die Einrückung weg.
Solche Vorgaben werden dir noch häufiger begegnen, z.B. bei überschriften oder Absätzen. Manche empfehlen, per
* {margin:0;padding:0;}
Diese Defaults erst mal zu löschen, aber dann kann es passieren, das man sie an Stellen, an denen sie Sinnvoll wären, vermisst...
Frage:
Ist der Inhalt vom Label Element, also die Beschriftung immer links vom Input wenn man es zuerst angibt bzw. die Beschriftung rechts, wenn man es nach dem Input angibt?
Erst einmal ja, aber per CSS ist sehr viel machbar...
<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>Es gibt also keine Möglichkeit das Label Element bzw. die Beschriftung mittig unterhalb eines Inputs zu platzieren?
Eigentlich hätte das display:block für das <input> schon dafür sorgen sollen, dass der label darunter steht... ist dem nicht so? (habs grad nicht getestet)
Die Holzhammer-Methode mit position:absolute geht zwar fast immer, sollte hier aber eigentlich nicht notwendig sein.
Gruß,
Harlequin
<!--[if IE]>This page is best viewed with a webbrowser. Get one today!<![endif]-->