background-image wordt niet weergegeven

Door DJ Lars op 11-05-2011 13:53

2.344 views

Ik probeer een div met de class menu een achtergrond te geven. Dit doe ik met dit stukje css:

.menu {
clear:both;
background:url(images/menu-bg.gif) repeat-x 0 4px;
}

Echter verschijnt de achtergrond niet, op http://www.dj-lars.com kun je zien wat er gebeurt.

Googlen leert dat dit 9 van de 10 keer veroorzaakt wordt door verkeerde clearing, ik ben daar wat mee aan het spelen geweest maar krijg het niet voor elkaar.

Kan iemand me helpen?

Alvast bedankt.

Lars

Joakim Broden

11-05-2011 14:02

De ul in de menu div heeft position: absolute; daardoor weet de menu div niet hoe hoog hij moet zijn. Geef de menu div een hoogte mee (je menu ul is 50pixels) van 50px en hij zou het moeten doen.

DJ Lars

11-05-2011 14:45

Ik heb het getest, de css voor de menu DIV is nu:

.menu {
clear:both;
background-image: url(images/menu-bg.gif) repeat-x 0 4px;
height:50px;
}

Echter blijft de background image weg.

Joakim Broden

11-05-2011 14:52

background-image: url(images/menu-bg.gif) repeat-x 0 4px; is fout.

Background-image staat voor achtergrond afbeelding, jij hebt er ook repeat-x (background-repeat), en 0 4px (background-position) bij.

Maak dit er eens van:
background: url(images/menu-bg.gif) repeat-x 0 4px;

DJ Lars

11-05-2011 15:08

Dat was 'm ja! Thanks!

Reageren

Inloggen om te reageren