jeder IMG - Tag ist bei mir in einer Zeiler = rand von 1px - Hilfe!

[PATTE]

Hallo,

ich habe eine Gallery und habe diese unerwünschte kleine Umrandung um die Bilder… um kompatibel zum Internet Explorer zu sein. Soll heißen: die Bilder sind in einem Table der sich "Autostrecht" - getrennt durch ein Leerzeichen (oder auch 'enter' damit jeder Tag in einer eigenen Zeile ist).
Denn IE reiht sonst alle Bilder aneinander, so das die Seite weit wird bis zum geht nicht mehr - deshalb muss ich die Bilder 'trennen'.



Normal ist es die Darstellung wunderschön in den Konkurrenzbrowsern, wenn ich alle Bild-Tags einfach hintereinander mache - ohne eine Trennen per Leertaste oder setzten der Tags in eine eigene Zeile. Auch Autostrech funktioniert blendet, wenn zB das Fenster verkleinert/vergrößert wird.

Bisher habe ich versucht per CSS den img-tag zu modifizieren:
border: none
margin: -1xp sowie maring: 0px
padding: 0


Bisher ohne Erfolg. Es wäre mehr als toll, wenn jemand mir eine Lösung anbieten könnten.

 

[wegus]

ich schieb Dich mal ins zugehörige Forum

 

[PATTE]

ups… ja *ähm* gerne.

 

[Simsch]

Magst du mal ein paar Files uploaden? Ich würde das vielleicht so versuchen einen div tag zu nehmen mit konstanter Breite (oder auch nicht) und dann mittels id allen in dem div befindlichen img tags ein margin: Xpx; zuweisen.
Ist das auf deinem Bild die Darstellung wie es sein soll oder die wie es nicht sein soll?

mfg
Simon

 

[dms]

Mach das Gefrickel mit den Leerzeichen wieder weg und weise den Bildern einfach "float:left" zu. Nach den Bildern nicht vergessen ein Element mit "clear:left" zu definieren.

<img style="float:left;" /><img style="float:left;" /><img style="float:left;" /><br style="clear:left;" />

 

[PATTE]

Hallo und Danke - um mich verständlicher auszudrücken, habe ich mal einen Crashtestdummy Online gestellt.

http://www.dummy2.uaarg.de


@Simsch — ich probiere es… obwohl ich meine das schon einmal erfolglos probiert zu haben. Da scheinen sich DIV und TD nicht viel zu nehmen.

@dms — ich habe im css einfach mal folgendes dazugetippt... leider ohne Effekt

img {
float: left;
}

br {
clear: left;
}

Ich probiere deinen Trick noch einmal mit ein wenig spezifischerem taggen.

Any ideal ideas?

 

[PATTE]

… komme nicht weiter :[

 

[Jakob]

dms’ Lösung ist die richtige:

<img /><img /><img /><br />

im CSS

img { float: left }
br { clear: left }

Hast Du noch andere tags/styles dazwischen? Und warum ist das ganze in einer table?

Falls es da bleiben soll, probier im CSS mal

td img { … }
td br { … }

 

[PATTE]

@ Jakob / DMS

Danke ich probiert — es geht!
Mir war das mit dem br-tag schleierhaft. Warum er da sein muß… im ganzen Code ist ja kein br zu sehen, ABER die werden wohl automatisch vom Browser hineininterpretiert.

Hatte schon extra bei http://dummy2.uaarg.de aufgeräumt, damit dort nur noch das wichtigste drinnen steht (auch im CSS file).

zu Tabellen:

Ja… ich mußte auf tables ausweichen, weil ich nicht wußte die ich das layout um den weißen Kasten den ihr da seht mit div's hätte autostretchen können. Das ganze Projekt mit div's ist mein nächsten vorhaben.