Jump to content

Footer Text


Krewe
 Share

Recommended Posts

Hmmm I have come across a problem I am not sure how to fix...I have text in my footer but I am not able to interact with it. Http://www.codekrewe.com/testing HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html><head><title>Home | Code Krewe</title><link rel="stylesheet" href="css/style.css" type="text/css" /></head><body>	    <div id="container">			    <div id="menu">					    <div id="nav">							    <div id="logo">									    <a href="index.php"><Code Krewe ⁄></a>							    </div>							    <div id="links">									    <ul>											    <a href="index.php"><li>Home</li></a>											    <a href="index.php"><li>About</li></a>											    <a href="index.php"><li>Portfolio</li></a>											    <a href="index.php"><li>Services</li></a>											    <a href="index.php"><li>Blog</li></a>											    <a href="index.php"><li>Contact</li></a>									    </ul>							    </div>					    </div>			    </div>			    <div id="contentContainer">					    <div id="content">							    <div id="topMsg">									    <div id="transCurl"><img src="images/transCurl.png" alt="transCurl"></div>									    <a href="index.php"><div id="dev"></div></a>									    <a href="index.php"><div id="design"></div></a>									    <a href="index.php"><div id="host"></div></a>							    </div>					    </div>			    </div>	    <div id="clearFooter"></div>	    </div>	    <div id="footer">			    <div id="footerContent">					    <div class="pillar">							    <h3>Will Work For...Money</h3>							    <p>I'm for hire! If you have a project that you need finished/started call me, Zach Case, for a free quote! We will talk about what features you would like and we will figure out what you need and what you don't need.</p>							    <p>Phone: (303) 264-8881</p>							    <p>E-mail: Krew-d@live.com</p>							    <a href="test.html">Test</a>					    </div>					    <div class="pillar" style="padding-left:25px;padding-right:25px;">							    <h3>New News</h3>							   					    </div>					    <div class="pillar">							    <h3>Mommy, Look!</h3>							   					    </div>			    </div>	    </div></body></html>

CSS:

/*Colors:Background - #eaeceaLinks - #fea40fDark Grey - #222222Orange Bar - #FF8800*/@import url(http://fonts.googleapis.com/css?family=Permanent+Marker|Happy+Monkey);html,body{height:100%;margin:0px;padding:0px;}body{background-color:#EAECEA;background-image:url('../images/whiteTexture.png');}h1,h2,h3,h4,h5,h6{margin:0px;padding:0px;color:#fea40f;font-family: 'Permanent Marker', cursive;font-weight:400;}#container{min-height:100%;width:100%;margin-bottom:-250px;position:relative;}/***************Nav**************/#menu{height:50px;width:100%;min-width:900px;background-color:#111111;font-size:23px;font-family: 'Permanent Marker', cursive;font-weight:500;background-image:url('../images/blackTexture.png');}#nav{margin-left:auto;margin-right:auto;width:900px;height:50px;}#logo{float:left;margin-top:7px;}#logo a:link,#logo a:visited{color:#EAECEA;text-decoration:none;}#logo a:hover,#logo a:active{color:#fea40f;text-decoration:none;}#links{float:right;margin-top:7px;}#links a:link,#links a:visited{color:#EAECEA;text-decoration:none;padding-right:5px;}#links a:hover,#links a:active{color:#fea40f;text-decoration:none;}#links ul{display:inline;list-style-type:none;}#links li{display:inline;list-style-type:none;}/*************Content*************/#contentContainer{width:100%;min-width:900px;height:100%;min-height:250px;background-image:url('../images/curl.png');background-position:top left;background-repeat:no-repeat;}#content{margin-left:auto;margin-right:auto;width:900px;min-height:250px;}#topMsg{height:250px;padding-top:5px;-webkit-box-shadow: 0 8px 10px -10px #111111;    -moz-box-shadow: 0 8px 10px -10px #111111;		 box-shadow: 0 8px 10px -10px #111111;margin-bottom:10px;}#dev{width:210px;height:210px;float:right;background-image:url('../images/web.png');background-position:center middle;background-repeat:no-repeat;}#dev:hover{background-image:url('../images/webHover.png');}#transCurl{float:left;}#design{width:210px;height:210px;float:left;background-image:url('../images/design.png');background-position:center middle;background-repeat:no-repeat;}#design:hover{background-image:url('../images/designHover.png');float:left;}#host{width:210px;height:210px;float:left;background-image:url('../images/hosting.png');background-position:center middle;background-repeat:no-repeat;}#host:hover{background-image:url('../images/hostingHover.png');}/*************Footer*************/#clearFooter{height:250px;clear:both;}#footer{height:250px;width:100%;min-width:900px;background-color:#111111;color:#eaecea;font-family: 'Happy Monkey', cursive;background-image:url('../images/blackTexture.png');}#footer p{margin:0px;padding:0px;font-size:14px;}#footer h1,#footer h2,#footer h3,#footer h4,#footer h5,#footer h6{margin:0px;padding:0px;color:#eaecea;font-family: 'Permanent Marker', cursive;font-weight:500;}#footerContent{width:900px;margin-left:auto;margin-right:auto;}.pillar{width:30%;float:left;}

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...