това меню как мога да го направя хоризонтално
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0;
font-size: 80%;
font-weight: bold;
background: #FFF;
}

h2 {
font: bold 14px Verdana, Arial, Helvetica, sans-serif;
color: #000;
margin: 0px;
padding: 0px 0px 0px 15px;
}

ul {
list-style: none;
margin: 0;
padding: 0;
}

img {
border: none;
}


#menu1 {
width: 200px;
margin: 10px;
border-style: solid solid none solid;
border-color: #3D261D;
border-size: 1px;
border-width: 1px;
}

#menu1 li a {
height: 32px;
voice-family: "\"}\"";
voice-family: inherit;
height: 24px;
text-decoration: none;
}

#menu1 li a:link, #menu1 li a:visited {
color: #E4D6CD;
display: block;
background: url(menu1.gif);
padding: 8px 0 0 10px;
}

#menu1 li a:hover {
color: #FFF;
background: url(menu1.gif) 0 -32px;
padding: 8px 0 0 10px;
}

Добре ще бъде да покажеш и HTML файла да не стане някоя грешка!
CODE

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31

#menu1 { width: 200px; height: някаква стойност; margin: 10px; border-style: solid solid none solid; border-color: #3D261D; border-size: 1px; border-width: 1px; } #menu1 li a { width: някаква стойност; height: 32px; voice-family: "\"}\""; voice-family: inherit; height: 24px; text-decoration: none; } #menu1 li a:link, #menu1 li a:visited { color: #E4D6CD; display: block; background: url(menu1.gif); padding: 8px 0 0 10px; } #menu1 li a:hover { color: #FFF; background: url(menu1.gif) 0 -32px; padding: 8px 0 0 10px; }

<div id="menu13">
<ul>
<li><a href="#1" title="Link 1">Link 1</a></li>
<li><a href="#2" title="Link 2">Link 2</a></li>
<li><a href="#3" title="Link 3">Link 3</a></li>
<li><a href="#4" title="Link 4">Link 4</a></li>
<li><a href="#5" title="Link 5">Link 5</a></li>
</ul>
</div>

пробвал ли си да смениш показването на списъка?

 CODE

1 2 3

#menu13 ul li{ display: inline; }

да ,пробвах  пак не става

Как смяташ да стане:
CODE

1	<div id="menu13">

Не трябва ли да е:
CODE

1	<div id="menu1">

да бе това го видях.Това не е проблема  CODE

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31

#menu1 { width: 200px; height: някаква стойност; margin: 10px; border-style: solid solid none solid; border-color: #3D261D; border-size: 1px; border-width: 1px; } #menu1 li a { width: някаква стойност; height: 32px; voice-family: "\"}\""; voice-family: inherit; height: 24px; text-decoration: none; } #menu1 li a:link, #menu1 li a:visited { color: #E4D6CD; display: block;    [color=red]тук пиша display: inline-block;[/color] background: url(menu1.gif); padding: 8px 0 0 10px; } #menu1 li a:hover { color: #FFF; background: url(menu1.gif) 0 -32px; padding: 8px 0 0 10px; }

 

.... и става хоризонтално ,но доста се променя изгледа.Иначе благодаря ти много

Разбира се че ще се промени изгледа!
Предполагам вече зняеш къде е бил проблема?

Препоръчвам ти да прочетеш всичко за наследяването в CSS! Ще ти е от голяма полза!

Съветвам те да работиш с относително позициониране, защото става аралаш!

Поздрави!