Witam, mam malutki problem ponieważ na swojej stronie zrobionej w html nie mogę wpakować ciemniejszego tła w <div
Strona:
CODE
http://www.magwit.vacau.com/
Kod Index'u:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html><head><meta http-equiv="Content-Type" content="text/html;charset=utf-8"><title>magwit.pl
» Strona gl
ówna
</title> <!--NodeFire API Script Reference-->
<!--Pure CSS Core (menu widget)-->
<!--[if lte IE 6]><style type="text/css">.nfPure .nfItem{width:0px;}</style><![endif]-->
<!--[if lte IE 7]><style type="text/css">.nfMain,.nfMain .nfLink,.nfMain .nfSubS{zoom:1;}.nfPure .nfLink:hover{z-index:1101;}.nfPure .nfItem{display:inline !important;}</style><![endif]-->
<link rel="stylesheet" href="css/menu_core.css" type="text/css">
<!--Custom Layout (Flush Left Subs)-->
<link rel="stylesheet" href="css/skins/menu_megaSubs1.css" type="text/css"> .nfMain .nfItem {position:static;}
.nfMain .nfSubC {left:0px;}
<!--Style Skin (menu widget)-->
<link rel="stylesheet" href="css/skins/menu_megaSubs1.css" type="text/css">
<!--Custom Styles-->
/*~~~~~~~~~~~~~~ Custom Menu Classes ~~~~~~~~~~~~~~~~*/
.megaContainer {padding:30px;height:340px;color:#666;}
.megaContainerInner1 {height:332px;border:dashed 4px #999;vertical-align:middle}
.megaContainerInner2 {position:relative;top:150px;}
.megaButton {opacity:.5;}
.blockOut_left {position:absolute;width:130px;height:13px;background:#a7b9c6;border:solid 1px #373f45;border-width:0px 0px 0px 1px;z-index:1;}
.blockOut_middle {position:absolute;width:131px;height:10px;background:#a7b9c6;z-index:1;}
<!--[if IE]><style type="text/css">.megaButton {filter:alpha(opacity=50);}</style><![endif]-->
</head><body background='images\gallery\menu\megaSubs1\tlo.jpg' style='margin:40px 80px 80px 80px;'>
<!--Custom Menu Container-->
<div style='background-images: url:(images\gallery\menu\megaSubs1\tloin.jpg);width:900px;height:600px;padding:50px;border:solid 1px #495966;margin:auto;'>
<!--Menu Structure Example-->
<ul id="myMenu" class="nfMain nfPure">
<script type="text/javascript">var ext = NF.util.browser.ie?"gif":"png";document.write("
<img class='megaButton' src='images/gallery/menu/megaSubs1/button1."+ext+"' width='108' height='108'>");document.close();
</script> <div style='text-align:center;'>Rolety
</div> <div id='startActive' class="nfSubC"><div class='blockOut_left'></div><ul class="nfSubS"> <li class="nfItem"><div class="nfLink"> <div class='megaContainer'>
<div class="megaContainerInner1"><div class="megaContainerInner2"> Sample Mega Item Content Area 1
<br/>(Satellite Technology)
<br />Strona startowa !!! - Zaluzje
<br />
<script type="text/javascript">var ext = NF.util.browser.ie?"gif":"png";document.write("
<img class='megaButton' src='images/gallery/menu/megaSubs1/button2."+ext+"' width='108' height='108'>");document.close();
</script> <div style='text-align:center;'>Markizy
</div> <div class="nfSubC"><div class='blockOut_middle' style='left:131px;'></div><ul class="nfSubS"> <li class="nfItem"><div class="nfLink"> <div class='megaContainer'>
<div class="megaContainerInner1"><div class="megaContainerInner2"> Sample Mega Item Content Area 2
<br/>(Work Flow Pattern Analysis)
<script type="text/javascript">var ext = NF.util.browser.ie?"gif":"png";document.write("
<img class='megaButton' src='images/gallery/menu/megaSubs1/button3."+ext+"' width='108' height='108'>");document.close();
</script> <div style='text-align:center;'>Żaluzje
</div>
<div class="nfSubC"><div class='blockOut_middle' style='left:262px;'></div><ul class="nfSubS"> <li class="nfItem"><div class="nfLink"> <div class='megaContainer'>
<div class="megaContainerInner1"><div class="megaContainerInner2"> Sample Mega Item Content Area 3
<br/>(Branch Locations)
<script type="text/javascript">var ext = NF.util.browser.ie?"gif":"png";document.write("
<img class='megaButton' src='images/gallery/menu/megaSubs1/button4."+ext+"' width='108' height='108'>");document.close();
</script> <div style='text-align:center;'>Pergole
</div> <div class="nfSubC"><div class='blockOut_middle' style='left:393px;'></div><ul class="nfSubS"> <li class="nfItem"><div class="nfLink"> <div class='megaContainer'>
<div class="megaContainerInner1"><div class="megaContainerInner2"> Sample Mega Item Content Area 4
<br/>(Meet With Our Team)
<!--Create a new menu object and activate it (place this script after the structure or attach to an onload type event)-->
<script type="text/javascript"> // Create the menu object - Set triggers which make the items sticky
var myMenu = new NF.widget.menu("myMenu", {showTimerMS:150,hideTimerMS:150, menuTrigger:'none', documentTrigger:'none'});
//Show Button Animation
var clip = new NF.anim.clip({opacity:{start:.5,end:1}},{frames:20,hook:"NFplayOnLinkActiveShow",targetClass:"megaButton"});
var myReplicator = new NF.replicator("transition",{master:clip,widgetClass:"nfItem",targetClass:"nfLink",widgetLevel:0});
myMenu.addReplicator(myReplicator);
//Hide Button Animation
var clip = new NF.anim.clip({opacity:{start:1,end:.5}},{frames:20,hook:"NFplayOnLinkActiveHide",targetClass:"megaButton"});
myReplicator = new NF.replicator("transition",{master:clip,widgetClass:"nfItem",targetClass:"nfLink",widgetLevel:0});
myMenu.addReplicator(myReplicator);
//Activate the menu
myMenu.activate();
//Show an initial active path
NF.widget.menuManager.setActivePath($('startActive'));
a tu kawałek kodu z kolorem który na dodatek działa:
<div style='background-color:#758591;width:900px;height:600px;padding:50px;border:solid 1px #495966;margin:auto;'>