Hi CSSers,
I don't know how important it is to have a site work in Opera, but it
probably should.
This page:
http://www.lfelem.lfc.edu/new_site/indexnew.html
does not display the top horizontal menu items in Opera. It's okay in FF2,
IE6, IE7, IE6, and Safari.
Here's the css
http://www.lfelem.lfc.edu/new_site/css/newmaster.css
The relevant part of the html is:
<ul id="point" >
<li><a href="../index.html" id="current">DISTRICT HOME</a></li>
<li><a href="../schools/index.html" id="current2">SCHOOLS</a></li>
<li><a href="../schoolboard/index.html"
id="current3">SCHOOL BOARD</a></li>
<li><a href="../parents/index.html" id="current4">PARENTS</a></li>
<li><a href="../staff/index.html" id="current5">STAFF</a></li>
<li><a href="../students/index.html" id="current6">STUDENTS</a></li>
</ul>
And the relevant part of the css is:
#point {display:table ; height:25px; width:733px; width:734px !ie;
padding:0px; margin:0;margin-bottom:-1px;;margin-top:5px; margin-left:5px;
margin-left:4px !ie; list-style:none;
white-space:nowrap;background:url(../imgs/horizontal.jpg) repeat-x center
top;text-align:center;z-index:11;position:absolute;top:
89px;left:197px;left:198px !ie;}
#point li {display:inline; margin:0px; padding:0px;
background-color:transparent;position:relative;top:0;left:0;z-index:12; }
#point li a {float:left; font-family:arial; font-size:14px;
letter-spacing:0.1mm; padding:5px 13px !important; padding:5px 15px !ie;
padding:5px 15px; text-decoration:none; color:#000000; font-weight:bold;
background-color:transparent;margin-left:8px;position:relative;top:0;
left:0;z-index:13;vertical-align:bottom;height:25px;padding: 0.3em 0.8em
0.4em; }
Thanks in advance for any help.
Nancy Sosna
______________________________________________________________________
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/
