Teze
Newbie | Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Gemir, а почему делаешь с image? Там можно и без image обойтись, зачем грузить всякими картинками то, что делается легко?
Mistake, спасибо.
Добавлено:
GeMir , если ОЧЕНЬ нужно именно с твоей картинкой - попробуй сделать общий background для ul = никаких проблем в броузерах не будет )
Добавлено:
Вот пример, работает на всех броузерах четко:
<style type="text/css">
<!--
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0;
font-size: 80%;
font-weight: bold;
background: #FFF;
}
h2 {
font: bold 14px Verdana, Arial, Helvetica, sans-serif;
color: #000;
margin: 0px;
padding: 0px 0px 0px 15px;
}
ul {
list-style: none;
margin: 0;
padding: 0;
}
img {
border: none;
}
/*- Menu 2--------------------------- */
#menu2 {
width: 200px;
margin: 10px;
border-style: solid solid none solid;
border-color: #D8D5D1;
border-size: 1px;
border-width: 1px;
}
#menu2 li a {
height: 32px;
voice-family: "\"}\"";
voice-family: inherit;
height: 24px;
text-decoration: none;
}
#menu2 li a:link, #menu2 li a:visited {
color: #3688BA;
display: block;
background: url(menu2.gif);
padding: 8px 0 0 32px;
}
#menu2 li a:hover, #menu2 li #current { {
color: #3688BA;
padding: 8px 0 0 32px;
}
-->
</style>
</head>
<body>
<h2>Привет Gemiru</h2>
<div id="menu2">
<ul>
<!-- CSS Tabs -->
<li><a id="current" href="1.html">Элемент списка 1</a></li>
<li><a href="2.html">Элемент списка 2</a></li>
<li><a href="3.html">Элемент списка 3</a></li>
<li><a href="4.html">Элемент списка 4</a></li>
<li><a href="5.html">Элемент списка 5</a></li>
<li><a href="6.html">Элемент списка 6</a></li>
<li><a href="7.html">6ой элемент</a></li>
</ul>
</div>
Добавлено:
menu2.gif - готовый есть, только не знаю как на форум загрузить ) но делается легко: width сделай в ширину меню, сделай транспарент, и круг ставь где хочешь )
|
