Darstellung von Bildern - vertikaler Abstand

  • Ich hab ein seltsames Problem mit der Darstellung meines Menüs.
    Firefox generiert zwischen den "img"s einen künstlichen vertikalen Abstand, von dem ich nicht weiß, wie ich ihn entfernen kann.

    Das Fehlerbild sieht folgendermaßen aus
    [Blockierte Grafik: http://home.arcor.de/Neo.X/pics/screen.gif]

    Der Quelltext ist folgender

    PHP
    <img src="./pics/menue/menu_info1.gif" border="0" vspace="0"><?php
      			if ( isset($media[1]) ) { 
    				?><a href="./index.php?media=1" onmouseover="switchimagepics(1);" onmouseout="switchimagepics(2);" title="pics"><img src="./pics/menue/<?php echo $menus[$lang]['pics'][0] ?>" border="0" name="pics"></a><?php
    			}
    			?><img src="./pics/menue/menu_info2.gif" border="0">

    Der Output sieht foldendermaßen aus

    Code
    <td rowspan="1" valign="top" width="200px" align="right">
      	<img src="./pics/menue/menu_info1.gif" border="0" vspace="0"><a href="./index.php?media=1" onmouseover="switchimagepics(1);" onmouseout="switchimagepics(2);" title="pics"><img src="./pics/menue/menu_bilder.gif" border="0" name="pics"></a><img src="./pics/menue/menu_info2.gif" border="0">  </td>

    Auch wenn ich den dynamischen Teil rausnehmen und einfach nur zwei Bilder untereinander und ANLIEGEND plazieren will, macht er mir einen ca. 3-5 px großen vertikalen Abstand rein. CSS hab ich schon ohne erfolg mal komplett weggelassen, kann also ausgeschlossen werden.

    Kann mir jemand helfen? Wie bekomm ich den Abstand weg?

  • Zitat

    Bei der Variante mit den CSS-Formaten sind außerdem noch Angaben zum Abstand rechts und unten angegeben, so dass der nachfolgende Text nicht so sehr an der Tabelle "klebt". Die Browser interpretieren auch vergleichbare HTML-Attribute dafür: mit <table align="center" hspace="10" vspace="6"> erreichen Sie beispielsweise, dass zwischen Tabelle und umfließendem Text ein Horizontalabstand von 10 Pixeln und ein Vertikalabstand von 6 Pixeln erzwungen wird. Die Attribute hspace und vspace im Zusammenhang mit Tabellen gehörten jedoch nie zum HTML-Standard.

    Quelle

  • Du kannst auch mal versuchen etwas mit CSS: vertical-align zu experimentieren, das hilft manchmal. Hat was mit der Ausrichtung des Bildes an der Text-Baseline zu tun.

    Mozilla/5.0 (Windows; U; Windows NT 5.1; de; rv:1.8.1.1) Gecko/20061204 Firefox/2.0.0.1

    Eine Theorie sollte so einfach wie möglich sein, aber nicht einfacher. (A. Einstein)