homepage Welcome to WebmasterWorld Guest from
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Pubcon Gold Sponsor 2015!
Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library, Charter, Moderators: not2easy

CSS Forum

Float seems to be stopping Links working

Msg#: 4340316 posted 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



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

Msg#: 4340316 posted 4:12 pm on Jul 16, 2011 (gmt 0)

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;


Msg#: 4340316 posted 2:30 am on Jul 17, 2011 (gmt 0)

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


WebmasterWorld Senior Member 5+ Year Member

Msg#: 4340316 posted 9:57 am on Jul 23, 2011 (gmt 0)

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

Global Options:
 top home search open messages active posts  

Home / Forums Index / Code, Content, and Presentation / CSS
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved