Welcome to WebmasterWorld Guest from

Forum Moderators: not2easy

Message Too Old, No Replies

Float seems to be stopping Links working



1:55 pm on Jul 16, 2011 (gmt 0)

Hey guys,

I'm designing a portfolio website for myself and am having trouble with a float tag.

I'm using images to act as links to a colorbox popup, they are lined up in rows of three using a float: left tag. But for some reason when I use the float tag it stops the link from working. When I take it away the images drop one by one under each other but the links work. any ideas?


<div id="content" >
<ul class="column" >
<li >
<div class="block" >
<a class='example6' href="http://player.vimeo.com/video/26439888" title="Taragana Pyjarama - Ocean">
<img src="http://b.vimeocdn.com/ts/174/650/174650223_200.jpg" alt=""></a>


ul.column {
margin: auto;


ul.column li {


Apologies for being a bit slow at all this in advance :P


4:12 pm on Jul 16, 2011 (gmt 0)

WebmasterWorld Senior Member penders is a WebmasterWorld Top Contributor of All Time 5+ Year Member Top Contributors Of The Month

The code snippet you have posted works OK.

If a link has stopped working like this (for whatever reason) then it is likely that another element is covering it. If they are positioned correctly then you need to identify the other element that is obstructing the user from clicking through. Firebug in Firefox or the developer tools in IE can help with this.

Or simply give every element a temporary border to have a check...

* { 
border:1px solid #f00;


2:30 am on Jul 17, 2011 (gmt 0)

Thank you so much! Found the problem straight away after reading this.


9:57 am on Jul 23, 2011 (gmt 0)

WebmasterWorld Senior Member 5+ Year Member

Great to hear you have a solution Canty - and welcome to WebmasterWorld :)

Featured Threads

Hot Threads This Week

Hot Threads This Month