abragj Posted October 31, 2012 Share Posted October 31, 2012 Here's the code: ccs code/style sheet: #container {width: 80%;margin-top: 0px;margin-right: auto;margin-bottom: 0;margin-left: auto;} #header {background-image: url(interface%20images/bnr.jpg);background-repeat: no-repeat;background-position: left top;background-attachment: scroll;text-align: left;padding-top: 50px;padding-left: 0px;height: 46px;border-bottom-width: thick;border-bottom-style: solid;border-bottom-color: #FFBB4E;} ul{list-style-type:none;}li{display:inline;}#header a:link,a:visited{color:#FFF;text-decoration:none;font-family: Georgia, "Times New Roman", Times, serif;font-size: 14px;font-style: oblique;text-align: center;vertical-align: middle;padding-top: 10px;padding-right: 3px;padding-bottom: 10px;font-weight: normal;padding-left: 3px;}#header a:hover,a:active{background-color:#9DDBD1;color: #7A7A7A;font-family: Georgia, "Times New Roman", Times, serif;text-align: center;vertical-align: middle;font-size: 14px;font-weight: normal;padding-right: 3px;padding-left: 3px;} .twoColLiqLtHdr #sidebar1 {float: left;width: 222px;} .leftimg #div.twoColLiqLtHdr #sidebar1 h3, .twoColLiqLtHdr #sidebar1 p {margin-left: 10px; /* the left and right margin should be given to every element that will be placed in the side columns */margin-right: 10px;} .twoColLiqLtHdr #mainContent {width: 70%;vertical-align: top;padding-top: 48px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;text-align: left;zoom: 1;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;margin-left: 30%;} #mainContent img {img opacity:0.7;filter:alpha(opacity=75);}#mainContent img:hover{opacity:1.0;filter:alpha(opacity=100); }.twoColLiqLtHdr #footer {background-color: #77837F;height: 120px;padding-bottom: 0px;float: left;font-family: Verdana, Geneva, sans-serif;font-size: 14px;color: #FFF;width: 100%;text-align: center;margin: 0px;} .twoColLiqLtHdr #footer p {margin: 0; padding: 10px 0; color: #FFF;font-family: Verdana, Geneva, sans-serif;} .fltrt float: right;margin-left: 8px;}.fltlft float: left;margin-right: 12px;}.clearfloat {clear:both;height:auto;font-size: 1px;line-height: 0px;} .spacein {padding-left: 25px;}#nav {height: 40px;vertical-align: top;margin-right: 0px;margin-bottom: 0px;margin-left: 0px;margin-top: 0px;width: 750px; }#leftboxhomepg {float: left;width: 25%;text-align: right;height: 425px;margin-left: 10px;padding-top: 49px;clear: right;} #infooterlinks{height: 70px;width: 170px;float: right;margin-bottom: 15px;padding-right: 5px;padding-top: 10px;padding-bottom: 10px;}.footlinks{font-family:Verdana, Geneva, sans-serif;} #footer a:link, #footer a:visited{color:#FFF;padding-right: 5px;padding-left: 5px;} #footer a:hover, #footer a:active{color:#0FC;padding-right: 5px;padding-left: 5px;} Here's the HTML code for the Body where the image is a background:<link href="test.css" rel="stylesheet" type="text/css" /><style type="text/css"><!--body {background-attachment: scroll;text-align: center;margin-top: 0px;margin-left: 0px;background-image: url(interface%20images/42-23537678rev_v2.jpg);background-repeat: no-repeat;background-position: right top;width: 100%;padding-left: 0px;} Link to comment Share on other sites More sharing options...
Charles @ CodeConquest.com Posted November 1, 2012 Share Posted November 1, 2012 Here's the HTML code for the Body where the image is a background: I'm not seeing it, only some more CSS code. Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now