gfx42 Posted August 22, 2012 Share Posted August 22, 2012 (edited) So I made my main site logo text a clicky to return to the index.html page.Cool.But, the 3 div containers (class="contentleft") under the logo are also clickable and return me to the index.html. Those images/div containers arent supposed to be a link of any sort atm. I can't figure out why they are even clickable in the first place. Any ideas would be appreciated. Visit http://gfx42.com to see what I mean. index.html <!DOCTYPE html><html><head><title>GFX42</title><link rel="stylesheet" type="text/css" href="default.css"/></head><body> <div class="container"> <div class="header"> <div class="nav"> <ul> <li><a href="blog.html">Blog</a></li>| <li><a href="aboutus.html">About</a></li>| <li><a href="portfolio.html">Portfolio</a></li>| <li><a href="gfxgallery.html">GFXGallery</a></li>| <li><a href="gfxrequest.html">GFXRequest</a></li>| <li><a href="donate.html">Donate</a></li> </ul> </div> <!--END of the NAV div--> <div class="content"><h2>GFX42.COM</h2></div> <!--END of the CONTENT div--> <div class="logo"><a href="index.html"><img border="0"src="images/logo.png" width="248" height="40" alt="home"></div> <!--END of the LOGO div--> </div><!--END of the HEADER div--> <div class="contentleft"></div> <!--END of the CONTENTLEFT div--> <div class="contentleft"></div> <!--END of the CONTENTLEFT div--> <div class="contentleft"></div> <!--END of the CONTENTLEFT div--> </div> <!--END of the CONTAINER div--> </body></html> default.css @charset "utf-8";/* CSS Document */body {background-color:#333;}.container {width:1012px;height:720px;margin:0 auto;margin-top:90px;background-color:#333;padding:5px;}.header {background-image:url(images/header.png);background-repeat:no-repeat;margin:0 auto;width:1012px;height:103px;padding-bottom:11px;margin-top:11px;}.nav {width:700px;height:10px;float:right;margin-top:-13px;margin-right:-26px;}.nav li {list-style:none;display:inline;padding:14px;}.nav li a{text-decoration:none;color:#fff;font-family:Arial, Helvetica, sans-serif;font-size:18px;}.nav a:visited {color:#fff;}.nav a:hover {color:#333;}.nav .activePage a {color: #333;} .logo {background-repeat:no-repeat;margin:0 auto;float:left;margin-top:30px;margin-left:42px;width:250px;height:40px;} .content {background-image:url(images/content.png);background-repeat:no-repeat;float:right;margin-top:45px;padding-right:5px;width:656px;height:657px;}.content h2 {color:#333;text-align:center;font-family:Arial, Helvetica, sans-serif;}.content h3 {color:#fff;text-align:left;font-family:Arial, Helvetica, sans-serif;}.content a {color:#36F;text-align:left;font-family:Arial, Helvetica, sans-serif; }.content li {list-style-type:none;font-family:Arial, Helvetica, sans-serif;color:#36F;padding: 3px; margin: 15px;background-image: url(images/contentlistMarker.png); background-repeat: no-repeat; background-position: 0px -5px; padding-left: 35px;}.content p {color:#fff; font-family:Arial, Helvetica, sans-serif;}.content .wip {color:#FFF;font-family:Arial, Helvetica, sans-serif;text-align:center;}.contentleft {background-image:url(images/contentleft.png);background-repeat:no-repeat;float:left;padding-top:11px;width:340px;height:189px;} regards,david Edited August 22, 2012 by gfx42 Link to comment Share on other sites More sharing options...
niche Posted August 22, 2012 Share Posted August 22, 2012 Look at your firebug or other developer tool. It will stick out for you. Link to comment Share on other sites More sharing options...
Krewe Posted August 22, 2012 Share Posted August 22, 2012 You never ended the <a> tag around the image. <div class="logo"><a href="index.html"><img border="0"src="images/logo.png" width="248" height="40" alt="home"></div> <!--END of the LOGO div--> needs to be: <div class="logo"><a href="index.html"><img border="0"src="images/logo.png" width="248" height="40" alt="home"></a></div> <!--END of the LOGO div--> 1 Link to comment Share on other sites More sharing options...
gfx42 Posted August 22, 2012 Author Share Posted August 22, 2012 (edited) You never ended the <a> tag around the image. <div class="logo"><a href="index.html"><img border="0"src="images/logo.png" width="248" height="40" alt="home"></div> <!--END of the LOGO div--> needs to be: <div class="logo"><a href="index.html"><img border="0"src="images/logo.png" width="248" height="40" alt="home"></a></div> <!--END of the LOGO div--> Hey thanks alot <3 This is solved Edited August 22, 2012 by gfx42 Link to comment Share on other sites More sharing options...
Recommended Posts
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 accountSign in
Already have an account? Sign in here.
Sign In Now