Корекцыя меню сайта - Форум
Страница 1 из 11
Форум » Форум веб мастеров » html & css » Корекцыя меню сайта
Корекцыя меню сайта

neok
Пользователи
Сообщений 25
+
+31
-
Ваши награды 0
neok написал: В ответ пользователя neok Написано 29 Октября 2014 в 22:16
Сообщение № 1
Добрый вечер, меня интересует воарос как меню розбить на 2 или 3 части при выпадении?
На данный момент сейчас так 



хочу сделать что бы было:



Код меню:

Код
<div id="headmenu" class="headmenu">  
     

     
<li><a href="$HOME_PAGE_LINK$">Главная страница</a></li>  

     
<li><a href="#">Жанры</a>  
<ul>  
<li><a class="Smenu_link sm_video" href="/board/klipy/pop/76" title="Поп" alt="Поп">Рop</a></li>  
<li><a class="Smenu_link sm_video" href="/board/77" title="Танцевальные" alt="Танцевальные">Dance</a></li>  
<li><a class="Smenu_link sm_video" href="/board/78" title="Хаус" alt="Хаус">House</a></li>  
<li><a class="Smenu_link sm_video" href="/board/79" title="Транс" alt="Транс">Trance</a></li>  
<li><a class="Smenu_link sm_video" href="/board/80" title="Progressive" alt="Progressive">Progressive</a></li>  
<li><a class="Smenu_link sm_video" href="/board/81" title="Hardstyle" alt="Hardstyle">Hardstyle</a></li>  
<li><a class="Smenu_link sm_video" href="/board/82" title="DubStep" alt="DubStep">DubStep</a></li>  
<li><a class="Smenu_link sm_video" href="/board/94" title="SoundTrack" alt="SoundTrack">SoundTrack</a></li>  
<li><a class="Smenu_link sm_video" href="/board/95" title="80*s" alt="80*s">80*s</a></li>  
<li><a href="/board/klipy/90_e/96" title="90-e" alt="90-e">90-e</a></li>  
<li><a href="/board/97" title="Relax (Chill Out)" alt="Relax (Chill Out)">Relax (Chill Out)</a></li>  
   <li><a class="Smenu_link sm_video" href="/board/75" title="Live" alt="Live">Live</a></li>  
     
   <li><a href="/board/83" title="R&B" alt="R&B">R&B</a></li>  
<li><a href="/board/84" title="Rap" alt="Rap">Rap</a></li>  
<li><a href="/board/85" title="Hip-Hop" alt="Hip-Hop">Hip-Hop</a></li>  
<li><a href="/board/86" title="Rock" alt="Rock">Rock</a></li>  
<li><a href="/board/87" title="Punk-Rock" alt="Punk-Rock">Punk-Rock</a></li>  
<li><a href="/board/88" title="Club" alt="Club">Club</a></li>  
<li><a href="/board/89" title="Drumm&Bass" alt="Drumm&Bass">Drumm&Bass</a></li>  
<li><a href="/board/90" title="Electronica" alt="Electronica">Electronica</a></li>  
<li><a href="/blog/" title="Караоке" alt="Караоке">Караоке</a></li>  
<li><a href="/board/91" title="Techno" alt="Techno">Techno</a></li>  
<li><a href="/blog/" title="Alternative" alt="Alternative">Alternative</a></li>  
<li><a href="/board/92" title="Chanson" alt="Chanson">Chanson</a></li>  
</ul>  
</li>  

   <li><a href="/blog">Фотоальбом</a></li>  
   <li><a href="/forum">Форум</a></li>  
<li><a href="/board/0-0-0-0-1">Добавить клип</a></li>  
</div>


ксс меню:


Код
#headmenu {  
background:#81b752;  
width:1070px;  
height:70px;  
display:table;  
margin:auto;  
}  

#headmenu a {  
text-decoration:none;  
text-transform:uppercase;  
border: 0;  
float: left;  
color: #fff;  
line-height:70px;  
padding-left:35px;  
padding-right:35px;  
border-right:1px solid #90c067;  
list-style: none;  
-webkit-transition: all 0.3s ease;  
-o-transition: all 0.3s ease;  
-moz-transition: all 0.3s ease;  
}  

#headmenu a:hover {  
background:#73a845;  
text-decoration:none;  
}  

#headmenu > li:hover {  
text-decoration:none;  
background:#73a845;  
}  

#headmenu li:hover ul {  
display:block;  
float:none;  
}  

#headmenu li ul {  
position: absolute;  
display: none;  
margin-top: 70px;  
list-style: none;  
float:none;  
z-index: 1000;  
}  

#headmenu ul {  
background:#73a845;  
list-style: none;  
margin: 0;  
padding: 0;  
float:none;  
}  

#headmenu ul li a {  
text-transform:none;  
text-decoration:none;  
border: 0;  
float:none;  
padding-left: 35px;  
line-height:50px;  
border-top:1px solid #81b752;  
color: #fff;  
display:block;  
text-shadow:none;  
width:220px;  
}  

#headmenu ul li a:hover {  
background:#81b752;  
}  

#headmenu > li {  
float:left;  
}  

.headmenu {  
margin: 0;  
padding:0;  
}  

.headmenu li {  
list-style: none;  
float:none;  
}
«Пред. тема След. тема»

Вовчик
Администратор
Сообщений 8682
+
+2355
-
Ваши награды 314
Вовчик написал: В ответ пользователя Вовчик Написано 30 Октября 2014 в 14:31
Сообщение № 2
вот так?



помогу за 50р
подпись: Если я помог тебе, помоги и ты мне Мой WMR --> R250600748056
p.s. это лучшее выражение благодарности))
Вовчик

Вовчик
Администратор
Сообщений 8682
+
+2355
-
Ваши награды 314
Вовчик написал: В ответ пользователя Вовчик Написано 30 Октября 2014 в 14:36
Сообщение № 3
подпись: Если я помог тебе, помоги и ты мне Мой WMR --> R250600748056
p.s. это лучшее выражение благодарности))
Вовчик

neok
Пользователи
Сообщений 25
+
+31
-
Ваши награды 0
neok написал: В ответ пользователя neok Написано 30 Октября 2014 в 16:47
Сообщение № 4
Вовчик, что бы жанры поделились на 3,4 или 5 колонок а не сплошная 1 на доль экрана

Добавлено (30.10.2014, 16:47)
---------------------------------------------

Цитата вот так?

;
undefined


da

Вовчик
Администратор
Сообщений 8682
+
+2355
-
Ваши награды 314
Вовчик написал: В ответ пользователя Вовчик Написано 30 Октября 2014 в 23:20
Сообщение № 5
neok,
Цитата Вовчик
помогу за 50р;
подпись: Если я помог тебе, помоги и ты мне Мой WMR --> R250600748056
p.s. это лучшее выражение благодарности))
Вовчик

neok
Пользователи
Сообщений 25
+
+31
-
Ваши награды 0
neok написал: В ответ пользователя neok Написано 01 Ноября 2014 в 19:49
Сообщение № 6
Вовчик, сори сейчас на мели, положение не очень у нас обращусь позже. Вовчик, Ты шаблоны перерисовуешь? Если да какая стоемость твоей работы?

Вовчик
Администратор
Сообщений 8682
+
+2355
-
Ваши награды 314
Вовчик написал: В ответ пользователя Вовчик Написано 02 Ноября 2014 в 02:34
Сообщение № 7
neok, что надо перерисовать?
подпись: Если я помог тебе, помоги и ты мне Мой WMR --> R250600748056
p.s. это лучшее выражение благодарности))
Вовчик
Форум » Форум веб мастеров » html & css » Корекцыя меню сайта
Страница 1 из 11
Поиск:
Топ пользователей: