به چه نحوی تگ a:hover رو تنظیم کنم که کل اطراف متن مورد نظر رو بگیره(سلول متن مورد نظر رو رنگی کنه)

[davood59]

سلام دوستان؛
این تصویر رو ببینید:
128812

کد مربوط به a:hover رو به چه نحوی تغییرش بدم، وقتی که ماوس روی هر کدوم از لینکها بره، کل سلول مورد نظر مثلا قرمز رنگ بشه ، نه فقط خود عبارت لینک شده. مثلا الان من میخوام کل سلول گوگل رنگی بشه نه فقط کلمه گوگل.
کدهای CSS:

ul#mylink{


}

ul#mylink li{
background-color:#000;
float:left;
display:table-cell;
height:30px;
padding:10px 10px;
line-height:30px;
border-right:1px solid white;
}

#mylink li a{
position:relative;
margin-right:8px;
margin-left:8px;
}

#mylink li a:hover{
background-color:#F00;
}

ul#mylink li:last-child{
border-right:none;
}

کد Html :


<ul id="mylink">
<li><a href="index.html">Google</a> </li>

<li> <a href="con.html">Microsoft</a></li>

<li> <a href="index.html">yahoo</a></li>

</ul>

ممنونم ازتون.

[سعید کشاورز]

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


ul#mylink{

}

ul#mylink li{
background-color:#000;
float:left;
margin-left: 5px;
list-style-type: none;


}

#mylink li a{
height:50px;
padding: 10px;
line-height:50px;
text-decoration: none;
display: block;
color: gray;

}

#mylink li a:hover{
background-color: #8c8c8c;
color: white;
}




از رنگ قرمز هم استفاده نکن.... آبی خوبه