Помощник
|
Меню с вкладками |
DIVIZO
|
Сообщение
#1
|
||
|
|
||
|
|||
DIVIZO
|
Сообщение
#2
|
|
Код:
--------------------------- <div id="footer"> <div class="footerWrap"> <div class="btmNav"> <div class="bookmarkWhite" onMouseOver="this.className='bookmarkActiv'" onMouseOut="this.className='bookmarkWhite'"> <a href="#" >Семинары</a></div> <div class="bookmarkWhite" onMouseOver="this.className='bookmarkActiv'" onMouseOut="this.className='bookmarkWhite'"> <a href="#">Видеокурсы</a></div> <div class="bookmarkWhite" onMouseOver="this.className='bookmarkActiv'" onMouseOut="this.className='bookmarkWhite'"> <a href="#">Деловые игры</a></div> <div class="bookmarkSpase"></div> <div class="bookmarkPoint" onMouseOver="this.className='bookmarkActiv'" onMouseOut="this.className='bookmarkPoint'"> <a href="#">Видео</a></div> <div class="bookmarkWhite" onMouseOver="this.className='bookmarkActiv'" onMouseOut="this.className='bookmarkWhite'"> <a href="#">Книги</a></div> <div class="bookmarkWhite" onMouseOver="this.className='bookmarkActiv'" onMouseOut="this.className='bookmarkWhite'"> <a href="#">Заказы</a></div> </div><!--end btmNav--> <div class="directory"> <table class="footTextBlok" width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td><h3><a href="#">Акционеры и совет директоров</a></h3></td> <td><h3><a href="#">Акционеры и совет директоров</a></h3></td> <td><h3><a href="#">Акционеры и совет директоров</a></h3></td> <td><h3><a href="#">Акционеры и совет директоров</a></h3></td> <td><h3><a href="#">Акционеры и совет директоров</a></h3></td> </tr> <tr class="footText"> <td class="pading">Семинары, рассчитанные на наемных менеджеров и совладельцев участвую- щих в управлении компанией.</td> <td class="pading">Семинары, рассчитанные на наемных менеджеров и совладельцев участвую- щих в управлении компанией. Основное направление повышение эффективности достижения поставленных целей.</td> <td class="pading">Семинары, рассчитанные на наемных менеджеров и совладельцев участвую- щих в управлении компанией. Основное направление повышение эффективности.</td> <td class="pading">Семинары, рассчитанные на наемных менеджеров и совладельцев участвую- щих в управлении компанией. Основное направление повышение эффективности достижения поставленных целей.</td> <td class="pading">Семинары, рассчитанные на наемных менеджеров и совладельцев участвую- щих в управлении компанией.</td> </tr> <tr> <td><a href="#">Подробней</a></td> <td><a href="#">Подробней</a></td> <td><a href="#">Подробней</a></td> <td><a href="#">Подробней</a></td> <td><a href="#">Подробней</a></td> </tr> </table> СSS: ------------------------------- #footer{ clear:left; width:100%; background:url(../images/footerBg.jpg) repeat-x; } .footerWrap{ width:1000px; margin:0 auto; } .btmNav{ height:44px; position:relative; top:7px; } .bookmarkActiv{ float:left; background:url(../images/1.jpg) no-repeat; width:116px; height:37px; } .bookmarkActiv a{ margin:13px 0 0 15px; color:#FFF; font-size:14px; display:block; } .bookmarkWhite{ float:left; background:url(../images/2.jpg) no-repeat; width:116px; height:37px; } .bookmarkWhite a{ margin:13px 0 0 10px; color:#333; font-size:14px; display:block; } .bookmarkSpase{ float:left; background: url(../images/bookmarkSpase.gif) no-repeat; width:259px; height:42px; position:relative; top:-8px; margin-left:26px; } .bookmarkPoint{ float:left; background: url(../images/bookmarkPoint.jpg) no-repeat; width:125px; height:44px; position:relative; top:-7px; } .bookmarkPoint a{ margin:20px 0 0 25px; color:#333; font-size:14px; display:block; } .directory{ clear:both; height:150px; background-color:#636468; color:#ccc; } Впредь советую все большие коды указывать в соответствующих тегах. Licoric |
|
|
zver0555 |
27.2.2010, 3:22;
Ответить: zver0555
Сообщение
#3
|
|
|
Слушайте я чтот тут не понял можно по подробней как это сделать???
|
|
|
||
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
Перенести меню | 1 | Викторио_mw | 1452 | 28.8.2018, 0:10 автор: TimurR |
|
Необходимо разрезать и установить Меню для группы ВКонтакте | 2 | boltuk | 3398 | 4.12.2017, 14:44 автор: tezoro |
|
Помогите с меню - переделать в выпадающее | 1 | lepota | 1128 | 4.12.2017, 13:29 автор: yury_mw |
|
Слайдер под меню | 0 | Olya_Poy | 4633 | 29.11.2017, 11:09 автор: -garmoni- |
|
На разных разрешениях меню выглядит по разному | 0 | SPiar | 4812 | 28.9.2017, 17:45 автор: -korotkov- |
Текстовая версия | Сейчас: 29.3.2024, 0:47 |