The Preview, What others are saying tabs are stacked and right-aligned (wrong).

They should be horizontal and left-aligned.

It's displayed correctly in firefox,IE8.

What's the reason for this?

URL: http://www.learncentral.org/resource/view/59896

1 answer

KC Rajput 178
0
points

hi, you should use this.

.ed_tabs ul li a {
    background:none repeat scroll 0 0 #3F79C2;
    border-left:1px solid #3F79C2;
    border-right:1px solid #3F79C2;
    border-top:1px solid #3F79C2;
    color:#FFFFFF;
    display:block;
    float:left;
    font-size:0.9em;
    font-weight:bold;
    height:15px;
    margin:0 0 0;
    padding:3px 10px 4px;
    text-align:center;
    text-decoration:none;
    }

you replace your current css by this. your man div have left float and link a have float:right so this problem was create.

Answered over 6 years ago by KC Rajput