ciao ragazzi sto mettendo a posto questo sito :vacanzeincroazia.altervista.org/medist.html
vorrei che su explorer 8 funzionasse come su exp 9 o firefox cioè
il menu deve avere angoli arrotondato in alto a sx e dx
NON RIESCO A FARLO FUNZIONARE con nessun trick
qualcuno puo' aiutarmi per favore???
questo è il css del menu
vorrei che su explorer 8 funzionasse come su exp 9 o firefox cioè
il menu deve avere angoli arrotondato in alto a sx e dx
NON RIESCO A FARLO FUNZIONARE con nessun trick
qualcuno puo' aiutarmi per favore???
questo è il css del menu
Codice:
/* menu */
.navigation
{
float:left;
width:100%;
height:auto;
top:108px !important;
background-image:url('input_bg2.gif');
background-repeat: no-repeat;
border-radius:15 px
behavior: url(border-radius.htc)
}
.menu li
{
display:block;
width:132px;
float:left;
height:50px;
min-height:50px;
background-image:url('li-bg.png');
border-radius: 5px;
background-position:0px 0px;
color:white;
}
.menu li:hover
{
background-position:0px 53px;
}
.menu li:hover span
{
color:#284c93;
}
.menu li a
{
display:block;
width:100%;
float:left;
text-align:center;
font-size:13px;
height:100%;
text-decoration:none;
color:white;
}
.menu li a span
{
display:block;
width:100%;
float:left;
text-align:center;
font-size:13px;
font-weight:bolder;
margin-top:18px;
text-decoration:none;
color:white;
}
.deeper ul
{
float:left;
display:block;
width:100%;
height:0px;
padding:0px;
overflow:hidden;
background-color:white;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;
}
.deeper ul li
{
display:block;
width:140px;
float:left;
height:30px;
min-height:30px;
color:white;
background-color:white;
background-image:none
}
.deeper ul li a
{
display:block;
width:100%;
float:left;
text-align:center;
font-size:13px;
height:100%;
text-decoration:none;
}
.deeper ul li a span
{
display:block;
width:100%;
float:left;
text-align:center;
font-size:13px;
font-weight:bolder;
margin-top:6px;
text-decoration:none;
color:white;
}
.deeper ul li:hover span
{
color:#0096ff;
}
#item-680 ul
{
position:absolute !important;
top:200px !important;
right:187px !important;
width:132px !important;
height:auto !important;
background-color:white !important;
visibility:hidden;
border-radius:15px;
}
#item-679 ul
{
position:absolute !important;
top:230px !important;
right:187px !important;
width:132px !important;
height:auto !important;
background-color:white !important;
visibility:hidden;
border-radius:15px;
}
#test_bck
{
float:left !important;
width: auto !important;
min-width:100%;
background-image:url('bck_centrale.jpg') !important;
background-repeat:repeat-x;
}
#shadow_menu
{
margin:auto;
width:920px;
height:32px;
background-image:url('bck_submenu.png') !important;
}
.custom-banner
{
height:353px !important;
margin-bottom:-16px;
background-image:none !important;
}
.custom-blocks
{
background-image:url('separatore.png') !important;
background-repeat:no-repeat !important;
background-position:bottom center !important;
margin-bottom:15px;
}
.block
{
background-image:none !important;
}
#flashIntroPages
{
float:left;
width:600px;
height:100px;
}
.contact-address
{
width:220px;
font-size:15px;
}
.slogan
{
right:-70px !important;
}
#content
{
padding-top:0px !important;
/*
padding-bottom:0px !important;
min-height:100% !important;
*/
background-image:none !important;
background-color:transparent !important;
}
#deeperMenu
{
left: -999em;
width:132px !important;
}
#deeperMenu .maxidrop-main div ul li a span
{
float:left;
display:block;
width:130px !important;
text-align:center !important;
margin-left:-25px;
}
#deeperMenuShop
{
left: -999em;
width:132px !important;
}
#deeperMenuShop .maxidrop-main div ul li a span
{
float:left;
display:block;
width:130px !important;
text-align:center !important;
margin-left:-25px;
}
#deeperMenuShopCuscini
{
left: -999em;
width:132px !important;
margin-top:-5px !important;
}
#deeperMenuShopCuscini .maxidrop-main div ul li a span
{
float:left;
display:block;
width:130px !important;
text-align:center !important;
margin-left:-25px;
}
#deeperMenuShopAccessori
{
left: -999em;
width:132px !important;
margin-top:-5px !important;
}
#deeperMenuShopAccessori .maxidrop-main div ul li a span
{
float:left;
display:block;
width:130px !important;
text-align:center !important;
margin-left:-25px;
}
/* VERSIONE INGLESE */
#english_bck
{
float:left;
width:900px;
height:245px;
margin-top:15px;
background-image:url('../images/english_bck.png');
background-repeat:no-repeat;
}
Ultima modifica di un moderatore: