Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / (XHTML 1.0 Transitional, CSS) меню, отступы ссылки внутри блока / 6 сообщений из 6, страница 1 из 1
22.10.2009, 08:32
    #36265860
однобитный
однобитный
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
(XHTML 1.0 Transitional, CSS) меню, отступы ссылки внутри блока
всем привет!

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

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:48
    #36265878
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
(XHTML 1.0 Transitional, CSS) меню, отступы ссылки внутри блока
однобитныйкак сделать отступы внутри блока

А сам пишешь

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


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

А сам пишешь

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


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

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

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

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

Сделай

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

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

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


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