![Antiguo](http://static.forosdelweb.com/fdwtheme/images/statusicon/post_old.gif)
20/06/2008, 12:54
|
![Avatar de fanny0](http://static.forosdelweb.com/customavatars/avatar79474_3.gif) | | | Fecha de Ingreso: noviembre-2004
Mensajes: 438
Antigüedad: 20 años, 3 meses Puntos: 1 | |
Respuesta: compatibilidad IE v/s Firefox CSS menu desplegable no, es que sabe que no se puede achicar, el template lo pesca así y no de otra manera...lo que cambié yo fueron los css, pero está así...por ello a mi igual me costó modificarlo...de todas maneras al parecer ya me ha resultado en los dos navegadores pero cambié el template por uno que viene también por defecto, pero arreglandolo igualmente
y este por lo menos se ve igual en los dos navegadores, lo que no...es la manito... Cita: /* ThemeOfficeMenu Style Sheet */
.ThemeOfficeMenuH{
color:#FFFFFF;
}
.ThemeOfficeMenuV,
.ThemeOfficeSubMenuTable {
font-family: verdana, arial, sans-serif;
font-size: 11px;
padding: 0;
white-space: nowrap;
cursor: default;
color:#FFFFFF;
}
.ThemeOfficeMenuV {
width: 100%;
}
.ThemeOfficeMenuH span {
vertical-align:bottom;
}
.ThemeOfficeSubMenu {
margin-top:10px;
position: absolute;
visibility: hidden;
/*
Netscape/Mozilla renders borders by increasing
their z-index. The following line is necessary
to cover any borders underneath
*/
z-index: 100;
border: 0;
padding: 1px;
overflow: visible;
filter:progid:DXImageTransform.Microsoft.Shadow(co lor=#BDC3BD, Direction=135, Strength=4);
}
.ThemeOfficeSubMenuTable {
overflow: visible;
}
.ThemeOfficeMainItem,
.ThemeOfficeMainItemHover,
.ThemeOfficeMainItemActive,
.ThemeOfficeMenuItem,
.ThemeOfficeMenuItemHover,
.ThemeOfficeMenuItemActive {
border: 0;
cursor: default;
white-space: nowrap;
}
.ThemeOfficeMainItem {
background-color: ;
}
.ThemeOfficeMainItemHover,
.ThemeOfficeMainItemActive {
background-image: url(../../../templates/rhuk_solarflare_ii/images/botton_off.jpg);
}
.ThemeOfficeMenuItem {
background-color: #0066a6;
}
.ThemeOfficeMenuItemHover,
.ThemeOfficeMenuItemActive {
background-image: url(../../../templates/rhuk_solarflare_ii/images/botton_off.jpg);
}
/* horizontal main menu */
.ThemeOfficeMenuH .ThemeOfficeMainItem {
padding: 8px 8px 5px 5px;
border: 0;
}
.ThemeOfficeMenuH td.ThemeOfficeMainItemHover,
.ThemeOfficeMenuH td.ThemeOfficeMainItemActive {
padding: 8px 8px 5px 5px;
border: 1px solid #b3e3ff;
}
.ThemeOfficeMainFolderLeft,
.ThemeOfficeMainItemLeft,
.ThemeOfficeMainFolderText,
.ThemeOfficeMainItemText,
.ThemeOfficeMainFolderRight,
.ThemeOfficeMainItemRight {
background-color: inherit;
}
/* vertical main menu sub components */
.ThemeOfficeMenuV td.ThemeOfficeMainFolderLeft,
.ThemeOfficeMenuV td.ThemeOfficeMainItemLeft {
padding-top: 10px;
padding-bottom: 5px;
padding-left: 0px;
padding-right: 2px;
border-top: 1px solid #b3e3ff;
border-bottom: 1px solid #b3e3ff;
border-left: 1px solid #b3e3ff;
background-color: inherit;
}
.ThemeOfficeMenuV td.ThemeOfficeMainFolderText,
.ThemeOfficeMenuV td.ThemeOfficeMainItemText {
padding-top: 10px;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
border-top: 1px solid #b3e3ff;
border-bottom: 1px solid #b3e3ff;
background-color: inherit;
white-space: nowrap;
}
.ThemeOfficeMenuV td.ThemeOfficeMainFolderRight,
.ThemeOfficeMenuV td.ThemeOfficeMainItemRight {
padding-top: 10px;
padding-bottom: 5px;
padding-left: 0px;
padding-right: 0px;
border-top: 1px solid ##b3e3ff;
border-bottom: 1px solid #b3e3ff;
border-right: 1px solid #b3e3ff;
background-color: inherit;
}
.ThemeOfficeMenuV tr.ThemeOfficeMainItem td.ThemeOfficeMainFolderLeft,
.ThemeOfficeMenuV tr.ThemeOfficeMainItem td.ThemeOfficeMainItemLeft {
padding-top: 10px;
padding-bottom: 5px;
padding-left: 1px;
padding-right: 2px;
white-space: nowrap;
border: 0;
background-color: inherit;
}
.ThemeOfficeMenuV tr.ThemeOfficeMainItem td.ThemeOfficeMainFolderText,
.ThemeOfficeMenuV tr.ThemeOfficeMainItem td.ThemeOfficeMainItemText {
padding-top: 10px;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
border: 0;
background-color: inherit;
}
.ThemeOfficeMenuV tr.ThemeOfficeMainItem td.ThemeOfficeMainItemRight,
.ThemeOfficeMenuV tr.ThemeOfficeMainItem td.ThemeOfficeMainFolderRight {
padding-top: 10px;
padding-bottom: 4px;
padding-left: 0px;
padding-right: 1px;
border: 0;
background-color: inherit;
}
/* sub menu sub components */
.ThemeOfficeSubMenu .ThemeOfficeMenuFolderLeft,
.ThemeOfficeSubMenu .ThemeOfficeMenuItemLeft {
padding-top: 2px;
padding-bottom: 2px;
padding-left: 1px;
padding-right: 3px;
border-top: 1px solid #b3e3ff;
border-bottom: 1px solid #b3e3ff;
border-left: 1px solid #b3e3ff;
background-color: inherit;
white-space: nowrap;
}
.ThemeOfficeSubMenu .ThemeOfficeMenuFolderText,
.ThemeOfficeSubMenu .ThemeOfficeMenuItemText {
padding-top: 2px;
padding-bottom: 2px;
padding-left: 5px;
padding-right: 5px;
border-top: 1px solid #b3e3ff;
border-bottom: 1px solid #b3e3ff;
background-color: inherit;
white-space: nowrap;
}
.ThemeOfficeSubMenu .ThemeOfficeMenuFolderRight,
.ThemeOfficeSubMenu .ThemeOfficeMenuItemRight {
padding-top: 2px;
padding-bottom: 2px;
padding-left: 0px;
padding-right: 0px;
border-top: 1px solid #b3e3ff;
border-bottom: 1px solid #b3e3ff;
border-right: 1px solid #b3e3ff;
background-color: inherit;
white-space: nowrap;
}
.ThemeOfficeMenuItem .ThemeOfficeMenuFolderLeft,
.ThemeOfficeMenuItem .ThemeOfficeMenuItemLeft {
padding-top: 3px;
padding-bottom: 3px;
padding-left: 0px;
padding-right: 3px;
white-space: nowrap;
border: 0;
background-color: #0066a6;
}
.ThemeOfficeMenuItem .ThemeOfficeMenuFolderText,
.ThemeOfficeMenuItem .ThemeOfficeMenuItemText {
padding-top: 3px;
padding-bottom: 3px;
padding-left: 5px;
padding-right: 5px;
border: 0;
background-color: inherit;
}
.ThemeOfficeMenuItem .ThemeOfficeMenuFolderRight,
.ThemeOfficeMenuItem .ThemeOfficeMenuItemRight {
padding-top: 3px;
padding-bottom: 3px;
padding-left: 0px;
padding-right: 1px;
border: 0;
background-color: inherit;
}
/* menu splits */
.ThemeOfficeMenuSplit {
margin: 0px;
height: 0px;
overflow: hidden;
background-color: inherit;
border-top: 0px solid #b3e3ff;
}
/* image shadow animation */
/*
seq1: image for normal
seq2: image for hover and active
To use, in the icon field, input the following:
<img class="seq1" src="normal.gif" /><img class="seq2" src="hover.gif" />
*/
/*
.ThemeOfficeMainItem img.seq1,
.ThemeOfficeMenuItem img.seq1 {
display: inline;
}
.ThemeOfficeMainItemHover img.seq2,
.ThemeOfficeMainItemActive img.seq2,
.ThemeOfficeMenuItemHover img.seq2,
.ThemeOfficeMenuItemActive img.seq2 {
display: inline;
}
.ThemeOfficeMainItem img.seq2,
.ThemeOfficeMainItemHover img.seq1,
.ThemeOfficeMainItemActive img.seq1,
.ThemeOfficeMenuItem img.seq2,
.ThemeOfficeMenuItemHover img.seq1,
.ThemeOfficeMenuItemActive img.seq1 {
display: none;
}
*/ |