✔ Bild abschliessend mit dem Fenster

Status
Nicht offen für weitere Antworten.
P

Patematthes

Mitglied
Hallo ich habe ein Problem:

Ich will ein Bild ganz oben links in der Ecke haben welches abschliessen soll mit dem Fenster, aber es bleibt immer ein Rand oben und links.

greetz
 
Du musst Außen- und Innenabstand auf 0 setzen, auch vom Body:
HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
    "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><head>
<meta http-equiv="Content-Type"
    content="application/xhtml+xml; charset=UTF-8" />
<title>Test</title>
<style type="text/css" media="screen">
    body {
        margin:0;
        padding:0;
    }
    img {
        margin:0;
        padding:0;
        border-width:0;
    }
    div {
        margin:0;
        padding:0;
    }
</style>
</head>
<body>
<div><img src="./bild.gif" alt="Ein Bild" title="" /></div>
</body>
</html>
 
Natürlich kannst du so auch bestimmen, welchen genauen Abstand dein Objekt zum Rand haben soll, wenn du statt "0" die Pixelwerte eingibst.

Und da viele Wege nach Rom führen, hier noch eine andere Schreibweise (direkt in den Body-Tag). Damit kannst du die Ränder unabhängig voneinander beeinflussen (sollte dein Bild oder Text z.B. 20 px vom linken und 30 px vom oberen Rand entfernt sein):
HTML: 
<body style="margin-left:20px;margin-top:30px;margin-right:0px;margin-bottom:0px">

Grüße, chritz
 
chritz tosh hat gesagt.:
Natürlich kannst du so auch bestimmen, welchen genauen Abstand dein Objekt zum Rand haben soll, wenn du statt "0" die Pixelwerte eingibst.

Und da viele Wege nach Rom führen, hier noch eine andere Schreibweise (direkt in den Body-Tag). Damit kannst du die Ränder unabhängig voneinander beeinflussen (sollte dein Bild oder Text z.B. 20 px vom linken und 30 px vom oberen Rand entfernt sein):
HTML: 
<body style="margin-left:20px;margin-top:30px;margin-right:0px;margin-bottom:0px">

Grüße, chritz
Zum Vergrößern anklicken....
Das geht dann aber auch kürzer (und nicht vergessen padding auf 0 zu setzen):
HTML: 
<body style="margin:30px 0 0 20px; padding:0;">
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück