Помощник
 |
|
|
|
|
Сообщение сайта
|
 Элементы списка расположенные горизонтально |
se85
|
Сообщение
#1
|
||
 0  Группа: User Сообщений: 4 Регистрация: 1.9.2008 Поблагодарили: 0 раз Репутация:  0 
 |
|
||
 |
|
||
|
Exterior
|
 6.9.2008, 0:15;
Ответить: Exterior
Сообщение
#2
|
 0 Группа: User Сообщений: 1780 Регистрация: 15.11.2007 Поблагодарили: 0 раз Репутация: 0
|
se85,
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>horizontal menu</title> <style type="text/css"> <!-- .main_menu li { float: left; list-style: none; text-align: center; background: brown; } .main_menu li a { width: 100px; display: block; font-size: 12px; color: #fff; text-decoration: none; } .main_menu li a:hover { background-color: burlywood; } --> </style> </head> <body> <ul class="main_menu"> <li><a href="#">item #1</a></li> <li><a href="#">item #2</a></li> <li><a href="#">item #3</a></li> <li><a href="#">item #4</a></li> <li><a href="#">item #5</a></li> <li><a href="#">item #6</a></li> </ul> </body> </html> |
|
|
|
|
se85
|
Сообщение
#3
|
|
0 Группа: User Сообщений: 4 Регистрация: 1.9.2008 Поблагодарили: 0 раз Репутация: 0
|
Вот спасибо! Помогло )
Значит все дело как я понял в использовании float:left ? |
|
|
|
|
andreyBern
|
6.9.2008, 22:13;
Ответить: andreyBern
Сообщение
#4
|
|
0 Группа: User Сообщений: 16 Регистрация: 29.7.2008 Поблагодарили: 0 раз Репутация: 0
|
Да, все дело в использовании float:left, но чтобы не было дополнительных отступов в Opera и FF float:left лучше задавать и для <ul>, так же лучше задать для <ul> padding:0; и margin:0; чтобы избежать отступов списка по умолчанию
|
|
|
|
|
Exterior
|
6.9.2008, 23:01;
Ответить: Exterior
Сообщение
#5
|
|
|
0 Группа: User Сообщений: 1780 Регистрация: 15.11.2007 Поблагодарили: 0 раз Репутация: 0
|
обычно я все отступы для всех элементов убираю в самом начале верстки, дабы они в дальнейшем не "морозили" голову:
* { margin: 0px; padding: 0px; }
|
|
|
|
|
|
|
|
Похожие темы
| Тема | Ответов | Автор | Просмотров | Последний ответ | |
|---|---|---|---|---|---|
 |
 Изменить шаблон, сместить элементы bootstrap |
1 | Nemo | 3263 | 16.4.2018, 23:30 автор: gruz333 |
|
Вывод списка custom post types | 0 | Вячеслав | 1304 | 3.2.2016, 2:07 автор: Вячеслав |
|
Помогите! Я создал шаблон, но есть нежелательные элементы (есть фото) | 1 | DmitryPro | 3312 | 22.6.2014, 16:26 автор: -Colonizator- |
|
Как сделать отступ у списка | 3 | Gestein | 13840 | 6.6.2013, 21:16 автор: -kursant- |
|
Нужны отдельные элементы для сайта | 2 | Fabio1983 | 1543 | 30.5.2013, 18:48 автор: fikkti |
|
Текстовая версия | Сейчас: 20.4.2024, 18:42 |
