نمایش ندادن در جای خود

[harand1]

سلام این کد من هست

#nav{
background-color: rgb(68,98,113);
width: 960px;
height: 40px;


}

#menu{
list-style-type: none;
padding-left:300px;
}

#menu li{
float: left;
margin-right: 30px;



}

#menu li a{
text-decoration: none;
color: white;
font-size: 12px;
font-weight: bold;
height: 40px;
display: block;
padding-top: 12px;

}

#menu li:hover{
list-style-image: url(images/menu_arrow.gif);




}

ولی وقتی ماوس روی nav میره جملات padding میگیرند و میاند پایین
120172

[ab.ali]

paddin-top و height رو از #menu li a بر دارین و به #nav خاصیت line-height رو بدین ببینین درست می شه؟!

[qartalonline]

مشکل از تصویری است که میخواین به عنوان list style اضافه کنید ارتفاع تصویر رو باید با ارتفاع منو تراز کنید.

[harand1]

paddin-top و height رو از #menu li a بر دارین و به #nav خاصیت line-height رو بدین ببینین درست می شه؟!

مواردی که گفتین انجام دادم ولی بازم تصویر روبروی نوشته ها قرار نمیگیره
120205

[harand1]

مشکل از تصویری است که میخواین به عنوان list style اضافه کنید ارتفاع تصویر رو باید با ارتفاع منو تراز کنید.

یعنی مثلا اگه ارتفاع تصویر 15 هست ارتفاع منو هم 15 باشه؟

[دانیال دزفولی]

دوست عزیز ما که اینطوری نمیفهمیم میشکل کجاست باید کل کد ها رو ببینیم

[qartalonline]

یعنی مثلا اگه ارتفاع تصویر 15 هست ارتفاع منو هم 15 باشه؟
آره، البته به همراه padding و ..

[harand1]

دوست عزیز ما که اینطوری نمیفهمیم میشکل کجاست باید کل کد ها رو ببینیم


#nav{
background-color: rgb(68,98,113);
width: 960px;
height: 35px;
clear: both;
line-height: 280%;



}

#menu{
list-style-type: none;
padding-left:300px;
}

#menu li{
float: left;





}

#menu li a{
text-decoration: none;
color: white;
font-size: 12px;
font-weight: bold;
display: block;
margin-right: 30px;
width: auto;



}

#menu li:hover{
list-style-image: url(images/menu_arrow.gif);



}

[دانیال دزفولی]

http://jsfiddle.net/

کد هاتون رو توی سایت بالا بریزید

[harand1]

ممنون که پاسخ دادی ولی ادیتور انلاین چه ربطی داره به سوال من؟شاید چون خیلی مبتدی هستم ربطشو نمیدونم

[دانیال دزفولی]

میخوام ببینم نتیجه دقیقا چطوریه