On Sunday 20 April 2008 6:03 pm Del Wegener wrote:
> Addendum:I forgot to mention the centering is a problem in Firefox but
> works fine in IE6 and IE7
> Del
> ----- Original Message -----
In IE (incorrectly) block level elements are (sometimes) centred when
text-align is 'centre'. It would probably be helpful to use more meaningful
class names, and the table based layout is not at all recommended. I am
guessing this is more what you were after:
(Whole file splurged here with changes - now also validates.)
.menu5 {
font-size:80%;
height:20px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0pt;
padding:0pt;
}
.menu5 li {
background:transparent url(image/pro_five_0b.gif) no-repeat scroll right top;
display:inline;
margin-right:15px;
padding-right:4px;
}
.menu5 li a {
background:transparent url(image/pro_five_0a.gif) no-repeat scroll left top;
border-left:3px solid transparent;
color:#333333;
font-family:verdana,arial,sans-serif;
font-weight:normal;
height:30px;
line-height:2em;
margin-left:-4px;
padding-left:4px;
text-align:center;
text-decoration:none;
}
.menu5 li.current {background-image: url(image/pro_five_2b.gif); color:
black;}
.menu5 li.current a {background-image: url(image/pro_five_2a.gif);}
.menu5 li:hover {background-image: url(image/pro_five_1b.gif); color: black;}
.menu5 li a:hover {background-image: url(image/pro_five_1a.gif);}
.menu5 li.current:hover {background-image: url(image/pro_five_2b.gif); color:
black;}
.menu5 li.current a:hover {background-image: url(image/pro_five_2a.gif);}
body {
background-color:#FFFFFF;
color:#031897;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:normal;
line-height:130%;
text-align:left;
}
p {
color:#031897;
font-family:Arial,Verdana,Helvetica,sans-serif;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
text-transform:none;
}
.sub_label {
font-size:10px;
}
.yellow_right_label {
background-color:#FFFFCC;
color:#031897;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
line-height:100%;
text-align:right;
}
.yellow_left_label {
background-color:#FFFFCC;
color:#031897;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
line-height:100%;
text-align:left;
}
.right_label {
color:#031897;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:normal;
line-height:100%;
text-align:right;
}
.left_label {
color:#031897;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:normal;
line-height:100%;
text-align:left;
}
.white_left_label {
color:#FFFFFF;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
line-height:100%;
text-align:left;
}
.head1 {
color:#031897;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:24px;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:normal;
text-align:center;
text-transform:none;
}
.head2 {
color:#031897;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:18px;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:normal;
text-align:center;
text-transform:none;
}
.head3 {
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:14px;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:normal;
text-transform:none;
}
.head4 {
color:#031897;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:10px;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:normal;
text-transform:none;
}
.drop_down_text {
color:#031897;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
text-transform:none;
}
.normal_text {
background:#F2F2F2 none repeat scroll 0%;
color:#000000;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:normal;
line-height:130%;
text-align:left;
}
Nicholas
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
