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;
}
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 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.
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.
http://www.cssplay.co.uk/menu
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
Quite alright The original
Quite alright The original Sliding Doors was an excellent technique and Stu has improved on it further