• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Eingene Bilder als Hintergrund

Werbung:
Doch, find ich schon :-)

HTML kann ja nichts dafür, wenn du nicht sagst, wo sich das Bild befindet, das angezeigt werden soll ;-)
 
Werbung:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
<title>Meine Seite</title>
</head>

<body><p style="background-image:url(src="Eigene Bilder/blatt_papier.jpg")">Text<p>
</body>

</html>

So klappts auch nicht
 
wenn dann so:
Code:
<p style="background-image:url(Eigene Bilder/blatt_papier.jpg)">Text<p>

Das setzt allerdings voraus, dass "Eigene Bilder" ein Unterordner von dem ist, in dem deine HTML-datei liegt. Ansonsten gehts auch nicht.

Tipp:
Leg solche Bilder einfach in den gleichen Ordner wie die HTML-dateien ab...
 
Werbung:
Soll ich jetzt eines Ordner erstellen z.b HTML und da soll ich jetzt das Bild und den Code reinpacken ?
 
Werbung:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
<title>Meine Seite</title>
</head>

<body><p style="background-image:url(src="Eigene Bilder/blatt_papier.jpg")">Text<p>
</body>

</html>
 
sind Datei und Bild jetzt in einem Ordner?

Wenn ja reicht das:
Code:
<p style="background-image:url(blatt_papier.jpg)">Text<p>
 
Werbung:
Ja sind jetzt beide im HTML Ordner

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
<title>Meine Seite</title>
</head>

<body><p style="background-image:url(blatt_papier.jpg)">Text<p>
</body>

</html>

So gehts aber auch nicht
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
<title>Meine Seite</title>
</head>

<body><p style="background-image:url(blatt_papier.jpg)">Text</p>
</body>

</html>

Erst einmal den kleinen Fehler beheben.
Bei mir klappst d.h. wenn ich ein anderes Bild reinstelle ;)
Also entweder ist die Bilddatei beschädigt...
oder es ist immer noch nicht im richtigen Pfad...
Ne andere Möglichkeit fällt mir sonst spontan nicht ein...



T02
 
Werbung:
versuchs mal so:
Code:
<p style="background-image:url('blatt_papier.jpg');">Text</p>
 
Klapp habe das mal meit nem Programm (NVU) ganz easy musst ihm programm nur den namen der Datei eingeben und den rest macht das Programm

Code :

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title></title>
</head>
<body
style="background-image: url(file:///C:/Dokumente%20und%20Einstellungen/Niki/Eigene%20Dateien/HTML/blatt_papier.jpg);">
<br>
</body>
</html>
 
Werbung:
Bei dieser Form der Verlinkung musst du aufpassen, wenn du die Datei ins Internet hochladest.
Keiner ausser dir wird das Bild zu sehen zu bekommen, da der Link zu einer Datei auf deiner Festplatte führt.
 
Zurück
Oben