Kaspar Vollenweider: Drei bilder zu einer Linie?

SELF-Forum

Drei bilder zu einer Linie?

Kaspar Vollenweider
– Informationen zu den Bewertungsregeln

Hallo

Ich habe ein Problem mit Drei bildern die ich zu einer linie zusammenfügen möchte.

Linker Rand, mitte (gestretcht) und rechter rand.

Nun ist es aber leider so, das zwischen den bilder ein abstand gemacht wird, obwohl ich vspace und hspace auf 0 gesetzt habe.

Weis jemand was ich falsch mache?

Hier ist das Code beispiel:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
</head>
<div align="center"><img src="pics/topline-left.gif" height="4" width="11" hspace="0" vspace="0">
  <img src="pics/topline-middle.gif" height="4" width="92%" hspace="0" vspace="0">
  <img src="pics/topline-right.gif" height="4" width="11" hspace="0" vspace="0"></div>
</body>
</html>

Dankend

Kaspar

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Drei bilder zu einer Linie?

    Tobias K.
    – Informationen zu den Bewertungsregeln

    Hallo Kaspar,

    Nun ist es aber leider so, das zwischen den bilder ein abstand gemacht wird, obwohl ich vspace und hspace auf 0 gesetzt habe.

    vspace und hspace sollten nicht mehr verwendet werden, dafür gibt es css.

    <div align="center"><img src="pics/topline-left.gif" height="4" width="11" hspace="0" vspace="0">
      <img src="pics/topline-middle.gif" height="4" width="92%" hspace="0" vspace="0">
      <img src="pics/topline-right.gif" height="4" width="11" hspace="0" vspace="0"></div>

    lass mal die Zeilenumbrüche zwischen den Bildern weg, und baue ggf. noch ein style="margin:0; padding:0;" ein.

    Grüße aus Nürnberg
    Tobias

    --
    sh:( fo:) ch:? rl:( br:< n4:& ie:% mo:| va:) de:] zu:) fl:( ss:| ls:[ js:|
    (Selfcode -> http://emmanuel.dammerer.at/selfcode.html)
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. Drei bilder zu einer Linie?

      Kaspar Vollenweider
      – Informationen zu den Bewertungsregeln

      lass mal die Zeilenumbrüche zwischen den Bildern weg, und baue ggf. noch ein style="margin:0; padding:0;" ein.

      Hallo Tobias

      Die Zeilenumbrüche waren es.

      Danke für deine Hilfe.

      MfG

      Kaspar

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

  2. Drei bilder zu einer Linie?

    MudGuard
    – Informationen zu den Bewertungsregeln

    Hi,

    <div align="center"><img src="pics/topline-left.gif" height="4" width="11" hspace="0" vspace="0">

    whitespace zwischen inline-Elementen wird IMMER als EIN Leerzeichen dargestellt, wenn es sich nicht in einem pre-Element oder einem mit word-space:pre; formatierten Element befindet - dort würde der whitespace komplett erhalten.
    Verlege den whitespace (Zeilenumbruch + Einrückung) an eine Stelle, wo er nicht stört (/dev/null oder an eine geeignete Stelle in einem der tags).

    <img src="pics/topline-middle.gif" height="4" width="92%" hspace="0" vspace="0">

    cu,
    Andreas

    --
    Der Optimist: Das Glas  ist halbvoll.  - Der Pessimist: Das Glas ist halbleer. - Der Ingenieur: Das Glas ist doppelt so groß wie nötig.
    http://mud-guard.de/
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

  3. Drei bilder zu einer Linie?

    Andreas
    – Informationen zu den Bewertungsregeln

    Hi,

    lass einfach die Zeilenvorschübe zwischen den Bildern weg.

    <!-- So heißt es richtig: -->
     <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
     <html>
     <head>
     <title>Untitled Document</title>
     </head>
     <div align="center"><img src="pics/topline-left.gif" height="4" width="11"><img src="pics/topline-middle.gif" height="4" width="92%"img src="pics/topline-right.gif" height="4" width="11"></div>
     </body>
     </html>
    <!-- Jetzt müsste es gehen -->

    Das hspace und das vspace brauchst du aich nicht!

    Andreas

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln