Verstopte balk

[Dennis]

Dit is de code in het HTML document:
[code="html"]<h2>Home</h2>
[/code]

En dit is de CSS:
[code="css"]h2 {
background: url(images/contenthead.gif);
height: 14px;
font-size: 12px;
border-top: 5px solid #5D5D5D;
padding: 3px 0 3px 10px;
color: #666;
}[/code]

zie je Home staan,
Maar op die regel hoort eigenlijk een grijze balk te zitten.
Hiervan zie je nog een stukje onder navigatie.
Ik heb verschillende dingen geprobeert maar krijg dat kreng maar niet op zijn plaats.

[Rik]

Mischien wel fijn als je er een linkje naar je topic op Mastercode erbij zet, zo kunnen ze 't goed volgen.

[Dennis]

[Anthony]

Ik zit toch al zover dat de achtergrond en lijn er is ..

[code="css"]h2 {
background: url(images/contenthead.gif) repeat-x;
width:100%;
font-size: 12px;
border-top: 5px solid #5D5D5D;
padding: 3px 0 3px 10px;

color: #666;
display:inline
}[/code]

[libia]

volgens mij moet je background veranderen in background-image

[Dennis]

Als dat verschil zou maken wel

[Anthony]

[Dennis]

Maargoed het stukje code van jou lijkt niet te werken Anthony

[Dennis]

Heb dat stukje er al uitgesloopt.

[Remi]

Het probleem is dat H2 alleen iets zegt over het stukje tekst en niet de hele div dus maak er zoiets van:
[code="html"]<div id="rightside" class="bg_titel"><h1><img border="0" src="images/title_02.gif" width="227" height="93" style='float: left;'></h1></div>

<h2>Home</h2>

</div>
[/code]

En dit is de CSS:
[code="css"].bg_titel {
background: url(images/contenthead.gif);
height: 14px;
font-size: 12px;
border-top: 5px solid #5D5D5D;
padding: 3px 0 3px 10px;
color: #666;
}[/code]