Abstände bei img trotz margin=0

[Mäxchen]

Hallo,

habe drei Bilder mit je 200px Breite in einem DIV-Container mit 635px Breite.
Obwohl ich img mit margin:0 definiert habe, bigt es einen horizontalen Abstand.
Wieso`?

Danke und Gruss

Mäx

[Beat]

Wieso`?

Whitespace?

mfg Beat

[Mäxchen]

Wieso`?

Whitespace?

mfg Beat

Nee, alle drei Pics nebeneinander,
wenn ich sechs pics habe, dann gibts es sogar einen vertikalen Abstand

[Beat]

Nee, alle drei Pics nebeneinander,
wenn ich sechs pics habe, dann gibts es sogar einen vertikalen Abstand

Na dann werfe ich padding und border des umgebenden Divs in den Raum.

Und wenn du wieder nöö sagst, werfe ich halt was anderes in den Raum.

mfg Beat

[Steel]

Hi!

Bevor Beat hier noch mehr den Raum zuwirft, lass doch mal etwas Code sehen.

[Mäxchen]

Hallo,

hier der HTML-Teil

<div id='content1'>
          <a id='step1' name='step1'></a>
          <h2 style="background-image:url(/cc_gfx/cc_h2_studio.jpg)"><span>Studio</span></h2>

<p>Text</p>
          <p>Text</p>

<img class='pic' src="http://www.cassandra-catier.com/cc_pic/cc_studio_0660.jpg" alt="Studio" />
          <img class='pic' src="http://www.cassandra-catier.com/cc_pic/cc_studio_0664.jpg" alt="Studio" />
          <img class='pic' src="http://www.cassandra-catier.com/cc_pic/cc_studio_0661.jpg" alt="Studio" />>
          <p>Text</p>
          <p>text</p>
                   <div>

hier CSS:

#content1      {
                 float:           left;
                 margin-top:      0px;
                 margin-left:     0px;
                 margin-right:    0px;
                 margin-bottom:   0px;
                 padding-top:     0px;
                 padding-left:    30px;
                 padding-right:   30px;
                 padding-bottom:  30px;
                 background:      #fff;
                 border-right:    #9a3466 5px solid;
                 width:           635px;
                 min-height:      590px;
                 text-align:      left;
               }
img.pic        { margin:          0 0px 0px 0;
                 padding:         0;
                 border:          3px solid #000;
               }

[suit]

<img class='pic' src="http://www.cassandra-catier.com/cc_pic/cc_studio_0660.jpg" alt="Studio" />
          <img class='pic' src="http://www.cassandra-catier.com/cc_pic/cc_studio_0664.jpg" alt="Studio" />
          <img class='pic' src="http://www.cassandra-catier.com/cc_pic/cc_studio_0661.jpg" alt="Studio" />>

whitespace - wie beat schon sagte

[Steel]

<img class='pic' src="http://www.cassandra-catier.com/cc_pic/cc_studio_0660.jpg" alt="Studio" />
          <img class='pic' src="http://www.cassandra-catier.com/cc_pic/cc_studio_0664.jpg" alt="Studio" />
          <img class='pic' src="http://www.cassandra-catier.com/cc_pic/cc_studio_0661.jpg" alt="Studio" />>

whitespace - wie beat schon sagte

Und

<img><img><img>

macht, wäre die Lösung.

Bei einem Zeilenumbruch gibt es natuerlich einen Abstand. Schliesslich sollen Textzeilen nicht direkt untereinander kleben. Hier spielen Zeilenhöhe und Unterlängen eine Rolle.

[Beat]

Wieso`?
Whitespace?
Nee, alle drei Pics nebeneinander,

Whitespace ist etwas das Space braucht und laut deinem Code zwischen deinen Bildern steht.

mfg Beat

[Mäxchen]

Grundgütiger Beat,

hättest Du vielleicht die Freundlichkeit mir Dummerchen es so zu erklären, dass auch ich es verstehe?

[Beat]

hättest Du vielleicht die Freundlichkeit mir Dummerchen es so zu erklären, dass auch ich es verstehe?

Demonstration von Whitespace

  
<tag1 />  
<tag2 /> <tag3 />  

Zwischen Tag1 Tag2 und Tag3 stehen zwei Arten von Whitespache.
Herkömmlicherweise wird dieser durch NICHT Nullbreite Zeichen erzeugt.

mfg Beat