CODEWITHSUNDEEP
htmlcss
David H
David H

Reputation: 172

href click area too wide

Hi guys I have a href on my page but it's waaay to wide and i've tried adding display:block's to it but it didn't help.

I have a lot of CSS so I think I shouldn't link my whole document, it's a mess.

I can give the link on which you might be able to test?

It's about the changing links under the slider on the frontpage.

Upvotes: 0

Views: 2472

Answers (3)

Andy Gomez 3D Art
Andy Gomez 3D Art

Reputation: 11

I got the same problem but then I realized I just forgot to close with an </a>tag

Upvotes: 1

Gianluca Mancini
Gianluca Mancini

Reputation: 1312

Use:

.cycle-slideshow a {
  display: inline-block;
}

EDIT: as pointed in the comments you have to override this behavior also in the pseudo-states (hover, focus and active). You can force that rule using display: inline-block !important; or with:

.cycle-slideshow a,
.cycle-slideshow a:focus,
.cycle-slideshow a:hover,
.cycle-slideshow a:active {
  display: inline-block;
}

Upvotes: 4

mboldt
mboldt

Reputation: 1825

The display:block; is what causes the problem because it extends them to 100% width. Remove the display:block; from the link-style and also from the :hover-style.

Upvotes: 1

Related Questions