CODEWITHSUNDEEP
htmlcss
Max Frai
Max Frai

Reputation: 64266

Link into full div - html and css

Some text 

.sliderPart {   
    width: 25%;
    height: 100%;
}

.sliderPart a {
    display:block;
    position:relative;
    text-decoration:none;
    height: 100%;
    font: 1.3em  Arial, Sans-serif;
}

How can I make my link clickable for all div-area?

Upvotes: 0

Views: 2033

Answers (4)

eozzy
eozzy

Reputation: 68650

Try this:

$(".trigger").click(function() {
    window.location = $(this).find("a").attr("href");
    return false;
});

..you'd also need to give cursor: pointer to the clickable element.

Upvotes: 1

Sampson
Sampson

Reputation: 268344

For dropdown lists, I use the following method a lot...

If you're not opposed to using scripts, you can make the div itself a proxy of sorts, so that if you click anywhere on the div, the first link within that div is subsequently clicked automatically.

$(".sliderPart").bind("click", function(){
  $("a:first", this).trigger("click");
});

Of course you would want to update your styles for the div when you mouse over it to indicate the entire thing is clickable.

Upvotes: 0

Kobi
Kobi

Reputation: 138007

The easiest thing is to remove the div altogether:

<a href="#computers" class="sliderPart">
   <strong>Some text</strong>
</a>

a.sliderPart {
  ...
}

Upvotes: 2

&#211;lafur Waage
&#211;lafur Waage

Reputation: 69981

Put the link outside the div. You can make an anchor tag act similarly to a div. Like you're doing in the css you posted.

Upvotes: 0

Related Questions