bilder direkt nebeneinander

[norbert6]

hallo zusammen

ich habe ein (hoffentlich kleines) Problem
undzwar habe ich einfach ein paar bilder neben- und untereinander, die keinen abstand zueinander haben sollen:

es sieht aber leider so aus:

das problem ist, das der code so aussieht:

<img src="...">\n
<img src="...">\n
<img src="...">\n
<img src="...">

würde er so aussehen, wäre das kein problem:

<img src="..."><img src="..."><img src="..."><img src="...">

wie kann ich es mittels CSS so machen, das es trotzdem wie oben aussieht?

(margin, padding und border ist auf null gesetzt)

 

[Coyboc]

ne doofe idee, aber unkomplziert, versuch's mal mit einer tabelle, (cellpadding="0" cellspacing="0" in den <table> tag)

 

[kkapsner]

Bäh... Tabellenlayout.

 

[norbert6]

erstens das und zweitens will/kann ich nur die css datei ändern

 

[dkdenz]

erstens das und zweitens will/kann ich nur die css datei ändern

Was jetzt? Willst Du nichts, oder kannst Du nichts ändern?
Mit irgendwelchen Wischiwaschistatements können wir Dir nicht helfen...

 

[anna55]

Auf die Schnelle fallen mir negative margins für die Pics ein.

img {
	margin:0 0 -4px -4px;
}

 

[kkapsner]

Aber ist der Abstand bei allen Browsern gleich, so dass man das fest angeben kann?

Eine Lösung mit JS wäre, alle leeren (also nur mit Leerzeichen und Zeilenumbrüchen gefüllten) Textnodes zu löschen.

 

[norbert6]

@dkdenz: es geht um eine art lösungsvorschlag, und da wäre es am einfachsten, nur den stylesheet zu ändern

@kkapsner: nein, leider ist es nicht bei jedem browser gleich. IE stellt es so dar, wie ich es möchte, FF und Chrome zeigen sie zwar ohne horizontalen, dafür aber mit vertikalen abstand an.



_____________________________
nachtrag:

wenn ich die font-size auf null setze, wird alles wie gewollt angezeigt, nur eben kein text mehr
setze ich nur die schriftgröße der images auf null, passiert nichts...

 

[zenten]

Hallo Norbert

Falls dein Problem noch besteht, könntest du versuchen deine "font-size auf null" Methode zu verwenden und dabei den Text nochmals in ein Element z.B
<span>Text</span> zu setzen, natürlich nicht vergessen den font-size in diesem neuen Element wieder zu erhöhen!
Sollte eigentlich funktionieren....

Kann dir leider nicht konkreter antworten, da ich nicht weiß wie deine HTML -und CSS Datei aufgebaut ist.

Gruß
zenten

 

[norbert6]

vielen Dank,
aber ich suche eben nach einer reinen CSS lösung

 

[anna55]

vielen Dank,
aber ich suche eben nach einer reinen CSS lösung

Ja aber das geht doch, wenn die Browser das nicht einheitlich darstellen, kannst du trotzdem mit negativen Margins arbeiten, wie ich dir schon gesagt hatte, musst halt individuelle CSS-Hacks verwenden, sodass es jeweils passt. Die kannst du untereinander in das StyleSheet schreiben.

 

[kkapsner]

So viel Aufwand wegen ein paar Zeilenumbrüchen ...