| |
|
|
| | Народ помогите как мне сделать на 1-ой страничке 2 css меню.У меня просто получается то что одна другую накрывает как бы | |
| |
|
|
| |
|
|
| |
для: kabal
(16.10.2008 в 16:35)
| | | ликвидировать position:absolute; в стилях каждого контейнера, содержащего меню | |
| |
|
|
| |
|
|
| |
для: LFFATE
(16.10.2008 в 16:40)
| | | может я наверно не правильно написал как бы не дург на друга налезают, а стиль одного получается кк единый а мен надо чтоб 2 разные получились. | |
| |
|
|
| |
|
|
| |
для: kabal
(16.10.2008 в 21:44)
| | | Если Вы хотите получить помощь, то приведите хотя бы код ваших меню. Слишком расплывчато выражаетесь. | |
| |
|
|
| |
 2.2 Кб |
|
| |
для: Nytrogen
(16.10.2008 в 22:09)
| | | Вот | |
| |
|
|
| |
|
|
| |
для: kabal
(16.10.2008 в 23:35)
| | | Вот Ваш HTML:
<div class="breadcrumb">
<span class="left"></span>
<ul>
<li><a href="#"><span>Home</span></a></li>
<li><a href="#"><span>Products</span></a></li>
<li><a href="#" class="active"><span>Menus</span></a></li>
</ul>
<span class="right"></span>
</div>
|
У Вас тут три ссылки, одна из них класса active. Конкретно скажите, что Вы хотите добиться. | |
| |
|
|
| |
|
|
| |
для: Nytrogen
(17.10.2008 в 14:05)
| | | я хочу чтобы например такое же меню но с другим css файлом был на одной странице.Типо 2 разные сss менюшки. | |
| |
|
|
| |
|
|
| |
для: kabal
(17.10.2008 в 14:17)
| | | >я хочу чтобы например такое же меню но с другим css файлом был на одной странице
Вы, вероятно, неправильно понимаете предназначение css-файлов: они создаются для того, чтобы их можно подключить ко многим страницам HTML, а не для того, чтобы к одному HTML-файлу подключать несколько css-файлов. Вам не нужен другой css-файл, Вам нужно в том же styleSheet.css описать ещё один класс по аналогии с уже описанным классом breadcrumb:
.menuClass2{position:relative; height:30px; width:100%;}
.menuClass2 ul{position:relative; margin:0 5px 0 5px; padding:0; height:30px; background:url('../img/breadcrumbImage.png') 0px -30px repeat-x; }
.menuClass2 ul li{padding:0; margin:0; list-style:none; float:left; height:30px display:inline;}
.menuClass2 ul li a{font:12px Arial, Helvetica, sans-serif; color:rgb(255,255,255); text-decoration:none; line-height:30px; display:block; background:url('../img/breadcrumbImage.png') 100% -60px no-repeat; }
.menuClass2 ul li a span{padding:0 17px 0 15px; }
.menuClass2 ul li a:hover span{text-decoration:underline; color:rgb(0,0,0);}
.menuClass2 ul li a.active{background:none;}
.menuClass2 ul li a.active span{color:rgb(242,17,17);}
.menuClass2 ul li a.active:hover span{text-decoration:none;}
.menuClass2 .left{position:absolute; top:0px; left:0px; width:10px; height:30px; display:block; z-index:1; background:url('../img/breadcrumbImage.png') 0% 0px no-repeat;}
.menuClass2 .right{position:absolute; top:0px; right:0px; width:10px; height:30px; display:block; z-index:1; background:url('../img/breadcrumbImage.png') 100% -90px no-repeat; }
|
Просто измените значения свойств по Вашему усмотрению и получите второй стиль для Вашего меню. А в HTML просто создадите второе меню с новым стилем:
<div class="menuClass2">
<span class="left"></span>
<ul>
<li><a href="#"><span>Home</span></a></li>
<li><a href="#"><span>Products</span></a></li>
<li><a href="#" class="active"><span>Menus</span></a></li>
</ul>
<span class="right"></span>
</div>
|
| |
| |
|
|
| |
|
|
| |
для: Nytrogen
(17.10.2008 в 14:54)
| | | Спс огромное я просто вообще новичок и ничего в этом практически не понимаю. | |
| |
|
|
