1. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Oct 2013
    Rep Power

    Css image clickable link

    Hi Im trying to have all the div's in my fluid grid layout as a click-able url link.

    If anybody could help please??? its only doing the first div not the rest

    the html I have is :
    <div id="LayoutDiv2">
    <a href="(url here" title=""></a>

    and the css:
    #LayoutDiv2 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 40%;
    height: 300px;
    display: block;
    background-color: #696;
    margin-top: 10px;
    font: 10pt normal Arial, sans-serif;
    text-align: center;

    #LayoutDiv2 a:link {
    width: 100%;
    top: 0;
    left: 0;
    text-decoration: none; /* No underlines on the link */
    z-index: 10; /* Places the link above everything else in the div */
    background-color: #FFF; /* Fix to make div clickable in IE */
    opacity: 0; /* Fix to make div clickable in IE */
    filter: alpha(opacity=1); /* Fix to make div clickable in IE */

  2. #2
  3. No Profile Picture
    Contributing User
    Devshed Novice (500 - 999 posts)

    Join Date
    Oct 2009
    Nebraska, USA
    Rep Power
    ID's can only be used once, not multiple times, on a page.

    If you are trying to use that HTML multiple times, you will need to change to using a CLASS instead.

IMN logo majestic logo threadwatch logo seochat tools logo