Text wird nicht richtig positioniert

Status
Nicht offen für weitere Antworten.
Ich hab ne weitere Frage:

Also wen ich z.b 2 Buttons untereinader anordne da ensteht zwischen den buttons ein kleiner leerraum. Das liegt am Code weil ich ihn eben übersichtlich code.

Code:
<img src="test.jpg">
<br />
<img src="test2.jpg">

Ergebnis: ensteht kleiner leehrraum.

Code:
<img src="test.jpg"><br /><img src="test2.jpg">

Ergebnis: kein leerraum.


liegt es vllt an phase 5? also em editor?
 
Hi,

du kannst den Grafiken auch die display:block-Eigenschaft zuweisen, damit sie im Textfluss einen Absatz erzeugen. Somit entfällt dann das <br>-Tag und es entsteht keine Lücke zwischen den Elementen, die durch die "Whitespaces" (= Zeilenumbrüche, Leerzeichen, Tab-Einrückungen) im HTML-Code entsteht.

Das Verhalten von "Phase5" erinnert dann doch wieder sehr stark an den IE. ;)
 
Code:
img.button {
display:block;
}
Code:
<div>
     <img class="button" src="test.jpg">
     <img class="button" src="test2.jpg">
</div>
 
Status
Nicht offen für weitere Antworten.
Zurück