Проблем с меню

webdeveloper

Registered
Здравейте, имам следното меню:

Код:
.navbar {
font-family: Arial, Verdana, Helvetica, sans-serif;
margin: 0 auto;
height: 30px;
background: url(../img/navsadf.gif) 0 0 repeat-x;
font-weight: bold;
font-size: 13px;
color: #F5F5F5;
border: 1px solid #000;
}

.navbar ul {
	margin: 0 0px;
	padding: 0;
	float: left;
}

.navbar li {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: 27px;
	float: left;
}

.navbar ul li a:link, .navbar ul li a:active, .navbar ul li a:visited {
display: block;
padding-left: 20px;
padding-right: 21px;
height: 31px;
line-height: 31px;
color: #F5F5F5;
text-decoration: none;
float: left;
}

.navbar ul li a:hover {
text-decoration: none;
background: url(../img/mfsov.png) 0 100% repeat-x;
border-bottom: 0;
}

Ето и снимка:
c2aba73125b938ef.PNG


Проблема ми е, че в края на менюто от дясната страна остава едно синьо пространство, което трябва да е оранжево при hover. Как ли не го мъчих да го оправя, все не става... Имате ли идеи?
 
Ами пробвай да добавиш 1-2 пъти   към бутона класации. Да стане нещо от сорта на Класации   или Класации     . Просто самото място остава тъй като думата ти Класации не увеличава достатъчно hover елемента.
 
От ляво не е така, а с   не става, защото под mozilla ще го оправя, но под chrome и opera Класацията ще отиде на долния ред...
 
от html-a е проблема, защото менюто ти е в таблица на която си задал дължида 100% и съответно то се разтяга максимум на мястото, където си го сложил. пробвай да му зададеш някаква точна дължина
 
Fakeheal каза:
Дай си и HTML-a :)

Код:
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<div class="navbar">
<ul><div align="center">
<li><a href="/index.php" title="Начало на сайта">Начало</a></li>
<li><a href="/forum" title="Форум на сайта">Форум</a></li>
<li><a href="songs.html" title="Песни">Музика</a></li>
<li><a href="video.html" title="Клипове">Клипове</a></li>
<li><a href="lyrics.html" title="Текстове">Текстове</a></li>
<li><a href="albums.html" title="Албуми">Албуми</a></li>
<li><a href="biography.html" title="Биографии">Биографии</a></li>
<li><a href="vicove.html" title="Скъсай се от смях">Вицове</a></li>
<li><a href="queries.html" title="Заявки">Заявки</a></li>
<li><a href="ranking.html" title="Класация на потребителите">Класация</a></li>
</div></ul>
</div>
</table>

dELux_nike каза:
от html-a е проблема, защото менюто ти е в таблица на която си задал дължида 100% и съответно то се разтяга максимум на мястото, където си го сложил. пробвай да му зададеш някаква точна дължина

Това width="100%" и с него и без него пак си е същата работа.
 
dELux_nike каза:
от html-a е проблема, защото менюто ти е в таблица на която си задал дължида 100% и съответно то се разтяга максимум на мястото, където си го сложил. пробвай да му зададеш някаква точна дължина

Това width="100%" и с него и без него пак си е същата работа.[/quote]

Ами пробвай да зададеш дължината в пиксели. Например: 845px или 846px ще вървят добре за менюто, което си дал :)
 
Fakeheal каза:
dELux_nike каза:
от html-a е проблема, защото менюто ти е в таблица на която си задал дължида 100% и съответно то се разтяга максимум на мястото, където си го сложил. пробвай да му зададеш някаква точна дължина

Това width="100%" и с него и без него пак си е същата работа.

Ами пробвай да зададеш дължината в пиксели. Например: 845px или 846px ще вървят добре за менюто, което си дал :)

Няма разлика, ако ще и 10px да му сложа.
 
dELux_nike каза:
пробвай да му зададеш дължина от css-a

Но така се скъсява дължината на самото меню....
Скъсих менюто и го оправих за mozilla, chrome и opera, но под safari си седи пак така това в края... IE съм го отписал и въобще не се занимавам с него, балъците дето го ползват да влизат в други сайтове.
 
Как мога да го центрирам това меню? Искам самите линкове да се центрират. Пробвах какви ли не начини, неще и неще...
 
Все трябва да има начин да се оправи това... Не може така, ако си с друг бразер се прецаква, ако си с уиндоус и неговия шрифт пак се сбозява..
 

Back
Горе