ciao ragazzi non mi spiego questa rientranza che vedo solo in IE (sia 6 che 7)
vi posto il codice
mentre il suo CSS è:
codice:
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 80%;
font-weight: bold;
}
ul {
list-style: none;
margin: 0;
padding: 0;
}
.glossymenu{
list-style-type: none;
padding: 0;
width: 120px;
margin-top: 0px;
margin-right: 0;
margin-bottom: 0px;
margin-left: 0;
}
.glossymenu li a{
background: white url(images/glossyback.gif) repeat-x bottom left;
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
display: block;
width: auto;
padding: 3px 0;
padding-left: 1px;
text-decoration: none;
}
* html .glossymenu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 120px;
}
.glossymenu li a:visited, .glossymenu li a:active{
color: white;
}
.glossymenu li a:hover{
background-image: url(images/glossyback2.gif);
}
<![if !IE 6]>
.shiftcontainer{
position: relative;
left: 2px; /*Number should match -left shadow depth below*/
top: 2px; /*Number should match -top shadow depth below*/
}
.shadowcontainer{
width: 120px; /* container width*/
background-color: #d1cfd0;
}
.shadowcontainer .innerdiv{
/* Add container height here if desired */
background-color: white;
border: 1px solid gray;
position: relative;
left: -3px; /*shadow depth*/
top: -2px; /*shadow depth*/
}
</style>
<![endif]>
grazie
Rispondi quotando