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

CSS Forum

Apply overflow:hidden selectively?

10+ Year Member

Msg#: 3759741 posted 3:46 pm on Oct 6, 2008 (gmt 0)


I have a situation where the optimal situation would involve applying overflow:hidden to a parent element, and then have a few child elements be able to break free of the parent. Is there any way to do that?

For reference, here's the HTML:
<ul id="Locale">
<li><a href="\" class="current">United States</a></li>
<li><a href="\" id="indiaLink">India</a></li>
<li><a href="\" id="intlLink">International</a></li>

And the CSS:
#Masthead ul#Locale {
position: absolute;
width: 275px;
right: 0px;
overflow: hidden;
margin-top: 25px;
#Masthead ul#Locale li {
display: block;
float: left;
height: 10px;
overflow: visible;
border-left: 1px solid #666;
padding: 0px 5px;
margin: 0px;
margin-left: -1px;

I want to add tooltips to the links, within the LIs, but they need to be able to overflow the list..



WebmasterWorld Senior Member swa66 us a WebmasterWorld Top Contributor of All Time 10+ Year Member

Msg#: 3759741 posted 9:48 am on Oct 14, 2008 (gmt 0)

tooltips aren't really controlled by CSS as far as I remember, so changing the way they work will be hard to do from CSS.

Perhaps the solution to your problem might be in trying not to need the overflow:hidden in the first place ?

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