Как да махна • от менюто

[cold_zero]

Взех едно меню от уроците, но кажете как да махна • което седи отпред?

<style>
#vmenu {
width:174px;/* ширина на менюто в случая се съобразявам с картинката*/
padding-bottom:19px;/* паддинг отдолу за да се покажи долната част на менюто като бекраунд*/
}

сега трябва да добавим и стил към списъка UL
#vmenu ul{

}


#vmenu ul li{
border-bottom:solid 0px #999;/*Завадаме рамка отдолу на всеки елемент от списъка с ширина 1пиксел и сив свят*/
width:160px;/*всеки елемент да е с ширина 160 пиксела*/
}

#vmenu ul li a{
border-left:solid 3px #bac97f;/*задаваме рамка от 10 пиксела в ляво*/
display:block;/*Дисплей блок , за да имаме блокова структура на елементите*/
height:24px;/*Височина */
text-decoration:none;/*Премахваме подчертаването което е по подразбиране*/
color:#000;/*Бял свят на линковете*/

padding-left:10px;/*10пиксела падинг от ляво за да не са залепени в края линковете*/
line-height:22px;/*Височина между линниите 22пиксела , ползва се за да ги центрираме вертикално*/
}

#vmenu ul li a:hover{
border-left:0;/*При ховър премахваме рамката и на неино място слагаме 20пиксела падинг*/
padding-left:10px;/*падинг 20 пиксела*/
}
</style>
<div id="vmenu">
<ul>
<li><a href="#" onclick="showhide('script'); return(false);">Вход</a></lia>
<li><a href="register.php">Регистрирай се</a></li>
<li><a href="news.php">Новини</a></li>
<li><a href="./forum">Форум</a></li>
<li><a href="about_game.php">За играта</a></li>
<li><a href="stats.php">Статистика</a></li>
<li><a href="screenshots.php">Снимки</a></li>
</ul>
</div>

 

[deam0n]

#vmenu ul{
list-style-type:  none;
}

Като го добавиш тря да стане така:

<style>
#vmenu {
width:174px;/* ширина на менюто в случая се съобразявам с картинката*/
padding-bottom:19px;/* паддинг отдолу за да се покажи долната част на менюто като бекраунд*/
}

сега трябва да добавим и стил към списъка UL
#vmenu ul{
list-style-type:  none;
}


#vmenu ul li{
border-bottom:solid 0px #999;/*Завадаме рамка отдолу на всеки елемент от списъка с ширина 1пиксел и сив свят*/
width:160px;/*всеки елемент да е с ширина 160 пиксела*/
}

#vmenu ul li a{
border-left:solid 3px #bac97f;/*задаваме рамка от 10 пиксела в ляво*/
display:block;/*Дисплей блок , за да имаме блокова структура на елементите*/
height:24px;/*Височина */
text-decoration:none;/*Премахваме подчертаването което е по подразбиране*/
color:#000;/*Бял свят на линковете*/

padding-left:10px;/*10пиксела падинг от ляво за да не са залепени в края линковете*/
line-height:22px;/*Височина между линниите 22пиксела , ползва се за да ги центрираме вертикално*/
}

#vmenu ul li a:hover{
border-left:0;/*При ховър премахваме рамката и на неино място слагаме 20пиксела падинг*/
padding-left:10px;/*падинг 20 пиксела*/
}
</style>
<div id="vmenu">
<ul>
<li><a href="#" onclick="showhide('script'); return(false);">Вход</a></lia>
<li><a href="register.php">Регистрирай се</a></li>
<li><a href="news.php">Новини</a></li>
<li><a href="./forum">Форум</a></li>
<li><a href="about_game.php">За играта</a></li>
<li><a href="stats.php">Статистика</a></li>
<li><a href="screenshots.php">Снимки</a></li>
</ul>
</div>

 

[F1r3Fl3x]

Махни <li> или <ul> таговете. НЕ помня кое точно беше :?:

 

[Soul_Stealler]

<ul type="none">

<style>
#vmenu {
width:174px;/* ширина на менюто в случая се съобразявам с картинката*/
padding-bottom:19px;/* паддинг отдолу за да се покажи долната част на менюто като бекраунд*/
}

сега трябва да добавим и стил към списъка UL
#vmenu ul{

}


#vmenu ul li{
border-bottom:solid 0px #999;/*Завадаме рамка отдолу на всеки елемент от списъка с ширина 1пиксел и сив свят*/
width:160px;/*всеки елемент да е с ширина 160 пиксела*/
}

#vmenu ul li a{
border-left:solid 3px #bac97f;/*задаваме рамка от 10 пиксела в ляво*/
display:block;/*Дисплей блок , за да имаме блокова структура на елементите*/
height:24px;/*Височина */
text-decoration:none;/*Премахваме подчертаването което е по подразбиране*/
color:#000;/*Бял свят на линковете*/

padding-left:10px;/*10пиксела падинг от ляво за да не са залепени в края линковете*/
line-height:22px;/*Височина между линниите 22пиксела , ползва се за да ги центрираме вертикално*/
}

#vmenu ul li a:hover{
border-left:0;/*При ховър премахваме рамката и на неино място слагаме 20пиксела падинг*/
padding-left:10px;/*падинг 20 пиксела*/
}
</style>
<div id="vmenu">
<ul type="none">
<li><a href="#" onclick="showhide('script'); return(false);">Вход</a></lia>
<li><a href="register.php">Регистрирай се</a></li>
<li><a href="news.php">Новини</a></li>
<li><a href="./forum">Форум</a></li>
<li><a href="about_game.php">За играта</a></li>
<li><a href="stats.php">Статистика</a></li>
<li><a href="screenshots.php">Снимки</a></li>
</ul>
</div>

:roll:

 

[animatora]

<style>
#vmenu {
width:174px;/* ширина на менюто в случая се съобразявам с картинката*/
padding-bottom:19px;/* паддинг отдолу за да се покажи долната част на менюто като бекраунд*/
}

сега трябва да добавим и стил към списъка UL
#vmenu ul{

}


#vmenu ul li{
border-bottom:solid 0px #999;/*Завадаме рамка отдолу на всеки елемент от списъка с ширина 1пиксел и сив свят*/
width:160px;/*всеки елемент да е с ширина 160 пиксела*/
}

#vmenu ul li a{
border-left:solid 3px #bac97f;/*задаваме рамка от 10 пиксела в ляво*/
display:block;/*Дисплей блок , за да имаме блокова структура на елементите*/
height:24px;/*Височина */
text-decoration:none;/*Премахваме подчертаването което е по подразбиране*/
color:#000;/*Бял свят на линковете*/

padding-left:10px;/*10пиксела падинг от ляво за да не са залепени в края линковете*/
line-height:22px;/*Височина между линниите 22пиксела , ползва се за да ги центрираме вертикално*/
}

#vmenu ul li a:hover{
border-left:0;/*При ховър премахваме рамката и на неино място слагаме 20пиксела падинг*/
padding-left:10px;/*падинг 20 пиксела*/
}
</style>
<div id="vmenu">
<ul type="none">
<li><a href="#" onclick="showhide('script'); return(false);">Вход</a></lia>
<li><a href="register.php">Регистрирай се</a></li>
<li><a href="news.php">Новини</a></li>
<li><a href="./forum">Форум</a></li>
<li><a href="about_game.php">За играта</a></li>
<li><a href="stats.php">Статистика</a></li>
<li><a href="screenshots.php">Снимки</a></li>
</ul>
</div>

 

[cold_zero]

Амии Soul_Stealler оправи се с твоя код но под IE си седи •

 

[cold_zero]

Пробвах всички кодове които дадохте, но под IE си седи •

 

[animatora]

<style>
#vmenu {
width:174px;/* ширина на менюто в случая се съобразявам с картинката*/
padding-bottom:19px;/* паддинг отдолу за да се покажи долната част на менюто като бекраунд*/
}

сега трябва да добавим и стил към списъка UL
#vmenu ul{
text-decoration:none;/*Премахваме подчертаването което е по подразбиране*/
list-style-type:  none; 
}


#vmenu ul li{
border-bottom:solid 0px #999;/*Завадаме рамка отдолу на всеки елемент от списъка с ширина 1пиксел и сив свят*/
width:160px;/*всеки елемент да е с ширина 160 пиксела*/
}

#vmenu ul li a{
border-left:solid 3px #bac97f;/*задаваме рамка от 10 пиксела в ляво*/
display:block;/*Дисплей блок , за да имаме блокова структура на елементите*/
height:24px;/*Височина */
text-decoration:none;/*Премахваме подчертаването което е по подразбиране*/
color:#000;/*Бял свят на линковете*/

padding-left:10px;/*10пиксела падинг от ляво за да не са залепени в края линковете*/
line-height:22px;/*Височина между линниите 22пиксела , ползва се за да ги центрираме вертикално*/
}

#vmenu ul li a:hover{
border-left:0;/*При ховър премахваме рамката и на неино място слагаме 20пиксела падинг*/
padding-left:10px;/*падинг 20 пиксела*/
}
</style>
<div id="vmenu" >
<ul id="vmenu"type="none">
<li><a href="#" onclick="showhide('script'); return(false);">Вход</a></lia>
<li><a href="register.php">Регистрирай се</a></li>
<li><a href="news.php">Новини</a></li>
<li><a href="./forum">Форум</a></li>
<li><a href="about_game.php">За играта</a></li>
<li><a href="stats.php">Статистика</a></li>
<li><a href="screenshots.php">Снимки</a></li>
</ul>
</div>

[/quote]

 

[cold_zero]

Направих го, обаче сега как да го направя менюто да е по отляво, защото ми седи по средата - http://zonebg.no-ip.org/ligata

 

[Soul_Stealler]

Ето това работи
<ul type="none" style=" list-style-type: none">

<style>
#vmenu {
width:174px;/* ширина на менюто в случая се съобразявам с картинката*/
padding-bottom:19px;/* паддинг отдолу за да се покажи долната част на менюто като бекраунд*/
}




#vmenu ul li{
border-bottom:solid 0px #999;/*Завадаме рамка отдолу на всеки елемент от списъка с ширина 1пиксел и сив свят*/
width:160px;/*всеки елемент да е с ширина 160 пиксела*/
}

#vmenu ul li a{
border-left:solid 3px #bac97f;/*задаваме рамка от 10 пиксела в ляво*/
display:block;/*Дисплей блок , за да имаме блокова структура на елементите*/
height:24px;/*Височина */
text-decoration:none;/*Премахваме подчертаването което е по подразбиране*/
color:#000;/*Бял свят на линковете*/
padding-left:10px;/*10пиксела падинг от ляво за да не са залепени в края линковете*/
line-height:22px;/*Височина между линниите 22пиксела , ползва се за да ги центрираме вертикално*/
}

#vmenu ul li a:hover{
border-left:0;/*При ховър премахваме рамката и на неино място слагаме 20пиксела падинг*/
padding-left:10px;/*падинг 20 пиксела*/
}
</style>
<div id="vmenu">
<ul type="none" style=" list-style-type: none">
<li><a href="#" onclick="showhide('script'); return(false);">Вход</a></lia>
<li><a href="register.php">Регистрирай се</a></li>
<li><a href="news.php">Новини</a></li>
<li><a href="./forum">Форум</a></li>
<li><a href="about_game.php">За играта</a></li>
<li><a href="stats.php">Статистика</a></li>
<li><a href="screenshots.php">Снимки</a></li>
</ul>
</div>

 

[animatora]

искаш да е по в ляво ли ?

 

[cold_zero]

animatora, да :wink: