Jump to content

Recommended Posts

Posted (edited)

hey im making a website with tabs and im checking it on both IE and Opera. the first time i tried it in IE the tabs were positioned on relative and i ajusted the way i needed it. but then i tried the page in Opera and the tabs ended under the body and you couldnt see it. then i tried fixing it so it would work with Opera and then in IE it got messed up. So finally i decided to position the tabs on absolute and i got it the way i wanted and it works in all browsers but they ended up in the background i think because when you move your mouse over it, it doesnt change the color the way its suppose to. Can anybody help me? Thanks.

Edited by cugopob.vlad
Posted
Can anybody help me? Thanks.
Not really, unless we can see the code. Do you have a link?
Posted
can see the code.
Well here is what i got so far for the menu

div#menu

{

display:block;

position: absolute;

width: 784px;

top: 220px;

left: 26px;

}

 

a.tab:link

{

display: block;

background-image: url(images/Menu_Tabs/tabs3.png);

background-repeat: no-repeat;

color: #000;

}

 

a:link

{

color: #000;

}

 

a.tab

{

text-decoration: none;

width: 162px;

height: 40px;

text-indent:58px;

padding-top: 10px;

}

 

a.tab:hover

{

background-position: right top;

color: #fff;

}

 

a.tab:visited

{

background-image: url(images/Menu_Tabs/tabs2.png);

background-repeat: no-repeat;

color: #000;

}

 

ul.main_menu

{

text-decoration: none;

list-style-type: none;

}

 

li.tab

{

float:right;

}

Posted
sorry i forgot to tell you the css is an external document linked to the html page so there is no html here.
I'm glad you cleared that up.

 

@Eric: :lol:

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
×
×
  • Create New...