div hintergrundbild wird nicht angezeigt

Linopacino

hi leute,

ich habe irgendein komisches problem das ich nicht gebacken kriege,

ich möchte drei verschiedenen Divs die jeweils untereinander liegen hintergrundbilder hinzufügen.. doch leider funktioniert das nicht, er zeigt mir die hintergrundbilder einfach nicht an!..

könnt ihr mir bitte helfen?

hier das Problemkind: (seite befindet sich erst im groben aufbau ;) )
http://mommyikeepitgangsta.com/page/

hier mal der CSS code der drei divs:

HTML

#title {
	height: 75px;
	border: 1px solid #000000;
	background-image: url(../images/post-header.jpg) no-repeat;
}




.widecolumn .entry p {
	margin-left: 20px;
	margin-right: 20px;
	font-size: 1.05em;
	border: 1px solid #000000;
	}


.narrowcolumn .entry, .widecolumn .entry {
	line-height: 1.4em;
	border: 1px solid #ff0000;
	background-image: url(../images/post-middle.jpg) repeat;
	}


.widecolumn {
	line-height: 1.6em;
	border: 1px solid #000000;
	}


.narrowcolumn .postmetadata {
	height: 60px;
	border: 1px solid #ff0000;
	}
	
#post-footer {
	height: 60px;
	border: 1px solid #000000;
	background-image: url(../images/post-footer.jpg) no-repeat;
}

Alles anzeigen

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

alchymyth

wenn die hintergrundbilder mit den anderen hintergrundbildern im 'images'-verzeichnis des themes gespeichert sind, dann ist der pfad zu den bildern falsch;

vergleich deine bilder-pfade mit dem 'normalen' code; zB:

Code

url('images/kubrickfooter.jpg')

Linopacino

habe nun den Pfad geändert doch nix tut sich:

PHP

#title {
	height: 75px;
	border: 1px solid #000000;
	background-image: url('images/post-header.jpg') no-repeat;
}




.widecolumn .entry p {
	margin-left: 20px;
	margin-right: 20px;
	font-size: 1.05em;
	border: 1px solid #000000;
	}


.narrowcolumn .entry, .widecolumn .entry {
	line-height: 1.4em;
	border: 1px solid #ff0000;
	background-image: url('images/post-middle.jpg') repeat;
	}


.widecolumn {
	line-height: 1.6em;
	border: 1px solid #000000;
	}


.narrowcolumn .postmetadata {
	height: 60px;
	border: 1px solid #ff0000;
	}
	
#post-footer {
	height: 60px;
	border: 1px solid #000000;
	background-image: url('images/post-footer.jpg') no-repeat;
}

Alles anzeigen

Tutrix

das liegt an der falschen Definition

falsch:

Code

background-image: url(images/post-header.jpg) no-repeat;

richtig:

Code

background: url(images/post-header.jpg) no-repeat;

oder wenn alles getrennt über "background-image" definiert werden soll

Code

background-image: url(images/post-header.jpg);
background-repeat: no-repeat;

Linopacino

das war der fehler!! super vielen dank!

Willkommen! Melden Sie sich an oder registrieren Sie sich.

div hintergrundbild wird nicht angezeigt

Jetzt mitmachen!