Abstand zwischen Bildelementen

[umzug]

Hi,

in folgendem Script habe ich eine navi für eine Website - aber zwischen den einzelnen Buttons ist mir ein viel zu großer Abstand, ich hätte die Buttons gern ´direkt aneinandergefügt - ohne Zwischenraum! Was muss ich da ändern?

<td align="left" valign="top">
       <a href="#"
    onmouseover="document.getElementById('image1').src='http://www.jamesbondromane.shellmaster.de/navi/cr_a.gif';"
    onmouseout="document.getElementById('image1').src='http://www.jamesbondromane.shellmaster.de/navi/cr.gif';">
    <img id="image1" src="http://www.jamesbondromane.shellmaster.de/navi/cr.gif" border="0" >
    </a><br>
    <a href="#"
    onmouseover="document.getElementById('image2').src='http://www.jamesbondromane.shellmaster.de/navi/lald_a.gif';"
    onmouseout="document.getElementById('image2').src='http://www.jamesbondromane.shellmaster.de/navi/lald.gif';">
    <img id="image2" src="http://www.jamesbondromane.shellmaster.de/navi/lald.gif" border="0" >
    </a><br>
    <a href="#"
    onmouseover="document.getElementById('image3').src='http://www.jamesbondromane.shellmaster.de/navi/mr_a.gif';"
    onmouseout="document.getElementById('image3').src='http://www.jamesbondromane.shellmaster.de/navi/mr.gif';">
    <img id="image3" src="http://www.jamesbondromane.shellmaster.de/navi/mr.gif" border="0" >
    </a><br>
    <a href="#"
    onmouseover="document.getElementById('image4').src='http://www.jamesbondromane.shellmaster.de/navi/daf_a.gif';"
    onmouseout="document.getElementById('image4').src='http://www.jamesbondromane.shellmaster.de/navi/daf.gif';">
    <img id="image4" src="http://www.jamesbondromane.shellmaster.de/navi/daf.gif" border="0" >
    </a><br>
    <a href="#"
    onmouseover="document.getElementById('image5').src='http://www.jamesbondromane.shellmaster.de/navi/frwl_a.gif';"
    onmouseout="document.getElementById('image5').src='http://www.jamesbondromane.shellmaster.de/navi/frwl.gif';">
    <img id="image5" src="http://www.jamesbondromane.shellmaster.de/navi/frwl.gif" border="0" >
    </a><br>
    <a href="#"
    onmouseover="document.getElementById('image6').src='http://www.jamesbondromane.shellmaster.de/navi/dn_a.gif';"
    onmouseout="document.getElementById('image6').src='http://www.jamesbondromane.shellmaster.de/navi/dn.gif';">
    <img id="image6" src="http://www.jamesbondromane.shellmaster.de/navi/dn.gif" border="0" >
    </a><br>
    <a href="#"
    onmouseover="document.getElementById('image7').src='http://www.jamesbondromane.shellmaster.de/navi/gf_a.gif';"
    onmouseout="document.getElementById('image7').src='http://www.jamesbondromane.shellmaster.de/navi/gf.gif';">
    <img id="image7" src="http://www.jamesbondromane.shellmaster.de/navi/gf.gif" border="0" >
    </a><br>
    <a href="#"
    onmouseover="document.getElementById('image8').src='http://www.jamesbondromane.shellmaster.de/navi/fyeo_a.gif';"
    onmouseout="document.getElementById('image8').src='http://www.jamesbondromane.shellmaster.de/navi/fyeo.gif';">
    <img id="image8" src="http://www.jamesbondromane.shellmaster.de/navi/fyeo.gif" border="0" >
    </a><br>
    <a href="#"
    onmouseover="document.getElementById('image9').src='http://www.jamesbondromane.shellmaster.de/navi/tb_a.gif';"
    onmouseout="document.getElementById('image9').src='http://www.jamesbondromane.shellmaster.de/navi/tb.gif';">
    <img id="image9" src="http://www.jamesbondromane.shellmaster.de/navi/tb.gif" border="0" >
    </a><br>
    <a href="#"
    onmouseover="document.getElementById('image10').src='http://www.jamesbondromane.shellmaster.de/navi/tswlm_a.gif';"
    onmouseout="document.getElementById('image10').src='http://www.jamesbondromane.shellmaster.de/navi/tswlm.gif';">
    <img id="image10" src="http://www.jamesbondromane.shellmaster.de/navi/tswlm.gif" border="0" >
    </a><br>
    <a href="#"
    onmouseover="document.getElementById('image11').src='http://www.jamesbondromane.shellmaster.de/navi/ohmss_a.gif';"
    onmouseout="document.getElementById('image11').src='http://www.jamesbondromane.shellmaster.de/navi/ohmss.gif';">
    <img id="image11" src="http://www.jamesbondromane.shellmaster.de/navi/ohmss.gif" border="0" >
    </a><br>
    <a href="#"
    onmouseover="document.getElementById('image12').src='http://www.jamesbondromane.shellmaster.de/navi/yolt_a.gif';"
    onmouseout="document.getElementById('image12').src='http://www.jamesbondromane.shellmaster.de/navi/yolt.gif';">
    <img id="image12" src="http://www.jamesbondromane.shellmaster.de/navi/yolt.gif" border="0" >
    </a><br>
    <a href="#"
    onmouseover="document.getElementById('image13').src='http://www.jamesbondromane.shellmaster.de/navi/tmwtgg_a.gif';"
    onmouseout="document.getElementById('image13').src='http://www.jamesbondromane.shellmaster.de/navi/tmwtgg.gif';">
    <img id="image13" src="http://www.jamesbondromane.shellmaster.de/navi/tmwtgg.gif" border="0" >
    </a><br>
    <a href="#"
    onmouseover="document.getElementById('image14').src='http://www.jamesbondromane.shellmaster.de/navi/op_a.gif';"
    onmouseout="document.getElementById('image14').src='http://www.jamesbondromane.shellmaster.de/navi/op.gif';">
    <img id="image14" src="http://www.jamesbondromane.shellmaster.de/navi/op.gif" border="0" >
    </a>
</td>

 

[onlineflo]

ich würds mmit CSS machen und statt für jeden link einen eigenen button zu erstellen einfach einen einheitlichen hintergrund machen (einen für normal und einen für hover) und dann einfach den text auf den button schreiben, so etwa:

<head>
<style type="text/css">
<!--

a.navi:link {
background-image:url(background.gif); 
display:block; 
text-decoration:none; 
vertical-align:middle; 
}

a.navi:visited {
background-image:url(background.gif); 
display:block; 
text-decoration:none; 
vertical-align:middle; 
}

a.navi:hover {
background-image:url(background_hover.gif); 
display:block; 
text-decoration:none; 
vertical-align:middle; 
}

a.navi:active {
background-image:url(background.gif); 
display:block; 
text-decoration:none; 
vertical-align:middle; 
}

-->
</style>
</head>
<body>
<div>
<a href="#" class="navi">dein linktext</a>
</div>
...

 

[abydos]

oder du gibst der td die Breite der Buttons und läßt den weichen Umbruch br weg

 

[bine]

den <br weglassen und um das den <hyperlink ein <div setzen und die jede Navizeile in eine Zeile schreiben, keinen Umbruch dazwischen, dann haste alles zusammengepappt.