justlukeyou Posted April 3, 2011 Share Posted April 3, 2011 I want to add a link to a DIV. One simple way is to place link outside the DIV <a href= 'http://www.domain.com' class='headernavlink'><div class="headernavgrey"> Link Here </div></a> But I found a discussion which says it should and shouldn't be used. http://bytes.com/topic/html-css/answers/724421-making-div-link Does anyone know the correct method of adding a link to a div? Quote Link to comment Share on other sites More sharing options...
sunfighter Posted April 3, 2011 Share Posted April 3, 2011 You want to 'add a link to a DIV.' The discussion you found wants to make a div a link. Different. Put your link inside of a div: <div class="headernavgrey"> <a href= 'http://www.domain.com' class='headernavlink'> Link Here</a> </div> Quote Link to comment Share on other sites More sharing options...
justlukeyou Posted April 4, 2011 Author Share Posted April 4, 2011 I want to add a link to div, so a whole cell has a link attached to it not just the text instead a div. Quote Link to comment Share on other sites More sharing options...
cssfreakie Posted April 4, 2011 Share Posted April 4, 2011 You can place a block element such as a div, p etc inside of an inline element such as a span a If you want this to be done you need to place span elements inside the a element and you could put a div around to position it, but its not really needed. see code below. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <link type="text/css" rel="stylesheet" href="css/st0yle.css" /> <title>link div</title> <style type="text/css"> a.link-block{ display:block; width:300px; height:400px; background: yellow; text-decoration: none; color:#333; } a.link-block:hover{ background:yellowgreen; } .link-block span{ padding:10px; } </style> </head> <body> <div id="monkeys"> <a class="link-block" href="/"> <span> lalalala lalalala lalala </span><br /> <span> lalalala lalalala lalala </span> </a> </div> </body> </html> Quote Link to comment Share on other sites More sharing options...
cssfreakie Posted April 4, 2011 Share Posted April 4, 2011 I meant to say instead of can, can't You can't place a block element such as a div, p etc inside of an inline element such as a span a Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.