1 reply [Last post]
SuperGrover1981
Offline
newbie
Last seen: 11 years 21 weeks ago
Joined: 2005-11-04
Posts: 5
Points: 0

Hi gang,

I've been battling with this thing for a few hours now - it seems like something ultra-simple, but I can't for the life of me figure out what I'm doing wrong.

I'm trying to expand some (li) boxes to a height of 120px, but it seems to be ignoring all calls. I've tried specifying 120px in pretty much every CSS tag & xhtml "style" tag there is - but it's simply ignoring the call.

The (li) expands if I fill it with content of a sufficient height (for example, if I put a 120px high image in the box, it expands to 120px), but that isn't too helpful for my purposes. If anyone has any suggestions at all, I'd be most appreciative. Smile

The problem is occurring in Firefox 2.0 - I haven't tested other browsers yet, but I'd assume similar problems.

Many thanks,
- Supergrover

HTML:

<div>
<ul id="maintab" class="shadetabs">
<li class="selected">
	<a href="#" rel="tcontent1" rel="nofollow">Search for Templates</a>
</li>
<li>
	<a href="#" rel="tcontent2" rel="nofollow">How to Use</a>
</li>
</ul>
</div>

CSS:

.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
height:120px;
}

.shadetabs li{
display: inline;
margin: 0;
height:120px;
}

.shadetabs li a{
text-decoration: none;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #778;
color: #2d2b2b;
background: url('opentab.png') top left repeat-x;
height:120px;
}

.shadetabs li a:visited{
color: #2d2b2b;
height:120px;}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
height:120px;}

.shadetabs li.selected{
position: relative;
top: 1px;
height:120px;
}

.shadetabs li.selected a{ /*selected main tab style */
background-image: url(shadeactive3.gif);
border-bottom-color: #EEE;
height:120px;
}

.shadetabs li.selected a:hover{ /*selected main tab style */
text-decoration: none;
height:120px;}


Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 5 years 13 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

Sorry supergorover as usual

Sorry supergrover as usual this is double posted to sitepoint I mentioned something in your last post here about this and other matters.

You have received help over at site point so I would acknowledge and follow up those replies.

I think that this thread is done with and should be considered closed Smile

Just checked and you are indeed once again plastering the same question across multiple forums, last time it was four that I came across.

This is bad practise but I refer you to your last unanswered topic here.

Do not act as a forum Vamp!

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me