Проблемы с моим чётким меню

B

42

brokkoli

23 января 2012, 08:19

568

Добрый день уважаемые вебмастера!

Меню сделано при помощи тега <li> вот так оно выглядит:

Uploaded with ImageShack.us" />

Почему то между кнопками отступы... В css нет ни одного значенияотступа,вот как там все выглядит:

#menu {

	height:26px;

	background-image:url(/images/vse/menu.jpg);

	margin-top:13px;

}





#menu ul {

	padding-top:0px;

	

}



#menu li {

	display:inline-block;

        width:100px;

        height:24px;

        background: url(/images/vse/button.png) no-repeat;

	font-family: Verdana, Arial, Helvetica, sans-serif; 

        font-size: 10pt; /* Размер шрифта в пунктах */ 

	font-variant:small-caps;

        text-align:center;

	margin-right:0px;

	margin-left:0px;

	padding-left:0px;

	

	}

#menu li a,

#menu li a:visited{

    text-decoration:none;

&nbsp;&nbsp;&nbsp;&nbsp;display: block;

&nbsp;&nbsp;&nbsp;&nbsp;height: 24px;

&nbsp;&nbsp;&nbsp;&nbsp;background: url(/images/vse/button.png) no-repeat;

}





#menu li a:hover {

text-shadow: black 1px 1px 1px;

	

background: url(/images/vse/button.png) 0 -24px no-repeat;

}

Где я мог ошибиться?

60

Coolmac

23 января 2012, 08:52

#1

brokkoli:

    display: block;
    height: 24px;
    background: url(/images/vse/button.png) no-repeat;

Это вообще что такое?:)

Попробуйте убрать background у li или у a.

Доступные vps/ds с грамотной тех. поддержкой (https://my.friendhosting.net/pl.php?11304)

168

dma84

23 января 2012, 09:07

#2

Дело в inline-block, чтобы не было отступов между inline-block элементами, нужно родительскому тегу ставить стиль font-size:0

1

B

42

brokkoli

24 января 2012, 06:31

#3

dma84:
Дело в inline-block, чтобы не было отступов между inline-block элементами, нужно родительскому тегу ставить стиль font-size:0

Ставил свойство в header, в menu ul и во все остальные, но не помогает. Почему может не работать?

---------- Добавлено 24.01.2012 в 10:36 ----------

Не-не,пошла тема!

---------- Добавлено 24.01.2012 в 10:43 ----------

Вопрос только как выровнять пункты меню относительно фона по центру?

Дата-центр Яндекса взгляд изнутри 22 сентября система AdWords Акции Facebook взлетели в

Z2

84

zek24

24 января 2012, 06:46

#4

попробуйте для menu {margin: 0 auto}

B

42

brokkoli

24 января 2012, 11:52

#5

zek24:
попробуйте для menu {margin: 0 auto}

Чего то не прокатило=( Посмотреть можно тут: http://stellaji-pro.ru

M8

58

mdrive84

24 января 2012, 13:09

#6

brokkoli:
Чего то не прокатило=( Посмотреть можно тут: http://stellaji-pro.ru

Попробуйте так:

#menu {

height:26px;

background-image:url(/images/vse/menu.jpg);

margin-top:13px;

overflow:hidden;

position:relative;

}





#menu ul {

padding-top:0px;

font-size:0;

position:relative;

left:50%; 

clear:left;

float:left;

}



#menu li {

display:inline-block;

width:100px;

height:24px;

background: url(/images/vse/button.png) no-repeat;

font-family: Verdana, Arial, Helvetica, sans-serif; 

font-size: 10pt; /* Размер шрифта в пунктах */ 

font-variant:small-caps;

text-align:center;

position:relative;

right:50%;

}



#menu li a,

#menu li a:visited{

text-decoration:none;

display: block;

height: 24px;

background: url(/images/vse/button.png) no-repeat;

}





#menu li a:hover {

text-shadow: black 1px 1px 1px;

	

background: url(/images/vse/button.png) 0 -24px no-repeat;

}

B

42

brokkoli

25 января 2012, 11:41

#7

Не помогает, может это какое то магическое меню?

M8

58

mdrive84

25 января 2012, 11:49

#8

brokkoli:
Не помогает, может это какое то магическое меню?

Вижу, все получилось 🍾

В 2023 году 36,9% всех DDoS-атак пришлось на сферу финансов

Маркетинг для шоколадной фабрики. На 34% выше средний чек