Jump to content

Tab Problem


ccpokerd
 Share

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

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...