PDA

Zobacz pełną wersję : Wyglad menu IE i Firefox PROBLEM


pafcio-m
22-12-2008, 09:57
Jak zwykle chodzi o wyswietlanie menu w IE i Firefox. Joomla 1,58 komponent menu swMenuFree dla wersji 1,5. Oto screeny
http://www.goldfang.nazwa.pl/IE.png

http://www.goldfang.nazwa.pl/FireFox.png
oto CSS dla menu
.transMenu {
position:absolute ;
overflow:hidden;
left:-1000px;
top:-1000px;
}
.transMenu .content {
position:absolute ;
}
.transMenu .items {
width: 190px; border: 0px solid #FFFFFF ;
position:relative ;
left:0px; top:0px;
z-index:992;
}
.transMenu td
{
padding: 5px 5px 5px 5px !important;
font-size: 12px !important ;
font-family: Arial, Helvetica, sans-serif !important ;
text-align: left !important ;
font-weight: bold !important ;
color: #000000 !important ;
}
#subwrap
{
text-align: left ;
}
.transMenu .item.hover td
{
color: #FFFFFF !important ;
}
.transMenu .item {
height: 35px; text-decoration: none ;
cursor:pointer;
cursor:hand;
}
.transMenu .background {
background-image: URL("http://xxxxxxxxxxxxx.pl/xxxxxx/modules/mod_swmenufree/images/buton1.png") ;
background-color: #FFCC99 !important ;
position:absolute ;
left:0px; top:0px;
z-index:991;
opacity:0.85;
filter:alpha(opacity=85)
}
.transMenu .shadowRight {
position:absolute ;
z-index:993;
top:-3000px; width:2px;
opacity:0.85;
filter:alpha(opacity=85)
}
.transMenu .shadowBottom {
position:absolute ;
z-index:991;
left:-3000px; height:2px;
opacity:0.85;
filter:alpha(opacity=85)
}
.transMenu .item.hover {
background-image: URL("http://xxxxxxxxxx.pl/xxxxxxxx/modules/mod_swmenufree/images/buton3.png") ;
background-color: #FF6600 !important ;
}
.transMenu .item img {
margin-left:0px !important ;
}
table.menu {
top: -12px;
left: -12px;
position:relative ;
margin:0px !important ;
border: 0px solid #FFFFFF ;
z-index: 991;
}
table.menu a{
margin:0px !important ;
padding: 5px 5px 5px 5px !important ;
display:block !important;
position:relative !important ;
}
div.menu a,
div.menu a:visited,
div.menu a:link {
width:190px;
height:35px;
font-size: 12px !important ;
font-family: Arial, Helvetica, sans-serif !important ;
text-align: left !important ;
font-weight: normal !important ;
color: #FF9933 !important ;
text-decoration: none !important ;
margin-bottom:0px !important ;
display:block !important;
white-space:nowrap ;
}
div.menu td {
border-bottom: 0px dashed #FFC819 ;
border-top: 0px dashed #FFC819 ;
border-left: 0px dashed #FFC819 ;
background-image: URL("http://xxxxxxxxxxxx/xxxxxxxx/modules/mod_swmenufree/images/buton1.png") ;
background-color: #FFFFFF !important ;
}
div.menu td.last {
border-right: 0px dashed #FFC819 ;
}
#trans-active a{
color: #FFFFFF !important ;
background-image: URL("http://xxxxxxxxxxxxx.pl/xxxxxxx/modules/mod_swmenufree/images/buton3.png") ;
background-color: #33CCFF !important ;
}
#menu a.hover {
background-image: URL("http://xxxxxxxxxxxx.pl/xxxxxxxx/modules/mod_swmenufree/images/buton3.png") ;
color: #FFFFFF !important ;
background-color: #33CCFF !important ;
}
#menu span {
display:none;
}
przekopałem wszystko i dalej nie wiem gdzie problem!!! Może ktoś cos zasugeruje co czynić!!!
Wszystkim forumowiczom życze Wesołych Świąt .....
pafcio-m
22-12-2008, 19:53
walczyłem dzis cały dzien!! i problem lezal po stronie CSS-a w templatce!! Już OK!!!
pozdrawiam Joomlowiczów i zycze Wesołych Świąt :)