Jonas Hamm: Abstand Bilder

Beitrag lesen

Hallo zusammen!

Ich weiß, das ist kein neues Thema: Abstand zwischen Bildern - wie bekomme ich den weg? Vertikal hab ichs schon geschafft, aber der horizantale Abstand will einfach nicht verschwinden. Hspace klappt jedenfalls genauso wenig wie margin:0px. Kann mir jemand helfen? Hier mein etwas unaufgeräumter Code...:

<html>
<head>
<title></title>
<meta name="author" content="Jonas">
<style type="text/css">
body
{text-decoration:none; link-decoration:none; margin:0px; }

img
{margin:0px; border:0px; vertical-align:bottom; }

a
{margin:0px;}

script
{margin:0px;}

table
{margin:0px}

td
{margin:0px}

tr
{margin:0px}

</style>

</head>
<script language="JavaScript">
<!--
news = new Image();
news.src = "newson.jpg";
musik = new Image();
musik.src = "musikon.jpg";
auftritte = new Image();
auftritte.src = "auftritteon.jpg";
biografie = new Image();
biografie.src = "biografieon.jpg";
gaestebuch = new Image();
gaestebuch.src = "gaestebuchon.jpg";
shop = new Image();
shop.src = "shopon.jpg";
links = new Image();
links.src = "linkson.jpg";
impressum = new Image();
impressum.src = "impressumon.jpg";

function BildAn(Bild)
  { document [Bild] .src= Bild + "on.jpg"; }

function BildAus(Bild)
  { document [Bild] .src= Bild + "off.jpg"; }

//-->

</script>

<body>
<table width="1000" cellspacing="0" cellpadding="0">

<img src="1.jpg"  border="0" vspace="0" hspace="0" align="center" >

<img src="2.jpg" alt="" border="0" vspace="0" hspace="0" align="center">

<a href="news.html"
onMouseOver="BildAn('news')";
onMouseOut="BildAus('news')">
<img name="news" src="newsoff.jpg" border="0"></a>

<img src="3.jpg" alt="" border="0">

<a href="musik.html"
onMouseOver="BildAn('musik')";
onMouseOut="BildAus('musik')">
<img name="musik" src="musikoff.jpg" border="0"></a>

<img src="4.jpg" alt="" border="0">

<a href="auftritte.html"
onMouseOver="BildAn('auftritte')";
onMouseOut="BildAus('auftritte')">
<img  name="auftritte" src="auftritteoff.jpg" border="0"></a>

<img src="5.jpg" alt="" border="0" hspace="0">

<img src="6.jpg" alt="" border="0">

<a href="biografie.html"
onMouseOver="BildAn('biografie')";
onMouseOut="BildAus('biografie')">
<img name="biografie" src="biografieoff.jpg"  border="0"></a>

<img src="7.jpg" alt="" border="0">

<a href="gaestebuch.html"
onMouseOver="BildAn('gaestebuch')";
onMouseOut="BildAus('gaestebuch')">
<img name="gaestebuch" src="gaestebuchoff.jpg"  border="0"></a>

<img src="8.jpg" alt="" border="0">

<img src="9.jpg" alt="" border="0">

<a href="shop.html"
onMouseOver="BildAn('shop')";
onMouseOut="BildAus('shop')">
<img name="shop" src="shopoff.jpg" border="0"></a>

<img src="10.jpg" alt="" border="0">

<a href="links.html"
onMouseOver="BildAn('links')";
onMouseOut="BildAus('links')">
<img name="links" src="linksoff.jpg"  border="0"></a>

<img src="11.jpg" alt="" border="0">

<a href="impressum.html"
onMouseOver="BildAn('impressum')";
onMouseOut="BildAus('impressum')">
<img name="impressum" src="impressumoff.jpg" border="0"></a>

<img src="12.jpg" alt="" border="0">     <br>
<img src="13.jpg" alt="" border="0">
</table>

</body>
</html>