scorpy: Bild OHNE "Seiten Abstand"

Wenn ich ein Bild mit:

"
<html>
<head>
<title>anzeige</title>
</head>

<body bgcolor="#F6BC59" text="#F6BC59">

<img src="animation/termin.gif" border="0">

</body>
</html>
"

einfüge, dann gibt es einen "Seiten-Abstand", d.h. einen Abstand zwischen Bild und, Links (Seiten-Anfang) und Oben (Seiten-Anfang)...
Wie kann ich das OHNE den Abstand machen?

  1. Mittels CSS und Margin bzw. Padding..

    1. bin Anfänger, kannst mir mal das einfachste bsp geben?
      thx!

      1. Das einfachste ist:
        <body style="margin: 0; padding: 0">

        1. Adromir,
          Es ist immer ärgerlich, wenn Anfängern so ein Unsinn wie

          <body style="margin: 0; padding: 0">

          beigebracht wird.

          Sinn von CSS ist die Trennung von Dokumentstruktur und Layoutangaben. Mit dem style-Attribut wird dieses eben nicht gemacht; deshalb sollte es nicht verwendet werden.

          Das CSS gehört ins style-Element im head oder in eine externe Datei:
          body {padding: 0}

          Live long and prosper,
          Gunnar

          --
          „Weisheit ist nicht das Ergebnis der Schulbildung, sondern des lebenslangen Versuchs, sie zu erwerben.“ (Albert Einstein)
          1. das

            <body style="margin: 0; padding: 0">

            hat funktioniert, aber das mit

            body {padding: 0}

            nicht! warum nicht?
            (ich habe das ins css reingeschrieben:

            <style type="text/css">
            a:link { font-weight:bold; color:green; text-decoration:none }
            a:visited { font-weight:bold; color:#00FF00; text-decoration:none }
            a:hover { font-weight:bold; font-size:100%; color:#00A8EC; text-decoration:none }
            a:focus { font-weight:bold; color:#00FF00; text-decoration:none }

            body {padding: 0}

            </style>

            1. Hallo scorpy,

              <body style="margin: 0; padding: 0">
              hat funktioniert, aber das mit
              body {padding: 0}
              nicht! warum nicht?

              Weil du einmal zwei Eigenschaften auf 0 setzt und beim anderen Mal nur eine.

              Grüße aus Nürnberg
              Tobias

  2. scorpy,
    Die http://de.selfhtml.org/html/allgemein/grundgeruest.htm#dokumenttyp@title=Doctype-Angabe fehlt.

    <html>
    <head>
    <title>anzeige</title>
    </head>

    <body bgcolor="#F6BC59" text="#F6BC59">

    Zu Layout-Angaben ist http://de.selfhtml.org/css/@title=CSS da, dann kommen die missbilligten HTML-Attribute in die Mülltonne.

    Welchen Sinn macht es, Hintergrund und Text identisch zu färben? Der Lesbarkeit sollte das nicht dienlich sein.

    <img src="animation/termin.gif" border="0">

    Je nach HTML-Variante darf das img-Element evtl. <http://de.selfhtml.org/html/grafiken/einbinden.htm#allgemeines@title=nicht als Kind von body vorkommen>.

    Das zwingend erforderliche <http://de.selfhtml.org/html/grafiken/einbinden.htm#referenz@title=alt-Attribut fehlt>.

    </body>
    </html>

    einfüge, dann gibt es einen "Seiten-Abstand", d.h. einen Abstand zwischen Bild und, Links (Seiten-Anfang) und Oben (Seiten-Anfang)...

    Ja, weil der body in den Browsern als Defaultwert für http://de.selfhtml.org/css/eigenschaften/innenabstand.htm@title=padding einen von 0 verschieden Wert hat.

    Wie kann ich das OHNE den Abstand machen?

    Indem du diesen Wert mittels CSS setzt, ebenso http://de.selfhtml.org/css/eigenschaften/randabstand.htm@title=margin und http://de.selfhtml.org/css/eigenschaften/rahmen.htm@title=border für das dann evtl. vorhandene übergeordnete Element.

    Oder möchtest du das Bild gar <http://de.selfhtml.org/css/eigenschaften/hintergrund.htm@title=als Hintergrundbild einbinden>?

    Live long and prosper,
    Gunnar

    --
    „Weisheit ist nicht das Ergebnis der Schulbildung, sondern des lebenslangen Versuchs, sie zu erwerben.“ (Albert Einstein)