Guys i've decided to do some css tricks as well In this post im going to teach you how to obtain fixed width on hover on vertical menu.
<html>
<head>
<link href="menu.css" rel="stylesheet" type="text/css" />
</head>
<div id="menu">
<ul>
<li><a href="#"> home </a></li>
<li><a href="#"> vita </a></li>
<li><a href="#"> concerts </a></li>
<li><a href="#"> photos </a></li>
<li><a href="#"> extraits </a></li>
<li><a href="#"> presse </a></li>
<li><a href="#"> liens </a></li>
<li><a href="#"> contact </a></li>
</ul>
</div><li><a href="#"> contact </a></li>
</ul>
</div>
/*css code for this*/
.menu{
width 250px;
overflow:hidden;}
li{
text-decoration:none
}
a:hover
{ padding-right: 80px;
background-color:#0eaff7 ;
border: 6px solid 0eaff7;
}
No comments:
Post a Comment