Jump to content

strat76

Members
  • Content Count

    6
  • Joined

  • Last visited

Community Reputation

0 Neutral

About strat76

  • Rank
    Newbie
  1. still trying to fix this.. page is set up with min height and height 100% items.. also tried the clearfix methods.. nothing working.. please help .. i have a deadline thanks
  2. Just when i think i've got the site ready for content I find another bug.. I have a 100% width height site using multiple backgrounds.. and a footer that is supposed to stick to the bottom of the pages.. but i just dumped a test amount of text into the content div to see how it would look and noticed that the text gets covered by the footer and the page scrolls down but you cant see the text and the footer isnt sliding to bottom of the contect.. ARGHHh.. here's the css /* CSS Document */body { margin: 0; padding: 0; background-color: #FFFFFF; font: 80% Arial, Helvetica, sans-serif; line-height: 130%;}body, html { width: 100%; position: relative; background-image:url(bg-patt.gif);}a { text-decoration: underline; color: #000000;}a:hover { text-decoration: none;}/* Containers----------------------------------- */#bodyCont { width: 100%; min-height: 100%; margin: 0; padding: 0; background-position: top left; background-repeat:repeat-x; background-image:url(top.gif);}*html #bodyCont { height: _100%; min-height: _100%;}#headerCont { width: 813px; height: 278px; display: block; position: relative; margin: 0 auto; padding: 0;}#coreCont { width: 813px; margin: 0 auto; padding: 0 0px; position: relative; background-image:url(tan.gif); min-height: 450px; height: _450; font-size: 8pt; color: #333333;}*html #coreCont { left: -3px; height: 450px;}.leftbox { position: absolute; margin: 0px 0px 0px 0px; padding: 5px; width: 287px; height: 450px; background-image:url(left-col.gif); left: 0px; text-align:left;}.centerbox {margin: 0px 0px 0px 0px;padding: 5px 0px 0px 304px;width: 500px;height: 450px;text-align:justify;}#footerCont { position: relative; clear: both; margin: 0; padding: 0; width: 100%; height: 200px; display: block; background-color: #000000; background-image:url(footer.gif); background-position:top left; background-repeat:repeat-x;}.clear { clear: both; }/* Header --------------------------------------------------- */#header { position: relative; height: 278px; margin: 0 auto; padding: 0; background-color:#33CCFF; background-image:url(images/head-bg.gif);}/* Menu --------------------------------------------------- */#nav{ position:absolute; top: 237px; margin-left:10%; display:block; height:41px; font-size:13px; font-weight:bold; font-family:Arial,Verdana,Helvitica,sans-serif; }#nav ul{ margin:0 auto; padding:0; list-style-type:none; }#nav ul li{ display:block; float:left; margin:0 auto; background-repeat: no-repeat; }#nav ul li a{ display:block; float:left; font-color: white; text-decoration:none; padding:13px 0px 0 32px; height:41px; }#nav ul li a{ color: #FFFFFF; background-image: url(images/nav-off.gif);; background-repeat: no-repeat; }#nav ul li a:visited{ color: #FFFFFF; background: url(images/nav-off.gif); background-repeat: no-repeat; }#nav ul li a:hover{ color: #c0aa78; background: url(images/NAV-hover.gif); background-repeat: no-repeat; }#nav ul li a.current{ color: #c0aa78; background: url(images/NAV-hover.gif); background-repeat: no-repeat; }/* CONTENT --------------------------------------------------- */#content { position: relative; min-height: 450px; margin: 0 auto; padding: 5px 0px 0px 0px; font-size: 8pt; color: #333333; margin: 0 0 0 297px; width: 516px; height: _200px; text-align:justify; }*html #content { left: -3px; height: 450px;}h1 { display:inline; font-size: 16px; margin: 0px 0px 0px 0px; padding: 0; color: #705d35; font-weight: bold;}h2 { display:inline; font-size: 16px; font-weight: bold; color: #000000; margin: 0px 0px 0px 0px;}h3 { display:inline; font-size: 16px; margin: 0px 0px 0px 0px; padding: 0; color: #ffffff; font-weight: bold;}#content p { position: relative; margin-top: 0px; text-align:justify;}#content a { text-decoration: underline; color: #3DAAEA;}#content a:hover { text-decoration: none;}p { margin: 0; }/* images */img { border: 0px solid #f3db6b; padding: 0px;}img.float-right { margin: 0px 8px 10px 5px; }img.float-left { margin: 0px 20px 10px 0px; clear: both;}.textmiddle {vertical-align:middle;}ul, ol { margin: 8px 20px; padding: 0 20px; }/* FORM */#title { width: 400px; height: 26px; color: #5A698B; font: bold 11px/18px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif; padding-top: 5px; background: transparent url("left-col.gif"); text-transform: uppercase; letter-spacing: 2px; text-align: center;}form { width: 400px;}.col1 { text-align: right; width: 100px; height: 31px; margin: 0; float: left; background: url(left-col.gif);}.col2 { width: 300px; height: 31px; display: block; float: left; margin: 0; background: url(left-col.gif);}.col2comment { width: 300px; height: 98px; margin: 0; display: block; float: left; background: url(left-col.gif);}.col1comment { text-align: right; width: 100px; height: 98px; float: left; display: block; background: url(left-col.gif);}div.row { clear: both; width: 400px;}.submit { height: 29px; width: 400px; padding-top: 5px; clear: both;} .input { background-color: #fff; font: 11px/14px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif; color: #5A698B; margin: 4px 0 5px 8px; padding: 1px; border: 1px solid #8595B2;}.textarea { border: 1px solid #8595B2; background-color: #fff; font: 11px/14px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif; color: #5A698B; margin: 4px 0 5px 8px;}/* Footer --------------------------------------------------- */#footer { clear: both; position: relative; width: 813px; display: block; margin: 0 auto; padding: 10px 20px; font-family: Arial, Helvetica, sans-serif; font-size: 0.80em; color: #FFFFFF; line-height: 120%;}#footer a { text-decoration: none; color: #3DAAEA;}#footer a:hover { text-decoration: underline;}#footer strong { color: #3DAAEA;}#footer div.left { text-align: left;}#footer div.right { text-align: right;}#footerCenter { border-left: 1px dotted #3DAAEA; border-right: 1px dotted #3DAAEA; margin: 0px 17px; text-align: center; padding: 0px 6px;}div.footerBlock { width: 255px; display: block; margin: 0px 0px 10px 0px; float: left;} here's the htm <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"><meta name="keywords" content="Gourmet dog treats, healthy dog treats, all natural dog treats, dog bakeries, homemade dog treats, K-9 treats"/><meta name="DC.title" content="Cold Nose Gourmet"/><meta name="description" content="Homemade, all natural gourmet dog treats that are fresh baked with no added sugar, sodium, preservatives, by-products, or colorings. All treats baked fresh to order. Only human grade ingredients used"/><meta name="author" content="David Alvey"/><meta name="copyright" content="PG 2008"/><meta name="expires" content="never"/><meta name="publisher" content="David Alvey"/><meta name="identifier-url" content="http://www.coldnosegourmet.com"/><meta name="revisit-after" content="2 days"/><meta name="category" content="decoration"/><meta name="robots" content="index, follow, all"/><link rel="shortcut icon" href="favicon.ico"/><link href="core.css" rel="stylesheet" type="text/css"/><!--[if lt IE 7.]><script defer type="text/javascript" language="javascript" src="pngfix.js"></script><![endif]--><title>Cold Nose Gourmet</title><style type="text/css">.centerbox {margin: 0px 0px 0px 0px;padding: 10px 0px 5px 14px;width: 780px;height: 450px;text-align:justify;}#content { position: relative; min-height: 450px; margin: 0 auto; padding: 5px 5px 5px 5px; font-size: 8pt; color: #333333; margin: 0 0 0 0px; width: auto; height: _200px; text-align:justify;}</style></head><body> <div id="bodyCont"> <div id="headerCont"> <div id="header"> <!-- navigation starts--> <div id="nav"> <ul> <li><a href="home.htm">Home </a></li> <li><a href="store.htm" class="current">Online Store </a></li> <li><a href="about.htm">About Us </a></li> <li><a href="faqs.htm">F.A.Qs </a></li> <li><a href="contact.htm">Contact Us </a></li> </ul> </div><!-- navigation end--> </div> </div> </div> <div id="coreCont"> <div class="centerbox"> <div class="content"> <p><h2>Online<h1> Store</h1></h2><br/><br/>Please contact us with any questions or comments regarding our products, articles, policies or website. We are always interested in hearing your feedback. <br/><br/><h2>Cold Nose Gourmet</h2><br/>P.O. Box 9132<br/>Gallatin, TN 37066<br/>615.452.6289<br/><a href="mailto:info@coldnosegourmet.com">info@coldnosegourmet.com</a>20 rooms, 4 suites, 9 executive cottages, and 4 log cabins. This 3,600-acre State Park offers on-site restaurant, gift-shop, game room, meeting rooms, and convention center. The fitness center is available which has an indoor pool, steam room, sauna, whirlpool, free weight room, aerobics room, nautilus weight equipment, cardio machines, and offers massages by appointment. The Boots Randolph 18 Hole Golf Course and Pro-Shop are on the property, Trap Shooting Range is open seasonally, Barkley Marina provides boats and fishing supplies, several hiking trails are available, and a campground is open April through October.20 rooms, 4 suites, 9 executive cottages, and 4 log cabins. This 3,600-acre State Park offers on-site restaurant, gift-shop, game room, meeting rooms, and convention center. The fitness center is available which has an indoor pool, steam room, sauna, whirlpool, free weight room, aerobics room, nautilus weight equipment, cardio machines, and offers massages by appointment. The Boots Randolph 18 Hole Golf Course and Pro-Shop are on the property, Trap Shooting Range is open seasonally, Barkley Marina provides boats and fishing supplies, several hiking trails are available, and a campground is open April through October.20 rooms, 4 suites, 9 executive cottages, and 4 log cabins. This 3,600-acre State Park offers on-site restaurant, gift-shop, game room, meeting rooms, and convention center. The fitness center is available which has an indoor pool, steam room, sauna, whirlpool, free weight room, aerobics room, nautilus weight equipment, cardio machines, and offers massages by appointment. The Boots Randolph 18 Hole Golf Course and Pro-Shop are on the property, Trap Shooting Range is open seasonally, Barkley Marina provides boats and fishing supplies, several hiking trails are available, and a campground is open April through October.20 rooms, 4 suites, 9 executive cottages, and 4 log cabins. This 3,600-acre State Park offers on-site restaurant, gift-shop, game room, meeting rooms, and convention center. The fitness center is available which has an indoor pool, steam room, sauna, whirlpool, free weight room, aerobics room, nautilus weight equipment, cardio machines, and offers massages by appointment. The Boots Randolph 18 Hole Golf Course and Pro-Shop are on the property, Trap Shooting Range is open seasonally, Barkley Marina provides boats and fishing supplies, several hiking trails are available, and a campground is open April through October.20 rooms, 4 suites, 9 executive cottages, and 4 log cabins. This 3,600-acre State Park offers on-site restaurant, gift-shop, game room, meeting rooms, and convention center. The fitness center is available which has an indoor pool, steam room, sauna, whirlpool, free weight room, aerobics room, nautilus weight equipment, cardio machines, and offers massages by appointment. The Boots Randolph 18 Hole Golf Course and Pro-Shop are on the property, Trap Shooting Range is open seasonally, Barkley Marina provides boats and fishing supplies, several hiking trails are available, and a campground is open April through October.20 rooms, 4 suites, 9 executive cottages, and 4 log cabins. This 3,600-acre State Park offers on-site restaurant, gift-shop, game room, meeting rooms, and convention center. The fitness center is available which has an indoor pool, steam room, sauna, whirlpool, free weight room, aerobics room, nautilus weight equipment, cardio machines, and offers massages by appointment. The Boots Randolph 18 Hole Golf Course and Pro-Shop are on the property, Trap Shooting Range is open seasonally, Barkley Marina provides boats and fishing supplies, several hiking trails are available, and a campground is open April through October.</p><br/></div> </div> <div class="clear"></div> </div> <div id="footerCont"> <div id="footer"> <div class="footerBlock right"> <p><h3>Cold Nose Gourmet</h3><br/> P.O. Box 9132<br/>Gallatin, TN 37066<br/>615.452.6289<br/><a href="mailto:info@coldnosegourmet.com">info@coldnosegourmet.com</a></p></div> <div class="footerBlock" id="footerCenter"> <p>COPYRIGHT 2008 - Cold Nose Gourmet<br/><br/> Designed by <br/><a target="_blank" href="http://www.premieregraphix.com"><img border="0" src="PG-tag.png"></a></p></div> <div class="footerBlock left"> <p>Links of Interest:<br/> <a href="terms-conditions.htm" title="Conditions">Terms & Conditions</a><br/> <a href="" title="Privacy Policy">Privacy Policy</a><br/></p></div> </div> </div></body></html> here's the screen shot THANKS IN ADVANCE..
  3. I have another silly issue.. I've searched and tried what I've found and still not fixing it.. the nav was on the left then i put text-align : center in and it shot over but way to far right.. please help .. here's the CSS /* CSS Document */body { margin: 0; padding: 0; background-color: #FFFFFF; font: 80% Arial, Helvetica, sans-serif; line-height: 130%; text-align: center;}body, html { width: 100%; position: relative; background-image:url(bg-patt.gif);}p { position: relative; margin-top: 0px; text-align:left;}a { text-decoration: none; color: #FFFFFF;}a:hover { text-decoration: underline;}/* Containers----------------------------------- */#bodyCont { width: 100%; min-height: 100%; margin: 0; padding: 0; background-position: top left; background-repeat:repeat-x; background-image:url(top.gif);}*html #bodyCont { height: _100%; min-height: _100%;}#headerCont { width: 813px; height: 278px; display: block; position: relative; margin: 0 auto; padding: 0;}#coreCont { width: 813px; margin: 0 auto; padding: 0 0px; position: relative; background-image:url(tan.gif); min-height: 450px; height: _450; font-size: 8pt; color: #333333;}*html #coreCont { left: -3px; height: 450px;}.leftbox { position: absolute; margin: 0px 0px 0px 0px; padding: 5px; width: 287px; height: 450px; background-image:url(left-col.gif); left: 0px; text-align:left;}.centerbox {margin: 0px 0px 0px 0px;padding: 0px 0px 0px 304px;width: 500px;height: 450px;text-align:justify;}#footerCont { position: relative; clear: both; margin: 0; padding: 0; width: 100%; height: 200px; display: block; background-color: #000000; background-image:url(footer.gif); background-position:top left; background-repeat:repeat-x;}.clear { clear: both; }/* Header --------------------------------------------------- */#header { position: relative; width: 813px; height: 278px; margin: 0 auto; padding: 0; background-color:#33CCFF; background-image:url(images/head-bg.gif);}/* Menu --------------------------------------------------- */#nav{ position:absolute; top: 237px; margin:0 auto; display:inline; height:41px; font-size:13px; font-weight:bold; font-family:Arial,Verdana,Helvitica,sans-serif; text-align:center; }#nav ul{ margin:0 auto; padding:0; list-style-type:none; }#nav ul li{ display:inline; float:left; margin:0 auto; background-repeat: no-repeat; }#nav ul li a{ display:inline; float:left; font-color: white; text-decoration:none; padding:13px 0px 0 32px; height:41px; }#nav ul li a{ color: #FFFFFF; background-image: url(images/nav-off.gif);; background-repeat: no-repeat; }#nav ul li a:visited{ color: #FFFFFF; background: url(images/nav-off.gif); background-repeat: no-repeat; }#nav ul li a:hover{ color: #c0aa78; background: url(images/NAV-hover.gif); background-repeat: no-repeat; }#nav ul li a.current{ color: #c0aa78; background: url(images/NAV-hover.gif); background-repeat: no-repeat;
  4. worked like a charm.. thanks a ton for the fast reply
  5. Im fairly new to the css world and have been fighting with this site i'm designing for days now.. Finally made some headway and fixed alot of lil bugs.. but now just when i get IE working right something messed up in FF and I can't get rid of this lil gap.. see picture.. Im needing to fix the gap in FF.. and i need the .leftbox and .centerbox to have equal hieghts.. heres the css /* CSS Document */body { margin: 0; padding: 0; background-color: #FFFFFF; font: 80% Arial, Helvetica, sans-serif; line-height: 130%;}body, html { width: 100%; position: relative; background-image:url(bg-patt.gif);}/* Containers----------------------------------- */#bodyCont { width: 100%; min-height: 100%; margin: 0; padding: 0; }*html #bodyCont { height: _100%; min-height: _100%;}#headerCont { width: 100%; height: 278px; display: block; position: relative; margin: 0; padding: 0; background-position: top left; background-repeat:repeat-x; background-image:url(top.gif);}#coreCont { width: 813px; margin: 0 auto; padding: 0 0px; position: relative; background-image:url(tan.gif); min-height: 450px; height: _450; font-size: 8pt; color: #333333;}*html #coreCont { left: -3px; height: 450px;}.leftbox { position: absolute; margin: 0px 0px 0px 0px; padding: 0px; width: 297px; height: 450px; background-image:url(left-col.gif); left: 0px;}.centerbox {margin: 0px 0px 0px 0px;padding: 0px 0px 0px 306px;width: 500px;height: 450px;text-align:justify;}#footerCont { position: relative; clear: both; margin: 0; padding: 0; width: 100%; height: 200px; display: block; background-color: #000000; background-image:url(footer.gif); background-position:top left; background-repeat:repeat-x;}.clear { clear: both; }/* Header --------------------------------------------------- */#header { position: relative; width: 813px; height: 278px; margin: 0 auto; padding: 0; background-color:#33CCFF;}/* CONTENT --------------------------------------------------- */#content { position: relative; min-height: 450px; margin: 0 auto; padding: 0px 0px 0px 0px; font-size: 8pt; color: #333333; margin: 0 0 0 297px; width: 516px; height: _200px;}*html #content { left: -3px; height: 450px;}h2 { font-size: 2em; font-weight: normal; color: #3DAAEA; letter-spacing: 0.10em; height: 26px; display: block; margin: 0px 0px 10px 0px;}h3 { font-size: 1.35em; display: block; margin: 3px 0px 0px 0px; padding: 0; color: #FFFFFF; font-weight: normal;}#content p { position: relative; margin-top: 0px; text-align:justify;}#content a { text-decoration: underline; color: #3DAAEA;}#content a:hover { text-decoration: none;}/* Footer --------------------------------------------------- */#footer { clear: both; position: relative; width: 813px; display: block; margin: 0 auto; padding: 10px 20px; font-family: Arial, Helvetica, sans-serif; font-size: 0.80em; color: #FFFFFF; line-height: 120%;}#footer a { text-decoration: none; color: #3DAAEA;}#footer a:hover { text-decoration: underline;}#footer strong { color: #3DAAEA;}#footer div.left { text-align: left;}#footer div.right { text-align: right;}#footerCenter { border-left: 1px dotted #3DAAEA; border-right: 1px dotted #3DAAEA; margin: 0px 17px; text-align: center; padding: 0px 6px;}div.footerBlock { width: 255px; display: block; margin: 0px 0px 10px 0px; float: left;} and here's the htm <body> <div id="bodyCont"> <div id="headerCont"> <div id="header"><img src="header.gif"></div> </div> </div> <div id="coreCont"> <div class="leftbox">THIS IS LEFT COLUMN <ul> <li><a href="http://www.test.com" title="">TESTLINK</a></li> <li><a href="http://www.test.com" title="">TESTLINK</a></li> <li><a href="http://www.test.com" title="">TESTLINK</a></li> <li><a href="http://www.test.com" title="">TESTLINK</a></li> </ul> </div> <div class="centerbox"> <div class="content"> <p>Cascading Style Sheets (CSS) is a stylesheet language used to describe the presentation of a document written in a markup language. Its most common application is to style web pages written in HTML and XHTML, but the language can be applied to any kind of XML document, including SVG and XUL.CSS can be used locally by the readers of web pages to define colors, fonts, layout, and other aspects of document presentation. It is designed primarily to enable the separation of document content (written in HTML or a similar markup language) from document presentation (written in CSS). This separation can improve content accessibility, provide more flexibility and control in the specification of presentation characteristics, and reduce complexity and repetition in the structural content. CSS can also allow the same markup page to be presented in different styles for different rendering methods, such as on-screen, in print, by voice (when read out by a speech-based browser or screen reader) and on Braille-based, tactile devices. CSS specifies a priority scheme to determine which style rules apply if more than one rule matches against a particular element. In this so-called cascade, priorities or weights are calculated and assigned to rules, so that the results are predictable.The CSS specifications are maintained by the World Wide WebCascading Style Sheets (CSS) is a stylesheet language used to describe the presentation of a document written in a markup language. Its most common application is to style web pages written in HTML and XHTML, but the language can be applied to any kind of XML document, including SVG and XUL.CSS can be used locally by the readers of we</p></div> </div> <div class="clear"></div> </div> <div id="footerCont"> <div id="footer"> <div class="footerBlock right"> <p><h3>TEST</h3><br/> Phone: 29088808080<br/> Email: jfkdlsajklfdsa</p></div> <div class="footerBlock" id="footerCenter"> <p>COPYRIGHT 2008 - TEST<br/><br/> Designed by <a href="">TEST</a></p></div> <div class="footerBlock left"> <p>Links of Interest:<br/> <a href="terms-conditions.htm" title="Conditions">Terms & Conditions</a><br/> <a href="" title="Privacy Policy">Privacy Policy</a><br/></p></div> </div> </div></body> THANKS IN ADVANCE FOR ANY HELP.. I'm sure im overlooking something silly..
×
×
  • Create New...