Jump to content

abragj

Members
  • Posts

    10
  • Joined

  • Last visited

abragj's Achievements

Newbie

Newbie (1/7)

0

Reputation

  1. How do I make a box for people to search my webpages? What code does that? Is it difficult to do?I'm looking for one just like top of this forum. Please advise...
  2. 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;}
  3. Hello, I built a site and it looks good in IE, but in google, it drops my background image and changes the position of the top nav bar.Is there something I need to put in the code to fix this? Here's the url: http://www.roverspets.com/cmctest/home.html
  4. Thank you sooo much! This worked. This forum is wonderful!
  5. It didn't work. But that's ok, I figured out how to do it as a style to the main content area. Thanks for your help.
  6. 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;}
  7. 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.
  8. thanks, but I figured out the banner problem...duh...my padding was causing it. The image, I moved to the #container instead of having it in the body tag. That seems to have resolved all my trouble. Thanks.
  9. 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;}
  10. 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...