5 replies [Last post]
webMASTER P
Offline
Regular
Last seen: 13 years 3 weeks ago
Joined: 2004-06-29
Posts: 48
Points: 0

I am trying to create some tabs, and i can't get then to display properly in IE. I saw a few tutorials on how to do that, and realized that there's not much to it, so i wrote it from scratch.
I have two problems:
1. The tabs are not centered on the page. I want them to always appear in the middle.
2. In IE they don't even show up as tabs.

I am posting my code below. I cleaned it up as much as i can to make it more readable, but there's going to be some background images in there.

Tabs Demo

*
{
padding:0px;
margin:0px;
}
html
{
height:100%;
}
body
{
height:100%;
padding:0px 21px 0px 21px;
}
#tabNav
{
width:100%;
display:block;
list-style:none;
text-align:center;
}
#tabNav li
{
display:table-cell;
width:6em;
padding-left:8px;
position:relative;
border:1px solid black;
border-bottom:0px;
}

#tabNav li a
{
display:block;
height:2.5em;
text-align:center;
padding:0px 8px 0px 0px;
}

#tabNav li:hover
{
background-color:#feeeff;
}

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

tbh I think you need to go

tbh I think you need to go back and read those tutorials again , before deciding that there isn't much to it Smile as clearly there is more to it than you perhaps imagined, for starters you are using properties that IE does not understand which isn't going to help matters.

Find a good tutorial and follow it it's the best way to learn, once you are comfortable with the methods and properties that work you will find you start to write your own.

Hugo.

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

webMASTER P
Offline
Regular
Last seen: 13 years 3 weeks ago
Joined: 2004-06-29
Posts: 48
Points: 0

i've made progress, so now

i've made progress, so now the tabs are showing up side by side
i just need to figure out why i can't center them

maybe i WILL just take one of the tutorials and apply it.

thepineapplehead
thepineapplehead's picture
Offline
Guru
Last seen: 31 weeks 6 days ago
Joined: 2004-06-30
Posts: 9668
Points: 801

http://www.cssplay.co.uk/menu

Verschwindende wrote:
  • CSS doesn't make pies

webMASTER P
Offline
Regular
Last seen: 13 years 3 weeks ago
Joined: 2004-06-29
Posts: 48
Points: 0

nice! exactly what i was

nice! exactly what i was looking for
the way i created my tabs are very similar to what was posted on list apart, so this should work

thank you very much

thepineapplehead
thepineapplehead's picture
Offline
Guru
Last seen: 31 weeks 6 days ago
Joined: 2004-06-30
Posts: 9668
Points: 801

Quite alright The original

Quite alright Wink The original Sliding Doors was an excellent technique and Stu has improved on it further Laughing out loud

Verschwindende wrote:
  • CSS doesn't make pies