background-image de achtergrond voor alle elementen

Status
Niet open voor verdere reacties.

gast0567

Gebruiker
Lid geworden
13 feb 2015
Berichten
52
Hallo iedereen,
ik ben bezig met een website alleen loop ik met de achtergrond van de 'body' tegen het volgende aan:
1. de background-image word als background gebruikt voor alle divs, dit wil ik niet want wil de menubalk gewoon zwart hebben(dit staat bij deze div ook zo ingesteld!)
2. ik wil de background-size graag op 100% 100% hebben maar als ik het scherm dan verklein(van internet) dan krimpt de foto als het ware helemaal in.
Weet iemand de oplossing voor deze problemen?
Alvast bedankt voor het antwoord, Bas
 
bekijk eens deze css en plaats het eens op een htmlstructuur maak elk element aan vragen vraag maar neem wel twee verschillende picturen
Code:
#tophead{
    text-align: center;
    background:url(../layout/img/splender.1.png) 0 0 repeat-x #ffe;
    padding: 5px 25px;
    height: 120px;color: #bbbb44;
}
#title{ 
    text-align:left;display:block;position:absolute; text-transform: uppercase;
    left:50px; top:40px ; font-size: 22px;
    width:450px; z-index: 3; 
}

ul{left:120px;	text-align:right; display:block; height:30px; top:2px;transform;
 			position:absolute; right:150px; 
			 font-size:14px;
			 color:#99CCFF; z-index: 6;
}
li{text-align:center;text-transform:uppercase;
        font-size:18px;font-weight:bold;font-family: 	Helvetica,​sans-serif;
        display:block; height:25px; padding:7px 5px 5px 15px; line-height:25px; /*padding boven achter onder voor */
        margin:-12px;  display: inline;font-size:17px;
        clear:both;
		color:#fff; filter:alpha(opacity=50); -moz-opacity:.50;	opacity:.50;
        background: white;
        width:150px; margin-left: 10px;
        box-shadow: 0px 0px 3px #7892BD, 0 10px 15px #FFF3AF inset;
        border-radius:2px 2px 5px 25px;
              border:1px solid #E0E8F1;
	box-shadow: 0px 0px 3px  #E0E8F1, 0 10px 15px #FFF3AF inset;
    -moz-transition: padding .25s; 
    -webkit-transition: padding .25s; 
    -o-transition: padding .25s;
    transition: padding .25s;
}
#tophead a {
    color: #333333;line-height: 32px;padding: 10px;
    text-decoration: none;white-space: nowrap;
}
#topimg{position:absolute; left: 199px; text-align:left; top:0px; z-index: 2;
		height:120px;width:1000px; background:url(../layout/img/header.2.png);
}
 
Status
Niet open voor verdere reacties.
Steun Ons

Nieuwste berichten

Terug
Bovenaan Onderaan