DIV inside link a href tag

Question

I want to make a div click-able and but inside this  lt div gt  i have another  lt div gt  which also should be click-able or linked   HTML   lt a href     gt       lt div class  box  gt          lt div class  plus  gt  lt img src  aaa jpg   gt  lt  div gt       lt  div gt   lt  a gt    CSS   box      float left      width 100px      height 100px     plus      float left      width 30px      height 30px      Can i make both  lt div gt s to link and for different links   and Is this proper way use div inside a href

User · Answer

This is a classic case of divitis - you don't need a div to be clickable, just give the <a> tag a class. Then edit the CSS of the class to display:block, and define a height and width like a lot of other answers have mentioned.

The <a> tag works perfectly well on its own, so you don't need an extra level of mark-up on the page.

User · Answer

No  the link assigned to the containing  lt a gt  will be assigned to every elements inside it   And  this is not the proper way  You can make a  lt a gt  behave like a  lt div gt    An Example  Demo    CSS  a divlink         display block       width 500px       height 500px        float left      HTML   lt div gt       lt a class  divlink  href  yourlink html  gt           The text or elements inside the elements      lt  a gt       lt a class  divlink  href  yourlink2 html  gt           Another text or element      lt  a gt   lt  div gt

User · Answer

I think you should do it the other way round  Define your Divs and have your a href within each Div  pointing to different links

User · Answer

As of HTML5 it is OK to wrap  lt a gt  elements around a  lt div gt   or any other block elements    The a element may be wrapped around entire paragraphs  lists  tables  and so forth  even entire sections  so long as there is no interactive content within  e g  buttons or other links    Just have to make sure you don t put an  lt a gt  within your  lt a gt    or a  lt button gt

User · Answer

Nesting of  a  will not be possible   However if you badly want to keep the structure and still make it work like the way you want  then override the anchor tag click in javascript  jquery    so you can have 2 event listeners for the two and control them accordingly

User · Answer

I would just format two different a-tags with a   display  block  height  15px  width  40px      This way you don t even need the div-tags

[css] <DIV> inside link (<a href="">) tag

Examples related to css

Examples related to html