| Предыдущая тема :: Следующая тема |
| Автор |
Сообщение |
smashercosmo
Зарегистрирован: 03.07.2008
Сообщения: 2
|
 Добавлено: Чт Июл 03 2008 10:09 Заголовок сообщения: Лишние отступы в горизонтальном списке. |
 |
|
Господа, подскажите пожалуйста, есть следующий простой код:
| Код: | <ul class="main_menu">
<li><a href="index.php"><span>О компании</span></a></li>
<li><a href="products.php"><span>Продукция</span></a></li>
<li><a href="price.php"><span>Цены</span></a></li>
<li><a href="tech.php"><span>Тех. каталог</span></a></li>
<li><a href="service.php"><span>Сервис</span></a></li>
<li><a href="contacts.php"><span>Контакты</span></a></li>
</ul> |
и CSS к нему:
| Код: | .main_menu {
list-style:none;
border:none;
display:inline;
}
.main_menu li {
display:inline;
text-align:center;
margin:0px;
border-left:#7299b5 solid 1px;
}
.main_menu li a {
color:#fff;
text-decoration:none;
font-size:12px;
margin:0px;
}
.main_menu li span {
margin:0px 4% 0px 4%;
}
.main_menu li a:hover {
background-color:#2b9cc8;
} |
Итак внимание вопрос: откуда появляются отсупы перед левой границей ссылки?
Как всё это выглядит, показано на картинке 
Заранее спасибо. |
|
| Вернуться к началу |
|
 |
Alex131
Зарегистрирован: 05.07.2008
Сообщения: 4
|
| Добавлено: Сб Июл 05 2008 13:03 Заголовок сообщения: |
|
|
ВОзможно просиходит унаследование "классов" <ul>, в котором перед каждым пунктом ставиться знак. В каких браузерах тестировал? Оформить таблицей не пробовал?
_________________
http://vladwebstudio.ru/ |
|
| Вернуться к началу |
|
|
C37
Зарегистрирован: 09.03.2005
Сообщения: 311
|
| Добавлено: Сб Июл 05 2008 18:32 Заголовок сообщения: |
|
|
| Отступ, действительно, из-за места для маркера списка. Начните с упрощения как HTML, так и CSS: список здесь ни к чему (замените на <div>), как и <span>, а в CSS достаточно main_menu, main_menu a, и main_menu a:hover. |
|
| Вернуться к началу |
|
|
smashercosmo
Зарегистрирован: 03.07.2008
Сообщения: 2
|
| Добавлено: Вт Июл 08 2008 11:34 Заголовок сообщения: |
|
|
| Господа, всем спасибо, но решение уже найдено. Оказалось, что код нужно было просто записать в одну строку. Отступы появлялись из-за символа переноса строки в самом коде. |
|
| Вернуться к началу |
|
|
|
FAQ 
Поиск 
Пользователи 
Группы
Регистрация
Профиль 
Войти и проверить личные сообщения 
Вход 
