Jump to content

Tab Problem


ccpokerd

Recommended Posts

hello, i'm trying to get these tabs (http://digitaldisguise.net/cs/www/)to display NEXT to eachother, not one on top, I can't seem to figure out how.CSS:

#tab-selected {	position:relative;	background-image:url(../images/tab-selected.png);	background-repeat:no-repeat;	height:35px;	width:100px;	border-left:solid thin #000;	border-right:solid thin #000;}#tab-deselected {	position:relative;	background-image:url(../images/tab-deselected.png);	background-repeat:no-repeat;	height:35px;	width:100px;	border-left:solid thin #000;	border-right:solid thin #000;}

html:

<div id="tab-selected"><br /><center>HOME</center></div><div id="tab-deselected"><br /><center>ABOUT US</center></div>

thanks :)

Link to comment
Share on other sites

You have some strange HTML in there (<br /><center> - you should use CSS padding-top and text-align instead), but otherwise, if you want to get block-level elements to sit side-by-side you need to float them.

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...