ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / (XHTML 1.0 Transitional, CSS) меню, отступы ссылки внутри блока
6 сообщений из 6, страница 1 из 1
(XHTML 1.0 Transitional, CSS) меню, отступы ссылки внутри блока
    #36265860
однобитный
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
однобитный
Участник
всем привет!

как сделать отступы внутри блока, как-бы вокруг текстовых ссылок (чтобы ссылки не прижимались к верху)? (при наведении меняется фоновая картинка)

CSS
Код: plaintext
1.
2.
3.
4.
5.
#menu {height:35px;margin: 0 ;}
#menu ul {border: 0 ;padding: 0 ;margin: 0 ;list-style-type:none;text-align: center;}
#menu ul li {padding: 0 ;width:130px;float:left;}
#menu ul li a {background:url("./designimages/menu-li-bg.png");background-position: 0   0 ;background-repeat:no-repeat;display:block;text-decoration:none;font-weight:bold;text-align:center;height:35px;padding: 0 ;margin: 0 ;}
#menu ul li a:hover {background:url("./designimages/menu-li-hover-bg.png");background-position: 0   0 ;background-repeat:no-repeat;}

HTML
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
<div id="menu">

<ul>
<li><a href="">ссылка  1 </a></li>
<li><a href="">ссылка  2 </a></li>
<li><a href="">ссылка  3 </a></li>
<li><a href="">ссылка  4 </a></li>
</ul>

</div>
...
Рейтинг: 0 / 0
22.10.2009, 08:32
| Ответить | Цитировать | Написать  
(XHTML 1.0 Transitional, CSS) меню, отступы ссылки внутри блока
    #36265878
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
однобитныйкак сделать отступы внутри блока

А сам пишешь

однобитный
Код: plaintext
1.
#menu ul {margin: 0 ;}


или тебе какие-то особенные отступы нужны? На картинке можешь как-то показать что тебе хочется сделать?
...
Рейтинг: 0 / 0
22.10.2009, 08:48
| Ответить | Цитировать | Написать  
(XHTML 1.0 Transitional, CSS) меню, отступы ссылки внутри блока
    #36265939
однобитный
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
однобитный
Участник
krvsaоднобитныйкак сделать отступы внутри блока

А сам пишешь

однобитный
Код: plaintext
1.
#menu ul {margin: 0 ;}


так вся менюшка сместится...

или тебе какие-то особенные отступы нужны? На картинке можешь как-то показать что тебе хочется сделать?

расстояние во вложении на картинке
...
Рейтинг: 0 / 0
22.10.2009, 09:14
| Ответить | Цитировать | Написать  
(XHTML 1.0 Transitional, CSS) меню, отступы ссылки внутри блока
    #36266028
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
однобитный , тогда почему?

Код: plaintext
#menu ul li {padding: 0 ;}

Сделай

Код: plaintext
padding-top: <скока_нужно>px;
...
Рейтинг: 0 / 0
22.10.2009, 09:57
| Ответить | Цитировать | Написать  
(XHTML 1.0 Transitional, CSS) меню, отступы ссылки внутри блока
    #36266057
однобитный
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
однобитный
Участник
krvsa,

Код: plaintext
1.
2.
#menu ul li a {background:url("./designimages/menu-li-bg.png");background-position: 0   0 ;background-repeat:no-repeat;display:block;text-decoration:none;font-weight:bold;text-align:center;height:35px;padding: 0 ;margin: 0 ;}
#menu ul li a:hover {background:url("./designimages/menu-li-hover-bg.png");background-position: 0   0 ;background-repeat:no-repeat;}

т.е. тут фоновые картинки относятся к ссылкам, т.е. если я добалю вместо
Код: plaintext
1.
#menu ul li {padding: 0 ;}
это
Код: plaintext
1.
#menu ul li {padding-top: 7px;}
эффекта не должно быть, т.к. сдвинутся куски списка li, а фоновое изображение относительно ссылок тега "a" останется неизменным... т.е. видимое расстояние между ссылкой и верхней границы фонового рисунка не изменится... или я туплю...
...
Рейтинг: 0 / 0
22.10.2009, 10:07
| Ответить | Цитировать | Написать  
(XHTML 1.0 Transitional, CSS) меню, отступы ссылки внутри блока
    #36266160
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
однобитныйтут фоновые картинки относятся к ссылкам

Ну да... Что-то я не ожидал такого подхода... Но тогда все равно почему?

Код: plaintext
1.
2.
3.
4.
#menu ul li a {
   padding: 0 ;
   /* ведь есть */
   display:block;
}
...
Рейтинг: 0 / 0
22.10.2009, 10:36
| Ответить | Цитировать | Написать  
6 сообщений из 6, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / (XHTML 1.0 Transitional, CSS) меню, отступы ссылки внутри блока
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&tid=1454098]:
 0ms
get settings:
 10ms
get forum list:
 20ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 168ms
get topic data:
 10ms
get forum data:
 3ms
get page messages:
 49ms
get tp. blocked users:
 1ms
others: 282ms
total:  549ms
созд. / загр.: 549ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]