ccpokerd Posted March 9, 2010 Share Posted March 9, 2010 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 More sharing options...
Synook Posted March 9, 2010 Share Posted March 9, 2010 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 More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.