Hintergrund via CSS einbinden
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
absolute text
auszug
auto
bearbeitet auszug
bild
boxen
code
datei
einbinden
fehler
frage
grafik
image
login
position
sagen
server
url
versuchen
verzeichnis
-
Aloha,
ich habe da mal eine Frage zum einbinden von Hintergründen via CSS ^^
Die Seite ist in mehrere Boxen eingeteilt und war standartmäßig per Farbcode "grafisch" untermalt.
Jetzt habe ich Grafiken erstellt und genauf auf die Maße der Boxen zu geschnitten und will diese einbinden...
Habe also meine CSS-Datei wie folgt bearbeitet :
(Auszug aus der CSS-Datei)
#menu1 {
position:absolute;
width:200px;
height:150px;
left:20px;
top:120px;
background-image:url(/img/login/menu1.gif);
background-repeat:no-repeat;
}
Die Datein liegen auf dem Server im Verzeichnis /img/login
Aber trotzdem wird immer noch nur die alte Codegenerierte "Grafik" angezeigt und nicht meine Bilder.
Könnt ihr mir sagen, wo der Fehler liegt?
Muss ich da noch was ändern?
(Auszug aus der CSS-Datei)
div {
position:absolute;
text-align:center;
background-color:#226622;
color:silver;
overflow:auto;
}
Lg,
CyberKrimina -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Aloha,
ich habe da mal eine Frage zum einbinden von Hintergründen via CSS ^^
Die Seite ist in mehrere Boxen eingeteilt und war standartmäßig per Farbcode "grafisch" untermalt.
Jetzt habe ich Grafiken erstellt und genauf auf die Maße der Boxen zu geschnitten und will diese einbinden...
Habe also meine CSS-Datei wie folgt bearbeitet :
(Auszug aus der CSS-Datei)
#menu1 {
position:absolute;
width:200px;
height:150px;
left:20px;
top:120px;
background-image:url(/img/login/menu1.gif);
background-repeat:no-repeat;
}
Die Datein liegen auf dem Server im Verzeichnis /img/login
Aber trotzdem wird immer noch nur die alte Codegenerierte "Grafik" angezeigt und nicht meine Bilder.
Könnt ihr mir sagen, wo der Fehler liegt?
Muss ich da noch was ändern?
(Auszug aus der CSS-Datei)
div {
position:absolute;
text-align:center;
background-color:#226622;
color:silver;
overflow:auto;
}
Lg,
CyberKrimina
Du kannst mal versuchen, hier:
#menu1 {
position:absolute;
width:200px;
height:150px;
left:20px;
top:120px;
background-image:url(/img/login/menu1.gif);
background-repeat:no-repeat;
}
bei background-image deine komplette url einzutragen, also http://www..........
Wenn das nicht geht, versuche background: DEINE_URL
Beitrag geändert: 11.11.2008 11:23:39 von davy
Beitrag geändert: 11.11.2008 11:23:59 von davy -
Es wäre hilfreich wenn du deine Problemseite mal posten könntest. So kann dir nur sehr schwer geholfen werden. Kannst aber mal versuchen das aufgesplittete in ein Attribut zu packen:
background: url(url_zum_bild.endung) no-repeat center;
Gruß
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
