[css-d] IE won't float blocks in lists? (CSS skins for tabs)

Sent by Jason Estes on 19 March 2003 15:03

> I'm trying to represent our main menu semantically as a list 
> of links, but 
> visually as a horizontal row of tabs.  Something like this:
> 
> * home
> * section 1
> * section 2
> 


Mike, 
	I got this to work (in IE6/PC and Moz 1.2/PC) by adding this code :

div.tabs4 ul {
	font-size: 80%;
	list-style-type: none;
	padding: 0px; margin: 0px;
	display:inline;
}
li {display:inline}

basically I added an inline style to the UL and added and li display:inline
tag. 

That worked for me.

Good luck
Jason

Message thread:

• [css-d] IE won't float blocks in lists? (CSS skins for tabs) - Jason Estes, 19th March 2003 15:56
  • [css-d] IE won't float blocks in lists? (CSS skins for - Mike Combs, 19th March 2003 16:03

Possibly related:

• [css-d] IE won't float blocks in lists? (CSS skins for tabs) - Mike Combs, 19th March 2003 15:11
• [css-d] IE won't float blocks in lists? (CSS skins for tabs) - Big John, 19th March 2003 16:21