PDA

Archiv verlassen und diese Seite im Standarddesign anzeigen : abstand zwischen bilder

lindic
19.11.2003, 10:22:09
hallo!

ich versuche mittels CSS die img-attribute "hspace" und "vspace" zu ersetzen. laut selfhtml geht das mit "float:left; margin:0px", aber leider nur im mozilla und opera. der IE 6.0 weigert sich und macht ca. 2-3 pixel abstand.

<img style="float:left; margin:0px" src="images/news.gif" width="107" height="23" border="0" alt="News">

kennt jemand dieses problem und weiss, wie man das beheben kann?


gruß,
lindic
Nev
19.11.2003, 10:25:40
Hi lindic

probiers mal mit align="left"

Weiß jetzt aber ned, ob es dir was bringt ;-=
lindic
19.11.2003, 10:39:34
hi nev!

leider nein. davon will ich ja weg. ;-)

ich möchte alles nur noch mit style-sheets machen, da die attribute "align", "hspace" und "vspace" als "deprecated" gekennzeichnet sind und somit bald nicht mehr zum html-standard gehören.

weitere ideen?


gruß,
lindic
René_M
19.11.2003, 10:48:51
<html>
<head>

<style type="text/css">
<!--
.bild {
float: left;
margin: 0px 10px 5px 0px; /** oben links unten rechts **/
}
//-->
</style>

</head>
<body>

<img class="bild" src="./lalala.png" border="0" width="100" height="30" alt="">
gaaaaanz laaaaanger Text, funzt hier mit IE6.

</body>
</html>
Nev
19.11.2003, 10:55:02
Hi @gain

Ich vermute mal was
Du hast einen Abstand zwischen den Bildern.
Beim herumprobieren hab ich gerade diesen Fehler gemacht:

Statt:<img src="images/news.gif" width="107" height="23" border="0" alt="News">
<img src="images/news.gif" width="107" height="23" border="0" alt="News">


probiers <img src="images/news.gif" width="107" height="23" border="0" alt="News"><img src="images/news.gif" width="107" height="23" border="0" alt="News">

Es darf auch kein Umbruch drin sein.

So brauchst auch keine Style angaben
lindic
19.11.2003, 11:00:01
hi,

@René_M:
leider auch nicht...

@nev:
ja, ich habe mehrere bilder nebeneinander, habe die aber auch schon in eine zeile geschrieben, also ohne zeilenumbruch. bringt leider auch nichts.


mmh, dann muss ich wohl die bilder in tabellenzellen packen, damit der IE das auch kapiert.


trotzdem danke,
lindic
lindic
19.11.2003, 11:07:13
@nev:

uups, du hast natürlich recht! wenn ich es in einer zeile schreibe, brauche ich keine styles.

mir ging es aber darum, die attribute hspace und vspace zu ersetzen, so das ich die bilder NICHT in eine reihe schreiben muss, sondern auch untereinander (wegen der besseren lesbarkeit).

gruß,
lindic
Nev
19.11.2003, 11:11:54
verstehe
ich verstehe leider auch ned, warum dieser Effekt auftritt, den generell ist ein Umbruch kein leerzeichen.