Горизонтальное меню (<UL>\<LI>) некорректно отоб @ DeForum.ru
DeДверь  
Логин:  
Пароль:  
  Автологин  
   
Разместить рекламу
Письмо админу
Правила | FAQ | *Поиск | Наша команда | Регистрация | Вход
 
 
 Страница 1 из 1 [ Сообщений: 6 ] 
*   Список форумов / Начинка и техника / Программирование для WWW » ответить » создать топик « | »
Автор Сообщение
nikku
новый человек
0
Сообщения: 6
Зарегистрирован: 12.09.07
Заголовок сообщения: Горизонтальное меню (<UL>\<LI>) некорректно отоб
Сообщение Добавлено: 12 Сентябрь 2007, 18:35:53 
Ситуация такая,
сайт почти готов. Заказчику потребовалось добавить новые разделы в меню. Меню расползлось (скрин прилагается). Переделывать код полностью не очень приятная перспектива. Есть ли возможность поправить вывод меню?
Кусок кода из CSS:

Цитата:
.MENU_main {
PADDING-LEFT: 200px; FONT-SIZE: 12px; FLOAT: left; COLOR: #ffffff; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: center
}
#MENU_main_knopki {
FLOAT: left; MARGIN-BOTTOM: 25px; WIDTH: 100%; COLOR: #ffffff; BACKGROUND-COLOR: #E67817
}
#MENU_main_knopki UL {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
#MENU_main_knopki LI {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 80%; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
#MENU_main_knopki LI A {
BORDER-RIGHT: #ffffff 1px solid; PADDING-RIGHT: 10px; DISPLAY: block; PADDING-LEFT: 10px; PADDING-BOTTOM: 3px; WIDTH: 110px; COLOR: #ffffff; PADDING-TOP: 3px; TEXT-ALIGN: center; TEXT-DECORATION: none
}
#MENU_main_knopki LI A:hover {
BACKGROUND-COLOR: #365069
}
#MENU_main_knopki LI A:visited {
COLOR: #dadce0
}
#MENU_main_knopki LI A:active {
COLOR: #6c7380; BACKGROUND-COLOR: #ffffff
}



Кусок в HTML:

Цитата:
<DIV id=MENU_main_knopki>
<UL>
<LI><A href="index.htm">Главная</A> </LI>
<LI><A href="about.htm">Компания</A> </LI>
<LI><A href="azs.htm">Строительство\Реконструкция АЗС</A> </LI>
<LI><A href="neftebaza.htm">Строительство\Реконструкция Нефтебаз</A> </LI>
<LI><A href="fasad.htm">Вентилируемые Фасады</A> </LI>
<LI><A href="metal.htm">Изготовление\Монтаж Металлоконструкций</A> </LI>
<LI><A href="electro.htm">Электромонтаж\Автоматизация Процессов</A> </LI>
<LI><A href="zak.htm">Наши Клиенты и<br>
Партнеры</A> </LI>
<LI><A href="license.htm">Лицензия</A> </LI>
<LI><A href="docs.htm">Документы и ГОСТы</A> </LI>
<LI><A href="contact.htm">Контактная Информация</A> </LI>
<LI><A href="send.php">Отправить <br>
Письмо</A> </LI>
</UL>
</DIV>



Вот что получается (скрин размещен на файловом сервере):
http://webfile.ru/download.php?id=1525175
bong13
соучастник
0
Сообщения: 806
Зарегистрирован: 21.12.04
Откуда: Moscow
Сообщение Добавлено: 13 Сентябрь 2007, 00:13:41 
Меню физически не влезает — что-же вы хотите.

Если любыми путями нужно в одну строку — выкиньте ширину.
Код:
WIDTH: 110px;
karamba Муж.
старожил
209
Сообщения: 6498
Зарегистрирован: 17.08.05
Откуда: Киев. А шо?
Сообщение Добавлено: 13 Сентябрь 2007, 10:08:57 
изначально выбрана неправильная предпосылка впихнуть объемистое меню в горизонталь, если имеет место вопрос горизонтального скрола страницы.
Ни указание, ни выбрасывание атрибута ширины не имеет знаечения, поскольку размер шрифта и размер пользовательского окна могут быть произвольными.

_________________
клетчатый!
nikku
новый человек
0
Сообщения: 6
Зарегистрирован: 12.09.07
Сообщение Добавлено: 13 Сентябрь 2007, 10:52:21 
спасибо за ответы. сидел всю ночь - разобрался как поприличнее сделать. просто сделал два отдельных горизонтальных меню, визуально второе выглядит как субменю. все получилось достаточно неплохо.

еще раз спасибо
karamba Муж.
старожил
209
Сообщения: 6498
Зарегистрирован: 17.08.05
Откуда: Киев. А шо?
Сообщение Добавлено: 13 Сентябрь 2007, 11:03:53 

nikku писал(а):
меню, визуально второе выглядит как субменю


т.е. смысл и структура принесены в жертву сомнительному решению :amazed: :dont:

_________________
клетчатый!
Kurilshik
Goldmember
142
Сообщения: 12797
Зарегистрирован: 18.10.04
Откуда: Кожаное кресло
Сообщение Добавлено: 13 Сентябрь 2007, 11:38:16 
nikku, это самое плохое решение, хуже наверное было только задать железную ширину на прокрутку :)
Вставьте сверху пару ссылок о компании, письмо а ниже уже меню вертикальное, или слова сократите

_________________

Портфолио - ЖЖ - Кулинарные рецепты - Блог о дизайне, уроки фотошоп

icq: 295346452 | Почта: info()alexey-popov.com

.
*   Список форумов / Начинка и техника / Программирование для WWW « | » » ответить » создать топик
 Страница 1 из 1 [ Сообщений: 6 ] 
Показать сообщения за:   Поле сортировки  
Найти:
Перейти:  
Уровень доступа: Вы не можете начинать темы. Вы не можете отвечать на сообщения. Вы не можете редактировать свои сообщения. Вы не можете удалять свои сообщения. Вы не можете добавлять вложения.
cron


ООО ДеФорум
При использовании материалов сайта ссылка на DeForum.ru — обязательна.
Проект Павла Батурина ©2001-2077; // Powered by phpBB © 2013 phpBB Group
Rambler's Top100