homepage Welcome to WebmasterWorld Guest from 23.22.194.120
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member
Visit PubCon.com
Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library, Charter, Moderators: not2easy

CSS Forum

    
Float seems to be stopping Links working
canty




msg:4340318
 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?

Html:

<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>
</div>
</li>


CSS:

ul.column {
list-style-type:none;
padding-right:0px;
padding-left:0px;
padding-bottom:0px;
margin: auto;

}

ul.column li {
float:left;


}

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

 

penders




msg:4340348
 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;
}

canty




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

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

alt131




msg:4343026
 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