...

View Full Version : is there a way to get rid of the border bottom by css?



runeveryday
07-23-2011, 08:54 AM
http://www.codingforums.com/attachment.php?attachmentid=10096&stc=1&d=1311407589


how to get rid of the border bottom which under
test text in the li when the mouse hover on the
test text by css?

the html :


<div class="rank">
<ul>
<li class="tab1 active">test</li>
<li class="tab2">one</li>
</ul>
</div>
<div class="content">....</div>
my style(it's doesn't get rid of the bottom under test text):


.active{
background-color:#FFFFFF;
}
rank ul li{
float:left;
border:1px solid #D5D5D5;
border-bottom:none;
}

.content{
clear:both;
border-top:1px solid #D5D5D5;
}
ps: why when i use overflow:hidden to rank div, it can prevent the float to the content div?

jasonpc1
07-23-2011, 10:12 AM
just about to test my theory, but would that not be settting the li to no-underline ?

do you have the rest of the code as there are parts missing for to be able to test this out properly.

ie.. css for tab1, tab2

as the code you have provided does not show the same as in your screen shot.

cheers



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum