Lücken beim Bilder aneinanderreihen

[erich]

Hallo, liebe Gemeinde!
Ich hoffe, mir kann jemand erklären, wie folgender Effekt entsteht:

Wenn ich 2 Bilder (gleich groß)
nebeneinander platziere, entsteht sowohl RECHTS als auch UNTEN ein
Rand. Das erkenn ich, indem ich das äußere Element (z.B. <p> ) einfärbe.
Links und oben schließt das erste Bild genau ab.

Ich habe folgende Style-Eigenschaften  auf 0px gestezt:
'border-width' , 'margin' , 'padding'
Und zwar SOWOHL für das umgebende, als auch für die img-Elemente.

Was noch interessant ist:
Die GRÖßE dieses Randes hängt direkt vom umgebenen Element ab, ist also innerhalb eines <h1> größer als in einem <p> - Block

Darum hab ich auch noch 'letter-spacing' und 'word-spacing' auf 0px gesetzt, und zwar EBENFALLS auf beiden Ebenen, ohne Erfolg.
Der Effekt tritt bei IE und auch Firefox auf, scheint also kein Browserproblem.

Dass man Bilder auch anders aneinanderkleben kann, ist mir schon klar, ich würde halt gern die Ursache meines "Problems" verstehen.

ciao und danke  :-)

[Mathias Bigge]

Hi erich,

ein harmloses Leerzeichen im Quelltext könnte die Ursache sein.

Viele Grüße
Mathias Bigge

[Gunnar Bittersmann]

Mathias,

ein harmloses Leerzeichen im Quelltext könnte die Ursache sein.

Oder auch ein Zeilenumbruch. (Oder meintest du „white space“ als du „Leerzeichen“ sagtest?)

Erich,
Wenn du schreibst
  <p>
    <img …>
    <img …>
  </p>
dann ist zwischen den img-Elementen noch ein Textknoten mit white spaces (Zeilenumbruch, Tab-, Leerzeichen), die der Browser als ein Leerzeichen darstellt. Dieses ist in einer Überschrift i.d.R. größer als im Textabsatz.

Gunnar

[Mathias Bigge]

Hi Gunnar,

Oder auch ein Zeilenumbruch. (Oder meintest du „white space“ als du „Leerzeichen“ sagtest?)

Ich wollte mich verstäändlich ausdrücken, aber Du hast die Sache hier gut erklärt.

Dieses ist in einer Überschrift i.d.R. größer als im Textabsatz.

Was mich auch zu meiner Vermutung hat kommen lassen.

Viele Grüße
Mathias Bigge

[Erich Haeffner]

Auch an dich nochmal:
Vielen Dank !!

Hoffentlich wird mein dummi-outing bald aus dem Forum verschwunden sein.

[Erich Haeffner]

Hallo !»» Hi erich,

ein harmloses Leerzeichen im Quelltext könnte die Ursache sein.

Viele Grüße
Mathias Bigge

Vielen Dank !!!!!!!  Problem behoben !!!!!!!!!!

Jetzt hab´ ich mich mit meiner ersten Frage gleich als
OBER-DOOFI geoutet - Toll!

Aber Randfrage:

Wie soll man da jemals übersichtliche Quelltexte schreiben können???

[Gunnar Bittersmann]

Erich,

Wie soll man da jemals übersichtliche Quelltexte schreiben können???

<img
  src=…
  width=…
  height=…
  alt=…

<img

src=…
  width=…
  height=…
  alt=…

Gunnar

[Twilo]

Hallo,

Wie soll man da jemals übersichtliche Quelltexte schreiben können???

<img
  src=…
  width=…
  height=…
  alt=…

<img
  src=…
  width=…
  height=…
  alt=…

ich möchte mal wissen, wer das so macht ;-)

mfg
Twilo

[Mathias Bigge]

Hi Twilo,

ich möchte mal wissen, wer das so macht ;-)

Entweder der Gunnar oder kein Mensch, aber interessant fand ich's trotzdem *g*

Viele Grüße
Mathias Bigge

[Gunnar Bittersmann]

ich möchte mal wissen, wer das so macht ;-)
Entweder der Gunnar oder kein Mensch, aber interessant fand ich's trotzdem *g*

Hej, Erich hatte nach einer Möglichkeit gefragt, ich habe eine genannt. Nicht gesagt, dass ich es so mache.

Aber bei der Angabe von XML-Namensräumen mach ich das tatsächlich. Meine FOAF-Datei z.B. fängt so an:

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE rdf:RDF [
  <!ENTITY vcard "http://www.w3.org/2001/vcard-rdf/3.0#">
  <!ENTITY xsd "http://www.w3.org/2001/XMLSchema#">
]>
<rdf:RDF
  xmlns="http://xmlns.com/foaf/0.1/"
  xmlns:bio="http://purl.org/vocab/bio/0.1/"
  xmlns:dc="http://purl.org/dc/elements/1.1/"
  xmlns:dcterms="http://purl.org/dc/terms/"
  xmlns:geo="http://www.w3.org/2003/01/geo/wgs84_pos#"
  xmlns:lang="http://purl.org/net/inkel/rdf/schemas/lang/1.1#"
  xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
  xmlns:rdfs="http://www.w3.org/2000/01/rdf-schema#"

<PersonalProfileDocument rdf:about="">
    .
    .
    .

Gunnar

[a6e-intruder]

…

height=…
  alt=…

<img
  src=…
  width=…
  height=…
  alt=…

ich möchte mal wissen, wer das so macht ;-)

ich habe das so gemacht

[Mathias Bigge]

Hi a6e-intruder,

ich möchte mal wissen, wer das so macht ;-)
ich habe das so gemacht

Ich mag Bekennerschreiben im Stil von Rousseaus Bekenntnissen. Vielleicht könntest Du den guten ANsatz um ein paar sehr persönliche Informationen über dich ergänzen, hier dürfte das eh kein Problem sein, da kein einziger im Selfraum neugierig und vertratscht ist.

Viele Grüße
Mathias Bigge

[a6e-intruder]

Vielleicht könntest Du den guten ANsatz um ein paar sehr persönliche »» Informationen über dich ergänzen, hier dürfte das eh kein Problem sein,

ok. also ich arbeite selbständig und mache eine webseite für einen kunden, ich wollte kein webdesign mehr machen, aber jetzt sind die aufträge da und deswegen mache ich das halt.

»»da kein einziger im Selfraum neugierig und vertratscht ist.
yea right!! :-))

ich habe ein menue gemacht, das sich mit einem mouseover effekt einblendet und bei den gifs habe ich halt beim ie zwischenräume gehabt beim firefox nicht. wenn ich dann ein platzhalter eingefügt habe, dann wars beim ie doppelt so groß. mit dem "trick" schauts jetzt bei beiden gleich aus.

intruder

[Ashura]

Hallo.

<img
  src=…
  width=…
  height=…
  alt=…

<img
  src=…
  width=…
  height=…
  alt=…

Also ich bevorzuge immer noch die alte Schreibweise
<img src="…" width="…" height="…" alt="…" /><img src="…" width="…" height="…" alt="…" />

Meines Erachtens nach ist das übersichtlich und mir ist schleierhaft, wie man hier ein Leerzeichen hineinschmuggeln kann.

Gruß, Ashura

[Mathias Bigge]

Hi Erich,

Jetzt hab´ ich mich mit meiner ersten Frage gleich als OBER-DOOFI geoutet - Toll!

Da stehst Du in einer guten Tradition *g*

Viele Grüße
Mathias Bigge