✔ Ohne rand

Status
Nicht offen für weitere Antworten.
Paraneuros

Paraneuros

Erfahrenes Mitglied
Hi,
wer hier auf meine seite ciage.de geht sieht ja das überall um das eigentliche Bild ein "hässlicher" weisser rand ist.Wie bekomme ich diesen Weg?
achja und hätte jemand einen Pixel vorschlag wie ich das bild genau auf die grösse des Fensters bekomme?
Also das Bild ist eigentlich als 1024*768 gespeichert.
 
Um den Rand zu entfernen, benötigst du folgendes Stylesheet, das im HEAD der HTML-Seite eingefügt wird:

HTML: 
<style type="text/css">
<!--
html, body
{
margin: 0;
padding: 0;
}
-->
</style>
 
Den Rand bekommst du mit einer style angabe im body bereich weg.
Code: 
<body style="margin: 0px;>

Damit du das bild immer auf der ganzen Seite hast, was aber eine verzerrung bedingt, auch einen Qualitätsverlust wen das Fenster grösser als 1024x756 erhälst.

Code: 
<img border="0" src="deinbild.gif" width="100%" height="100%">
 
Moin,

Im Body-Tag musst du topmargin="0" leftmargin="0" hinzufügen.


Beim Bild einfach width und height auf 100% setzten.
mb fanste
 
Danke erstmal für die tips aber für einen wirklichen ungebildeten HTMLer ist das gar net einfach zu verstehen

wo das nun mit dem " <body style="margin: 0px;> " ´hinsoll
Code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Unbenanntes Dokument</title>
</head>

<body>
<img src="index.jpg" width="1024" height="768" />
</body>
</html>
 
Hier die 'gebrauchsfertige' Auflösung:

HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Unbenanntes Dokument</title>

<style type="text/css">
html, body
{
margin: 0;
padding: 0;
}
</style>

</head>
<body>

<img src="index.jpg" width="1024" height="768" />

</body>
</html>
 
Danke das war die Lösung

aber noch eine andere Frage dazu...warum wird das nicht gleich von haus aus(also dem Programm) nicht ohne so einen Rand erstellt?Also nützlich finde ich es nicht wenn da so ein weisser Rand ist.Wie gesagt kenne mich nicht mit HTML aus.
 
Zuletzt bearbeitet:
Ist es eigentlich schon. Wenn du es nicht angibst, dass kein Rand hinsoll, ist immer einer dabei. (Gilt nicht für Hintergrundfarben. Da sieht man keinen Rand. Nur beim Inhalt.)
 
Ein kleines bisschen Rand ist die Standardeinstellung von fast jedem Browser. Das hat mit Deinem Webseitengestaltungsprogramm nichts zu tun.

Wenn Du Dir (back to the roots) ordnungsgemäß ausgezeichnete HTML-Seiten ohne Formatierung im Browser betrachtest, ist der Rand sinnvoll, weil die Buchstaben nicht press am Fensterrand kleben.

Gruß hpvw
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück