Jonas Hamm: Abstand Bilder

SELF-Forum

Abstand Bilder

Jonas Hamm
– Informationen zu den Bewertungsregeln

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>

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Abstand Bilder

    Ingo Turski Homepage des Autors
    – Informationen zu den Bewertungsregeln

    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

    --
    [barrierefreie Webseitenerstellung » Suchmaschinenoptimierung | em?] (Hommingberger Gepardenforelle;-)
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. Abstand Bilder

      Jonas Hamm
      – Informationen zu den Bewertungsregeln

      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,
       Jonas

      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

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

    2. Abstand Bilder

      der neue Alante
      +1 Informationen zu den Bewertungsregeln

      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).

      Beitrag melden
      +1
      Informationen zu den Bewertungsregeln

      1. Abstand Bilder

        Ingo Turski Homepage des Autors
        – Informationen zu den Bewertungsregeln

        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

        --
        [barrierefreie Webseitenerstellung » Suchmaschinenoptimierung | em?] (Hommingberger Gepardenforelle;-)
        Beitrag melden
        –
        Informationen zu den Bewertungsregeln

        1. Abstand Bilder

          der neue Alante
          – Informationen zu den Bewertungsregeln

          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.

          Beitrag melden
          –
          Informationen zu den Bewertungsregeln

  2. Abstand Bilder

    JRB
    +1 Informationen zu den Bewertungsregeln

    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.

    Beitrag melden
    +1
    Informationen zu den Bewertungsregeln