Jump to content

abragj

Members
  • Posts

    10
  • Joined

  • Last visited

Posts posted by abragj

  1. 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;}

  2. I have setup a horizontal nav. at the top of the page. I like how it's styled. However, now it applies to all my links. Here's my question (and keep in mind, I'm a novice), how do I style the links in my main content div and my footer div to be different without screwing up the header / top nav links. here's the code I have: #header a:link,a:visited{color:#FFF;text-decoration:none;font-family: Georgia, "Times New Roman", Times, serif;font-size: 16px;font-style: oblique;text-align: center;vertical-align: middle;padding-top: 10px;padding-right: 10px;padding-bottom: 10px;font-weight: normal;}#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: 16px;font-weight: normal;}

  3. I have an image on my home page.However, I want a different background image for my jump pages (each page, different image). I thought if I could put the image in the background of the table I'm using inside a <div> (#maincontent), that would solve the problem. Can this be done in css or html? Thanks.

  4. Why is my background picture extending beyond the #container? Why is my banner not expanding to 100% and cutting off that picture? #container {width: 80%;margin-top: 0;margin-right: 0px;margin-bottom: 0;margin-left: 0px;} #header {background-image: url(interface%20images/bnr.jpg);background-repeat: no-repeat;background-position: left top;background-color: #FFF;background-attachment: scroll;text-align: left;padding-top: 65px;margin-bottom: 25px;padding-left: 0px;width: 100%;height: 100%;overflow: visible;} In my html doc:<link href="test.css" rel="stylesheet" type="text/css" /><style type="text/css"><!--body {margin-top: 0px;background-attachment: scroll;background-image: url(interface%20images/42-23537678rev_v2.jpg);background-repeat: no-repeat;background-position: left top;margin-left: 0px;}

  5. The code instructions on the W3schools sample makes ALL the images on my webpage transparent on rollover.What do I do to have this apply only to certain images.I want the image I have on the left side of a home page to stay 100% opache but I want 4 boxes that become transparent on rollover, located in the #maincontent div on my home page.

×
×
  • Create New...