SelenIT, получилось, спасибо!
Вот код. Не пойму почему -top menu- главная, о компании, новости.... в опере отображается не жирным, или шрифт другой, а в IE7 - нормально.
И ещё, в списках UL я сейчас поставил в виде маркера ">". Но когда ставлю картинку или стандартный circle, то маркеры смещаются в опере. Как сделать универсальным способом для всех браузеров?
| Код |
/* TOP МЕНЮ */
A.top:visited {COLOR: #ffffff}
A.top:active {COLOR: #ffffff}
A.top:hover {COLOR: #D4E6F1}
A.top:link {COLOR: #ffffff}
A.top {TEXT-DECORATION: none; FONT-FAMILY: verdana, arial; FONT-SIZE: 14; FONT-WEIGHT: bold;}
/* СПИСКИ */
UL.company a:visited {COLOR: black}
UL.company a:active {COLOR: black}
UL.company a:hover {COLOR: #006699}
UL.company a:link {COLOR: black}
UL.company a{TEXT-DECORATION: none}
UL.company {LIST-STYLE: none; FONT-FAMILY: verdana, arial; FONT-SIZE: 14;
LINE-HEIGHT: 250%; PADDING-LEFT: 5%; MARGIN-LEFT: 5%}
|
| Код |
<html>
<head>
<link rel=stylesheet href="css/mainstyle.css" type="text/css">
</head>
<!-- BODY START HERE -->
<body bgcolor="#006699" text="black" link="black" topmargin="5" leftmargin="5">
<!-- TOP MENU TABLE -->
<table border=0 width=100% align="center" border=0 background="logo/fon_string.jpg" style="font-size: 14; font-weight: bold; font-family: tahoma">
<tr align="center" height=21>
<td width=8%>
</td>
<td width=10%>
<a href="index.html" class="top">главная</a>
</td>
<td width=14%>
<a href="about.html" class="top">о компании</a>
</td>
<td width=10%>
<a href="empty.html" class="top">новости</a>
</td>
<td width=10%>
<a href="empty.html" class="top">акции</a>
</td>
<td width=10%>
<a href="empty.html" class="top">каталог</a>
</td>
<td width=10%>
<a href="price/price.xls" class="top">прайсы</a>
</td>
<td width=10%>
<a href="empty.html" class="top">сервис</a>
</td>
<td width=10%>
<a href="empty.html" class="top">контакты</a>
</td>
<td width=8%>
</td>
</tr>
</div>
</table>
<!-- MAIN TABLE -->
<table border=0 bgcolor="#D4E6F1" width=100% align="center">
<tr align="center" valign="top">
<td bgcolor="D4E6F1" width=220>
</td>
<td bgcolor="#ffffff" valign="top" align="left">
<H1>О компании</H1>
<br>
<UL class="company">
<LI><a href="empty.html"> > Партнёры</a>
<LI><a href="empty.html"> > Клиенты</a>
<LI><a href="empty.html"> > Дипломы</a>
<LI><a href="empty.html"> > Портфолио</a>
</UL>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br>
</td>
<td width=18% rowspan=2>
</td>
</tr>
<tr align="center">
<td>
</td>
<td bgcolor="#ffffff">
</td>
</tr>
</table>
</body>
</html>
|
|
.