Jump to content

tabs


cugopob.vlad

Recommended Posts

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
Link to comment
Share on other sites

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;

}

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...