abstand grafiken im netscape, firefox, opera
felix
- browser
hallo zusammen,
ich habe 5 links als bilder. diese sollten direkt (d. h. ohne abstand) untereinander sein.
im ie funktioniert das problemlos, aber netscape, firefox und opera lassen einen abstand von zuvielen pixeln.
der code (php):
<body background="images/left_bottom.gif" id="body">
<table style="cellspacing:0;cellborder:0;border:0;" cellspacing="0" cellborder="0" width="200" border="0" bgcolor="#CCCCCC">
<?
$links = Array("roller","mountainbike","fahrraeder","zubehoer","topangebot");
for ($i=0; $i<sizeof($links); $i++) {
?>
<tr><td><a href=".."><img vspace="0" hspace="0" src="images/g.jpg" border="0"></a></td></tr>
<?
}
?>
ich habe schon diverse befehle ausprobiert, aber komme nicht weiter. muss ich mich mit diesem abstand zufrieden geben oder kann mir jemand mit einem guetn tip weiterhelfen?
danke schon im voraus.
grüsse
felix
hi,
ich habe 5 links als bilder. diese sollten direkt (d. h. ohne abstand) untereinander sein.
im ie funktioniert das problemlos, aber netscape, firefox und opera lassen einen abstand von zuvielen pixeln.
vertical-align:bottom für die bilder sollte helfen.
gruß,
wahsaga
hallo wahsaga,
leider ist es nicht das. die td's sind zu hoch. und <td height="15"> nützt nichts, die bilder bestimmen eigentlich die höhe des td aber offenbar fügt netscape, etc noch pixel dazu. ich kann mir den effekt nicht anders erklären.
danke für die schenlle antwort und um weitere tipps oder einen nächsten input wäre ich froh.
felix
Hi,
wozu soll hier die Tabelle gut sein?
<a class="bildlink" href=".."><img src="images/g.jpg" alt=".."></a>
...
reicht völlig mit ein wenig CSS-Einsatz:
.bildlink, .bildlink img {display:block; border:0;}
freundliche Grüße
Ingo
Hallo,
der Klassiker:
< http://www.dodabo.de/html+css/img-table/>
Für die vertical-align-Lösung von wahsaga scheinen die Bilder zu klein zu sein. Zusätzlich zu den in dem Artikel beschreibenen Lösungen hilft auch noch ein Rumspielen an font-size und/oder line-height.
Viele Grüße
Carsten
Hallo
<table style="cellspacing:0;cellborder:0;border:0;" cellspacing="0" cellborder="0" width="200" border="0" bgcolor="#CCCCCC">
Was ist "cellborder"? Wenn die schon genannten CSS-Lösungen nicht funktionieren, schreibe in den <table>-Tag noch cellpadding="0" als Attribut rein. Die Renderengine von Netscape, wie auch die von Mozilla, geht mit Tabellen ohne die Angabe anders um, wie die MSIE-Renderengine.
Tschö, Auge