Hola,

ik ben bezig op mijn website enigzins te vernieuwen. Nu loop ik tegen een probleempje aan, en krijg het niet opgelost.


Naast het menu krijg ik dat doorlopende van de achtergrond niet weg. Daar wil ik dus graag gewoon een witte achtergrond.

Weet iemand zo hoe ik dat voor elkaar ga krijgen?

Alvast bedankt.

Tommy,

Dat is heel simpel.
Maak eens een div om de menu heen met width:100%; background-color: #ffffff; de inhoud op center zetten.

Done.

bedoel je zo:

#opvul{
height: 25px;
width: 100%;
align: center;
background-color: #ffffff;
}

ul#menu
{
margin: 0px;
padding-left: 10px;
list-style: none;
height: 25px;
width: 815px;
background-color: #0605ff;
}

ul#menu li
{
float: left;
height: 25px;
}

ul#menu li a
{
display: block;
overflow: hidden;
height: 25px;
padding: 5px 10px 0px 10px;
font-family: Verdana;
color: #ffffff;
font-size: 9px;
text-decoration: none;
font-weight: bold;
}

ul#menu li a:hover, ul#menu li.active a:hover
{
padding: 5px 10px 0px 10px;
background-color: #ffffff;
color: #000000;
height: 20px;
}

Met deze lukt het me nog niet. Ik heb geprobeert om de <div> zowel ervoor als eromheen te zetten, maar helaas nog niet gelukt

hoe is de css van div logo?

Van het logo is:

#logo{
height: 102px;
width: 845px;
background-image: url(img/logo.png);
}

Code:

#opvul{
height: 25px;
width: 100%;
text-align: center;
background-color: #ffffff;
margin: 0px auto; 
}
 
Probeer dit eens:)

Huso,

Dat werkt helaas ook niet. In de html heb ik hem nu zo geprobeerd:

<div id="logo">

</div>
<div id="opvul">
</div>

<ul id="menu">
<li class="active"><a href="#">Home</a></li>
<l

en

<div id="logo">

</div>
<div id="opvul">


<ul id="menu">
<li class="active"><a href="#">Home</a></li>
<l
</div>

Aanvullend bericht:
helaas nog steeds niet gelukt.

Nog iemand die een idee heeft?

#Opvul weghalen. #Menu een witte border van 10px meegeven aan de linker- en rechterkant.

Code:

ul#menu 
    { 
        margin: 0px; 
        padding-left: 10px; 
        list-style: none; 
        height:    25px; 
        width: 815px; 
        background-color: #0605ff; 
        border: 10px solid #fff;
        border-top: none;
        border-bottom: none;
    }

J de Boer,

Super bedankt. Met de CSS code je gepost hebt is het gelukt!

Nogmaals bedankt!