Unsichtbarer Rand!!?!?!?!?!

[vazei]

Ich dreh bald durch... folgendes Problem: Ich möchte in den hauptinhaltsbereich oben drei selbst erstellte Buttons platzieren. Diese sollen direkt nebeneinander und mittig sein
Das ist der Code:

<div id="Button-div">
           <a href=""><span><img src="pics/ShopButton.png" alt="shop_button_pic" name="austausch1" width="166" height="53" /></span></a>
                  <a href=""> <span><img src="pics/ShopButton.png" alt="shop_button_pic" name="austausch1" width="166" height="53" /></span></a>
                   <a href=""><span><img src="pics/ShopButton.png" alt="shop_button_pic" name="austausch1" width="166" height="53" /></span></a>
</div>

Solange nur ein Button drin ist, ist alles kein Problem und Button und Content-Bereich liegen schön direkt aufeinander... wei folgt zu sehen:


Sobald ich aber ein zweites Inline Element dazu mache, kommt plötzlich aus dem Nichts ein 2-3 Pixel breiter Abstand zwischen Button-div und dem Content-Bereich wie hier zu sehen ist:



Padding und Margin ist bereits auf 0px.
Wer weiß Rat?!?!

 

[vitus37]

Auch border: none; schon versucht?

 

[crash]

Zeilenumbrüche und Leerzeichen zwischen den Elementen entfernen.

 

[vazei]

border ist im CSS per img {border:none;} deaktiviert.

 

[vazei]

Unglaublich!!! die leerzeichen waren´s! Vielen Dank!!!

 

[vazei]

Allerdings brauche ich nun einen kleinen Abstand zwischen den Buttons, aber wenn ich nun mit padding oder margin rangehe passiert wieder dasselbe problem?

 

[vazei]

Ok hat sich erledigt! Danke nochmal...

 

[Gimli]

Statt selbstgespräche in form von 4 oder 5 posts hintereinander zu führen, kannst du auch einfach die Editieren funktion benutzen.