Jump to content

Why won't my image line up at right margin?


abragj
 Share

Recommended Posts

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

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 account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...