منویاین سایت

[Arezoo62]

دوستان می خواستم منویی شبیه منوی این سایتhttp://www.webgozar.com/nletter/
بسازم. که نمی دونم وقتی موس میره روش چیکار کنم رنگ سفید یک طول یکسانی داشته باشه
.LinkOrg a:link
{
padding:4px 2px;
color:#03C;
line-height:20px;
font-family:tahoma;
font-size:9pt;

text-decoration:none;
background-image:url("Del.png");
background-repeat:no-repeat;
background-position:left center;
}
.LinkOrg a:visited
{
background-color:#C4DBFD;
border:1px solid #036;
padding:4px 6px;
color:#03C;
font-family:tahoma;
font-size:9pt;

text-decoration:none;
background-color:White;
border:1px solid #036;
padding:4px 6px;
}
.LinkOrg a:hover
{
background-color:#C4DBFD;
width:80px;
color:#03C;
font-family:tahoma;
font-size:9pt;
font-weight:normal;
text-decoration:none;
background-color:White;
}

[saeidpsl]

در بخش

.LinkOrg a:hover

width

رو از width لینک ها بزرگتر بزار


مثل این



.LinkOrg a:hover
{

width: 500px; /* از اینجا */
background-color:#C4DBFD;
color:#03C;
font-family:tahoma;
font-size:9pt;
font-weight:normal;
text-decoration:none;
background-color:White;

}

[Arezoo62]

زیاد کردم اما نشد

[sanay_esh]

سلام

شما میتونید برای لینکهای خود در فایل css این خصوصیت را داشته باشید تا هر لینک به اندازه آیتم پدر خود سایز بگیرد:
display:block;

[Arezoo62]

بازم متوجه نشدم باید چیکار کنم

[Saber Mogaddas]

سلام
فایل مرتبط به این منو رو همراه استایل ها ضمیمه کنید تا بررسی شه..

[saadatieathar]

سلام.
بفرمیائید این کد:




<style>
body
{
background:#93999c
}

.LinkOrg a:link
{
padding:4px 2px;
color:#03C;
line-height:20px;
font-family:tahoma;
font-size:9pt;

text-decoration:none;
background-image:url("Del.png");
background-repeat:no-repeat;
background-position:left center;
display:block;
width:130px;

}
.LinkOrg a:visited
{
background-color:#C4DBFD;
border:1px solid #036;
padding:4px 6px;
color:#03C;
font-family:tahoma;
font-size:9pt;

text-decoration:none;
background-color:White;
border:1px solid #036;
padding:4px 6px;
display:block;
width:130px;

}
.LinkOrg a:hover
{
background-color:#C4DBFD;

color:#03C;
font-family:tahoma;
font-size:9pt;
font-weight:normal;
text-decoration:none;
background-color:White;

display:block;
width:130px;

}

</style>

<div class="LinkOrg" style="text-align:right;">

<a href=""> لینک اول </a>
<br />
<a href=""> لینک دوم </a>
<br />
<a href=""> لینک سوم </a>
<br />


</div>