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

Hintergrundbild einbinden

dertobinator

Neues Mitglied
Hallo, Experten!

Ich hab ein Probloem. Ich möchte gern eine HIntergrundgrafik in meine HP einbinden. Genau gesagt soll eine selbst erstellte Grafik 18x18 Pixel gekachelt die eiegtnliche Seite wie ein Rand umgeben.

Leider habe ich keine Ahnung, wie ich das anstellen soll. Die Datei mit der Grafik habe ich angehängt.

Hat jemand von euch bitte eine Idee?

Thx schonmal für die Mühe!

Gruß

Tobi
 

Anhänge

  • background-gp.jpg
    background-gp.jpg
    12 KB · Aufrufe: 14
Mit HTML kann man keine Hintergrundbilder einbinden, HTML ist nur für die logische Struktur des Inhalts.

Mit CSS geht das aber. Die dafür notwendige Eigenschaft ist "background-image".

Vermutlich ist es am einfachsten, das Bild zu kacheln und als Hintergrundbild für den Body einzutragen und dann ein Element für den eigentlichen Content darüber zu legen.
 
Hallo,

so sieht mein stylesheet.css aus (natürlich nru ein Auszug):

BODY {

background-image: url(background-gp.jpg);
/*background-position: center;*/

Das jpg liegt im selben Ordner wie die index.html.



Das beeindruckt die Seite aber so gar nicht - da passiert nix!


Die Methode im Link von Imbericle hat auch nichts verändert (an welche Stelle muss das genau?).

@Efchen, könntest Du den genauen Code aufschreiben und an welche Stelle das genau muss? Bin leider nicht so der Profi...
 
Zuletzt bearbeitet:
Das kann viele Ursachen haben. Z.B. die fehlende schließende geschweifte Klammer oder ein falscher Pfad zur Grafik.
Deshalb poste mal einen Link zur Problemseite.
 
Hallo

Du hat das } vergessen.
Falls es nicht daran liegt, ist das jpg im selben Verzeichnis wie die Homepage?

@ prm: Tut mir leid prm wollte nicht das wiederholen was du schon geschrieben hast, ich tippe bloss zu langsam.

Gruss
Elroy
 
Wenn sich der hintergrund auch wiederholen soll mach es folgendermaßen
Code:
BODY {
 
  background: url(background-gp.jpg) repeat;
}

bestimmt ist der Hintegrund da, wird abe rnur einmal wiederholt :D
 
Wie meinst du das? muss ich doch einen kompletten Pfad angeben?


So, hab nun mal einen kompletten Pfad reingeschrieben. Bringt auch nichts. Ich werd noch wahnsinnig!
 
Zuletzt bearbeitet:
Hallo.

Dass alles
HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>EBC Bremsbel&auml;ge ohne Bremsstaub</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
.Stil1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #666666;
}
body {
background-image: url(content/media/BremsscheibeAlpha.jpg);
}
.Stil5 {
color: #CC9900;
font-weight: bold;
}
.Stil6 {color: #CC0000}
.Stil11 {color: #CC9900}
.Stil13 {font-family: Arial, Helvetica, sans-serif; font-size: xx-large; color: #FF0000; font-weight: bold; }
.Stil15 {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #666666;
font-weight: bold;
}
.Stil17 {font-family: Arial, Helvetica, sans-serif; font-size: large; color: #666666; font-weight: bold; }
.Stil18 {font-family: Arial, Helvetica, sans-serif; font-size: large; color: #CC9900; font-weight: bold; }
.Stil24 {
font-size: 14px;
font-weight: bold;
}
.Stil25 {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #666666; }
.Stil26 {font-weight: bold; font-family: Arial, Helvetica, sans-serif;}
.Stil27 {color: #666666}
-->
</style>
</head>
<body>
gehört da nicht hin.

Du öffnest ein HTML Dokument innerhalb eines HTML Dokuments und das geht nicht.
Ich vermute mal hier wurde php include falsch benutzt.

Gruss
Elroy
 
Dein html ist Fehlerhaft.
Mitten im body beginnst du ein neues html-Dokument. Dort überschreibst du background-image für Body:
Code:
body {
	background-image: url(content/media/BremsscheibeAlpha.jpg);
}

Edit:
Zu spät
 
Danke schon mal, da kommen wir der Sache ja näher. Folgendes Phänomen tritt gerade auf: Er macht jetzt den Hintergrund auf allen Seiten, nur nicht auf der Startseite!

Die falsche background-image-Anweisung finde ich nicht. Wie kriege ich denn raus, in welchem Dokument da steht??
 
Zuletzt bearbeitet:
Du hast eine Komplette Seite mit dem Title:
"EBC Bremsbel&auml;ge ohne Bremsstaub"
samt css eingefügt.

Wie die Datei heißt kannst nur Du wissen.
 
Zurück
Oben