nicht angemeldet
Abstand Bilder
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>
-
Hi,
poste doch bitte nicht den ganzen Code.
Zwei IMG-Tags hätten schon gereicht um zu sehem, dass Du Whitespaces dazwischen hast. Warum wunderst Du Dich dann über die Abstände? Oder würdest Du etwa auch erwarten, dass:
<span>ein</span> <span>Wort</span>
als "einWort" ausgegeben wird?freundliche Grüße
Ingo-
Hi Ingo,
ich habe den ganzen Code gepostet, weil ich ja nicht wusste, wo das Problem liegt. Hätte ja auch an irgendwelchen Angaben im Header etc. liegen können.
Auf jeden Fall: Vielen Dank, das Problem ist damit gelöst! (Ich bin eher noch Anfänger, deswegen habe ich mich über die Abstände gewundert, wenn deine Frage damit beantwortet ist...?)
Grüße,
JonasHi,
poste doch bitte nicht den ganzen Code.
Zwei IMG-Tags hätten schon gereicht um zu sehem, dass Du Whitespaces dazwischen hast. Warum wunderst Du Dich dann über die Abstände? Oder würdest Du etwa auch erwarten, dass:
<span>ein</span> <span>Wort</span>
als "einWort" ausgegeben wird?freundliche Grüße
Ingo -
Hi,
poste doch bitte nicht den ganzen Code.
Zwei IMG-Tags hätten schon gereicht um zu sehem, dass Du Whitespaces dazwischen hast. Warum wunderst Du Dich dann über die Abstände? Oder würdest Du etwa auch erwarten, dass:
<span>ein</span> <span>Wort</span>
als "einWort" ausgegeben wird?Das Prolem ist doch das ein <return> das man nur eingibt um seinen Sourcecode übersichtlicher zu gestalten als Whitespace interpretiert wird. Und das auch nur bei Bildern (<pre< </pre> mal ausgenommen).
-
Hi,
Das Prolem ist doch das ein <return> das man nur eingibt um seinen Sourcecode übersichtlicher zu gestalten als Whitespace interpretiert wird. Und das auch nur bei Bildern
nein!
sowohl:<span>ein</span> <span>Wort</span>als auch:
<span>ein Wort</span>ergibt natürlich zwei Worte.
Ein Zeilenumbruch ist nunmal als Whitespace definiert und Whitespace wirkt sich grundsätzlich bei Inline-Elementen aus.
freundliche Grüße
Ingo-
Ein Zeilenumbruch ist nunmal als Whitespace definiert und Whitespace wirkt sich grundsätzlich bei Inline-Elementen aus.
Wie es ist weiß ich auch. Weniger blödsinnig ist es dadurch auch nicht. Ich habe nunmal meine Vorstellung und bin kein Beamter der einfach akzeptiert was andere Vorgeben. Mich stört es ich sehe keine Vorteil darin und mir konnte auch noch niemand vom Gegenteil überzeugen. Du kanst es gerne versuchen. Aber ich glaube nicht das Du ein Argument findest das mir als sinnvoll erscheint. Ich bin aber für Vorschläge offen. Nur konnte noch niemand estwas dazu vortragen das mich von meienr Überzeugung abgebracht hätte. Es ist in der Praxis einfach nur nervigg, sinnlos und überflüssig.
-
-
-
-
Ich vermute die Lösung ist: Whitespaces raus! Returns und Spaces.
in etwa so:
<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">Dann sollten die ungewollten Abstände weg sein.