Bilder ausrichten
stefan
- css
hallo zusammen,
ich habe 2 bilder mit gleicher höhe. diese möchte ich so ausrichten, dass bild 1 ganz links ist und bild 2 ganz rechts. von oben soll der abstand bei beiden bilden gleich sein.
<img src="bild1.jpg" style="float:left;margin:0" width="270" height="203" alt="">
<img src="bild2.jpg" style="margin:0;right:0;" width="288" height="203" alt="">
bild2 wird dabei nicht korrekt positiniert. weiss jemand rat?
ich glaube, ich hab's
<img src="bild2.jpg" style="float:right; margin-right:0px" width="288" height="203" alt="">
<img src="bild2.jpg" style="float:right; margin-right:0px" width="288" height="203" alt="">
_Gewöhne_ die bitte an. Das du Angaben wie width und height _immer_ mit einer einheit versiehst. px..was auch immer!
mfg
Phil
Hi,
Width und Height-Angaben von Bildern werden in HTML als Pixel interpretiert, wenn nicht anders angegeben.
http://de.selfhtml.org/html/grafiken/einbinden.htm#breite_hoehe
Shepard
Hi,
Eine andere Möglichkeit wäre position:absolute; right:0;
.
@Phil: Null-Größen sind der zweite Fall, in dem ich ohne ohne schlechtes Gewissen auf Einheiten verzichte.
Shepard
Hallo Shepard!
@Phil: Null-Größen sind der zweite Fall, in dem ich ohne ohne schlechtes Gewissen auf Einheiten verzichte.
Dazu muss ich etwas erzählen ;) Ich habe letztens jemandem gesagt, dass man bei Null-Größen keine Einheit zu nennen braucht. Das stimmt aber nur solange, bis man diesen Wert abfragen will:
Ich versetze einige Elemente mit left:0 am äußersten linken Bildschrim rand. Später will ich sie da wieder "holen", will diese Elemente aber nur dann holen, wenn ihre Position eben left:0 ist, wenn ein Element wo anders ist, soll es nicht angesprochen werden. Und nun, wundere ich mich, dass nichts passiert. Grund:
alert(dc.getElementById(name).style.left); ergibt bei Mozilla: 0pt (Element wurde zuvor mit: dc.getElementById(name).style.left = 0; positioniert).
Diesen Wert wollte ich abfragen (also 0). Nun ist der Wert aber eben nicht 0, sondern 0pt (Mozilla) oder 0px (IE).
Seitdem positioniere ich diese Element mit: dc.getElementById(name).style.left = 0+"px" und frage dementsprechend ab.
Viele Grüße aus Frankfurt/Main,
Patrick
Hallo Ingrid!
dc.getElementById(name).style.left = 0+"px"
Ich sollte bei Copy&Paste mehr aufpassen ;)
"dc" ist meine Kurzschreibweise für "document" in Scripten.
Viele Grüße aus Frankfurt/Main,
Patrick
Macht nix, hab's trotzdem verstanden. Woher kennst Du Ingrid:-))
Shepard