How To Add An a href Link To A div

Question

I need to know how to add an a href link to a div  Do you put the a href tag arounf the entire  buttonOne  div  Or should it be around or inside the  linkedinB  div   Here s my HTML    lt div id  buttonOne  gt     lt div id  linkedinB  gt       lt img src  img linkedinB png  width  40  height  40  gt     lt  div gt   lt  div gt

User · Answer

In this case  it doesn t matter as there is no content between the two divs   Either one will get the browser to scroll down to it   The a element will look like    lt a href  mypageName html buttonOne  gt buttonOne lt  a gt    Or    lt a href  mypageName html linkedinB  gt linkedinB lt  a gt

User · Answer

Your solutions don t seem to be working for me  I have the following code  How to put link into the last two divs     lt html xmlns  http   www w3 org 1999 xhtml  xmlns v  urn schemas-microsoft-com vml  xmlns o  urn schemas-microsoft-com office office  gt    lt style gt     Import     import url https   fonts googleapis com css family Quicksand 300 400         font-family   Quicksand   sans-serif     font-weight  bold     text-align  center      text-transform  uppercase     -webkit-transition  all 0 25s ease     -moz-transition  all 0 25s ease     -ms-transition  all 0 25s ease     -o-transition  all 0 025s ease         Colors      ora     background-color   e67e22       red     background-color   e74c3c       orab     background-color  white     border  5px solid  e67e22       redb     background-color  white     border  5px solid  e74c3c        End of Colors      B     width  240px     height  55px     margin  auto     line-height  45px     display  inline-block     box-sizing  border-box     -webkit-box-sizing  border-box     -moz-box-sizing  border-box     -ms-box-sizing  border-box     -o-box-sizing  border-box        orab hover     background-color   e67e22       redb hover     background-color   e74c3c      whib hover     background-color   ecf0f1         End of Border   invert hover     -webkit-filter  invert 1     -moz-filter  invert 1     -ms-filter  invert 1     -o-filter  invert 1      lt  style gt   lt h1 gt Flat and Modern Buttons lt  h1 gt   lt h2 gt Border Stylin  lt  h2 gt     lt div class  B bo  id  orab  gt See the movies list lt  div gt  lt  a gt   lt div class  B bo  id  redb  gt Avail a free rental day lt  div gt    lt  html gt

User · Answer

Can t you surround it with an a tag      lt a href     gt  lt div id  buttonOne  gt           lt div id  linkedinB  gt               lt img src  img linkedinB png  width  40  height  40  gt           lt  div gt     lt  div gt  lt  a gt

User · Answer

try to implement with javascript this    lt div id  mydiv  onclick  myhref  http   web com      gt some stuff  lt  div gt   lt script type  text javascript  gt      function myhref web         window location href   web    lt  script gt

User · Answer

Try creating a class named overlay and apply the following css to it   a overlay   width  100   height 100   position  absolute      Make sure it is placed in a positioned element   Now simply place an  lt a gt  tag with that class inside the div you want to be linkable    lt div id  buttonOne  gt     lt a class  overlay  href           gt  lt  a gt       lt div id  linkedinB  gt          lt img src  img linkedinB png  alt  never forget the alt tag  width  40  height  40   gt       lt  div gt    lt  div gt    PhilipK s suggestion might work but it won t validate because you can t place a block element  div  inside an inline element  a   And when your website doesn t validate the W3C Ninja s will come for you    An other advice would be to try avoiding inline styling

User · Answer

I d say     lt a href    id  buttonOne  gt               lt div id  linkedinB  gt                   lt img src  img linkedinB png  width  40  height  40  gt               lt  div gt         lt  div gt     However  it will still be a link  If you want to change your link into a button  you should rename the  buttonone to  buttonone a   your css here

[html] How To Add An "a href" Link To A "div"?

Examples related to html

Examples related to href

Examples related to add