Ursache für 3px abstand zwischen Buttons

[Jan K.]

Hallo zusammen,

ich finde einfach nicht heraus woher der vertikale Abstand von 3px zwischen den Buttons stammt. Der Abstand soll 0px betragen!

Kann mal jemand von euch drüber schauen und mir erklären voher der Abstand stammt?

http://12monkeys.dyndns.org/media/2010-10-26_layout_problem/2010-10-26_fehlersuche_menue_links_3px.html
http://12monkeys.dyndns.org/media/2010-10-26_layout_problem/2010-10-26_styles.css

Eine weiter Sache die mich stört ist der Standard Rahmen für img Links, konkret folgendes Konstrukt:
<a href=""><img src="" /></a>
Das img bekommt hier einen Rahmen der unerwünscht ist. Weil diese img-Links später mal mit typo3 erzeugt werden weiß ich nicht wie ich die eigenschaft border="0" setzen kann.
Ich weiß aber das ich die img_links mit typo3 in div container (bzw. könnte ich in ein beliebiges html tag verpacken) verpacken kann.
Also möchte ich gerne wissen ob ich - <div id="xy"><a href=""><img src="" /></a></div> - über das div xy irgendwie erzwingen kann das die <img> inhalte des divs keine border haben.
Momentan benutze ich noch eine Brechstangenmethode die alle img kastriet - img{ border:0ßx solid red;}

Gruß,
Jan

[ChrisB]

Hi,

Kann mal jemand von euch drüber schauen und mir erklären voher der Abstand stammt?

Schon zigfach diskutiertes Thema: Von dem Platz, der für die Unterlängen eventuellen Textinhaltes innerhalb der Zeilen-Box reserviert wird.
display:block oder vertical-align:bottom für die Bilder schafft Abhilfe.

Eine weiter Sache die mich stört ist der Standard Rahmen für img Links, konkret folgendes Konstrukt:
<a href=""><img src="" /></a>
Das img bekommt hier einen Rahmen der unerwünscht ist. Weil diese img-Links später mal mit typo3 erzeugt werden weiß ich nicht wie ich die eigenschaft border="0" setzen kann.

Die würdest du natürlich überhaupt nicht setzen, weil du für Formatierung natürlich ausschließlich CSS benutzt.

Momentan benutze ich noch eine Brechstangenmethode die alle img kastriet - img{ border:0ßx solid red;}

Wenn du diese Formatierung nur für bestimmte Bilder haben willst, dann nutze einen weniger allgemeinen Selektor - nimm bspw. den Nachfahrenselektor zu Hilfe.

MfG ChrisB

[Gunnar Bittersmann]

@@Jan K.:

nuqneH

Momentan benutze ich noch eine Brechstangenmethode die alle img kastriet - img{ border:0ßx solid red;}

Wenn du keinen Rahmen haben willst, warum gibst du dann 'border-style: solid' an? 'border-style: none' wäre passend.

Und warum gibst du keinem Rahmen eine Farbe?

'border: 0 none' ist wohl das, was du willst. Wobei eine der Angaben genügen dürfte.

Qapla'