junglecity
-
Posts
9 -
Joined
-
Last visited
junglecity's Achievements
Explorer (1/14)
0
Reputation
-
Посмотрите http://junglecity.ru/newshop/ В опере и мозилле все в порядке. ИЕ видимо по своему трактует width самого меню. Поэтому все выходит больше 850px. Как с этим бороться? <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>index</title> <style type="text/css"> BODY { text-align: center; margin-top: 20px; } #page { width: 850px; margin-right: auto; margin-left: auto; } #logo { text-align:left; margin-bottom: 20px; } #punkt { width: 834px; height: 41px; background: #009900; line-height:41px; } #punkt ul { display: inline; } #punkt ul li { padding: 3px 20px; border-left: 1px solid #FFF; list-style: none; display: inline; } #punkt ul li A { font-family: Arial; text-decoration: none; color: #FFFFFF; font-size: 14pt; } .left { float:left; } #punkt ul li.first { border-left: none; } </style> </head> <body> <div id="page"> <div id="logo"> <img src="theme/logo.png"> </div> <div class="left"> <img src="theme/left.png"> </div> <div id="punkt" class="left"> <ul> <li class="first"><a href="about.php">О нас</a></li> <li><a href="about.php">Контакты</a></li> <li><a href="about.php">Доставка</a></li> <li><a href="about.php">FAQ</a></li> <li><a href="about.php">Корзина</a></li> <li><a href="about.php">Вход/Регистрация</a></li> </ul> </div> <div> <img src="theme/right.png"> </div> </div> </body> </html>
-
Спасибо! Работает. А почему в IE сползает меню вниз?
-
Народ, ну может поможет кто с верхним меню? Я уже все перепробывал. Только хуже получается.
-
как избавиться от такого прилипания?
-
К тому же в Опере список прилипает к верхней границе, в Мозилле к нижней в ИЕ правый зеленый набалдашник отваливается вниз
-
Покажите нам Ваши пробы пера и расскажите что конкретно не получается. Поможем. Более менее разобрался. Яндекс помог. Вот что вышло пока: http://junglecity.ru/newshop/ Один вопрос: как спозиционировать список по центру? <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>index</title> <style type="text/css"> BODY { text-align: center; margin-top: 20px; } #page { width: 850px; margin-right: auto; margin-left: auto; } #logo { text-align:left; margin-bottom: 20px; } #punkt { width: 834px; height: 41px; background: #009900; } #punkt ul { display: inline; } #punkt ul li { padding: 3px 20px; border-left: 1px solid #FFF; list-style: none; display: inline; } #punkt ul li A { font-family: Arial; text-decoration: none; color: #FFFFFF; font-size: 14pt; } .left { float:left; } #punkt ul li.first { border-left: none; } </style> </head> <body> <div id="page"> <div id="logo"> <img src="theme/logo.png"> </div> <div class="left"> <img src="theme/left.png"> </div> <div id="punkt" class="left"> <ul> <li class="first"><a href="about.php">О нас</a></li> <li><a href="about.php">Контакты</a></li> <li><a href="about.php">Доставка</a></li> <li><a href="about.php">FAQ</a></li> <li><a href="about.php">Корзина</a></li> <li><a href="about.php">Вход/Регистрация</a></li> </ul> </div> <div> <img src="theme/right.png"> </div> </div> </body> </html>
-
почему именно список, я уже вторые сутки бьюсь и он кривой постоянно выходит. можете расписать на примере верхнего меню?
-
А можно поподробнее?
-
Вот макет: http://junglecity.ru/upload/versefour.jpg Сверстать таблицами могу. А с дивами проблема. Не разу до этого не верстал, хочу научиться. Как сделать верхнее синее меню? Подскажите, пожалуйста.