Marc Messinger: ungewollte Rahmen an rechten unteren Rand

Hallo Forum
Nach einer ganzen Nacht probieren, probieren ..., wende ich mich an Euch.

Hier erst einmal das Script was mir sorgen macht.
<html>
<head>
<title>4 Grafiken im Block</title>
<script language="JavaScript">
  <!--
  Normal1 = new Image();
  Normal1.src = "test.gif";
  Highlight1 = new Image();
  Highlight1.src = "test2.gif";

Normal2 = new Image();
  Normal2.src = "test.gif";
  Highlight2 = new Image();
  Highlight2.src = "Test2.gif";

function Bildwechsel(Bildnr,Bildobjekt)
  {
   window.document.images[Bildnr].src = Bildobjekt.src;
  }
//-->
</script>

</head>
<body>
     <a href="Home.htm" onMouseOver="Bildwechsel(0,Highlight1)"onMouseOut="Bildwechsel(0,Normal1)">
     <img src="test.gif" alt="zurück zum Anfang" border=0>
     </a>
     <a href="Mail.htm" target=_top onMouseOver="Bildwechsel(1,Highlight1)"onMouseOut="Bildwechsel(1,Normal1)">
     <img src="test.gif" alt="E-Mail schicken" border=0>
     </a>
<br>
     <a href="verweise.htm" target=_top onMouseOver="Bildwechsel(2,Highlight2)"onMouseOut="Bildwechsel(2,Normal1)">
     <img src="test.gif" alt="Hier finden Sie gute Links" border=0>
     </a>
     <a href="Gästebuch.htm" target=_top onMouseOver="Bildwechsel(3,Highlight2)"onMouseOut="Bildwechsel(3,Normal1)">
     <img src="test.gif" alt="zum Gästebuch"border=0>
     </a>
</body>
</html>

Wenn ich nun diese Page aufrufen kommen die 4 Grafiken wie gewünscht. Aber sie hängen nicht direkt nebeneinander, sondern in einem Abstand von ca 5 Pixel. Wenn man nach onmouseover die Grafig anklickt, entsteht unten rechts direkt dieser ein kleiner Rahmen von ca 5 Pixel Breite. Meine Frage, wie bekomme ich diesen weg?

Für Hilfe wäre ich sehr dankbar.

Gruß Marc

  1. Hallo Forum
    Nach einer ganzen Nacht probieren, probieren ..., wende ich mich an Euch.

    [...]

    hast du das irgendwo auf einen server liegen, damit man es sich ansehen kann?

    Ciao
    Ludwig

    1. Hallo Forum
      Nach einer ganzen Nacht probieren, probieren ..., wende ich mich an Euch.

      [...]

      hast du das irgendwo auf einen server liegen, damit man es sich ansehen kann?

      Ciao
      Ludwig

      Kann ich leider zur Zeit nicht. Deshalb habe ich das Script mitgeschickt. Die Grafigen kann ich leider nicht beilegen. An diesen liegt es aber auch nicht. Habe ich schon mir anderen probiert.Ich hoffe Du kannst mir trotzdem weiterhelfen.

      Marc

      1. »»Ich hoffe Du kannst mir trotzdem weiterhelfen.

        re Hallo Marc, :)

        schau mal:

        http://212.17.119.152/www/SH-store/marc.html

        schau in den Source... steht jetzt in EINER zeille, so hast du auch keine breakes mehr dazwieschen...

        ein <a href........><img src...></a> sollten immer in einer zeile stehen.. sonst hast zwischen den bildern immer ein _ stehen wie bei deinem code.

        Das selbe gilt wenn du die grafiken auch übereinander beisammen halten willst, in eine zeile (wenn du keine Tabellen nehmen willst)

        Ciao
        Ludwig

        1. Hi Ludwig und Marc!
          Danke Ludwig, Du warst a bissel schneller :-)

          http://www.einspender.de/temp/marc.html

          http://www.einspender.de/temp/marcnew.html

          Im Prinzip sagen Ludwig und ich die gleiche Lösung, ich habe nur noch width und height eingebaut und eine testgrafik mitgeschickt :-)

          cu marc and ludwig
          stefan

          1. Hi Ludwig und Marc!
            Danke Ludwig, Du warst a bissel schneller :-)

            http://www.einspender.de/temp/marc.html

            http://www.einspender.de/temp/marcnew.html

            Im Prinzip sagen Ludwig und ich die gleiche Lösung, ich habe nur noch width und height eingebaut und eine testgrafik mitgeschickt :-)

            Hi Stefan..

            stimmt ja :)) man könnte das ganze natürlich wenn man es kompliziert will auch mit einer imagemap lösen :))
            http://212.17.119.152/www/~cwd/ war mal ein experiment :) wurde nie fertig gemacht aber es zeigt das man einen image rollover in eine Imagemap einbauen kann, wenn auch mit viel aufwand und kompatibilitäts einbußen.

            Ciao
            Ludwig

  2. Hi Marc!

    Schreibe mal einfach den kompletten Code (oder zumindest den in <body>...</body>) in eine einzige Zeile nur mit unbedingt notwendigen Leerzeichen, sieht zwar besch. aus, aber vielleicht hilft es ja :-)
    Width und Height solltest Du auch noch einbasteln, kann eventuell auch was bringen.
    Bei ---Gästebuch"border--- fehlt ein Space, außerdem finde ich border="0" besser, wird aber nix mit Deinem Prob zu tun haben :-

    ---cut1---
    <img src="test.gif" width="10" height="10" border="0">
    <img src="test.gif" width="10" height="10" border="0">
    ---/cut1---

    ---cut2---
    <img src="test.gif" width="10" height="10" border="0"><img src="test.gif" width="10" height="10" border="0">
    ---/cut2---

    cut1 und cut2 sind ein Unterschied, bei cut1 entsteht ein kleiner Abstand zwischen den Grafiken durch den Zeilenumbruch :-)

    cu marc
    stefan

    PS: Eine Beispielseite zum probieren wäre nicht verkehrt, falls meine Hilfe nicht funzt, danke.

  3. Danke an Ludwig und Stefan

    genau das war der Fehler. Es MUß alles in eine Zeile und schon gehts.

    Besonderen Dank normal an Ludwig, der extra eine Seite ins Web gestellt hat.

    Ich hoffe ich kann mich mal bei Euch revanchieren.
    Wenn ihr mal in Mainz seit schickt mir doch vorher mal ne Mail, dann können wir vieleicht eine Schale Bier trinken gehen.
    Oder ihr schaut nächstes Jahr an Fassenacht mal vorbei.

    Nochmals vielen Dank aus Mainz am Rhein

    Marc

    1. Hallo Marc,

      Es MUß alles in eine Zeile und schon gehts.

      Das MUß muß nicht sein.
      An dem Effekt hab' ich auch lange rumprobiert bis zum kapieren.
      Eigentlich ergibt sich die Lösung ja aus der HTML-Definition:
      'alles was zwischen Tags steht ist Seiteninhalt'.
      Das gilt natürlich auch für die Umbrüche die Du hinter Deinen Tags hast.
      Und da die Browser die Seitenformatierung ja selbstständig machen
      und Du einen Zeilenumbruch auch ohne expliziten Zwischenraum
      zwischen zwei Worte setzen darfst, ersetzt Dir der Browser so einen
      Zeilenumbruch halt ungefragt durch einen Zwischenraum.
      In Deinem Fall darfst Du den Umbruch auch in ein Tag verlegen:
      <img src="test.gif"
        alt="zurück zum Anfang" border=0>
      ist durchaus syntaktisch richtig. Nur Schlüsselworte darfst Du nicht trennen.

      Hier im Forum kommt auch sehr oft die Frage, warum denn die Bilder in
      Tabellenzellen nicht zusammenzukriegen sind, trotz Nullabständen.
      Das ist der gleiche Grund. Meist sieht es etwa so aus:
      ...
      <TR>
        <TD>
         <irgendein Tag> <== hier wird ein Zwischeraum draus!
        </TD>
        <TD>
         <nochein Tag> <== hier auch
        </TD>
      </TR>
      ...
      Lösung:
      ...
      <TR>
        <TD><irgendein Tag></TD>
        <TD><nochein Tag></TD>
      </TR>
      ...
      dann geht es klar.

      Klaus