Joomla.it Forum

Joomla! 1.5.x (versione con supporto terminato) => Joomla! 1.5 => I Template di Joomla 1.5.x => : ggiannard 24 May 2010, 16:16:18

: aiuto validazione css3
: ggiannard 24 May 2010, 16:16:18

Dopo varie peripezie sono riuscito a risolvere i problemi per l'html e ora è validato.
Adesso ho dei problemi per quanto riguarda la validazione dei css
Gli errori che il validatore trova sono:

54      .transMenu .item      Numero non valido : cursor  hand non è un valore per cursor : hand  hand
62    .transMenu .background    La proprietà opacity non esiste per CSS versione 2.1 ma esiste in : 0.99 0.99
63    .transMenu .background    Parse Error opacity=99)
69    .transMenu .shadowRight    La proprietà opacity non esiste per CSS versione 2.1 ma esiste in : 0.99 0.99
70    .transMenu .shadowRight    Parse Error opacity=99)
76    .transMenu .shadowBottom    La proprietà opacity non esiste per CSS versione 2.1 ma esiste in : 0.99 0.99
77    .transMenu .shadowBottom    Parse Error opacity=99)

mentre il file menu.css di swmenufree è:

:

.transMenu {
 position:absolute ;
 overflow:hidden;
 left:-1000px;
 top:-1000px;
}
.transMenu .content {
 position:absolute  ;
}
.transMenu .items {
 border: 0px none #CCCCCC ;
 position:relative ;
 left:0px; top:0px;
 z-index:2;
}
.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: bolder !important ;
 color: #BED14E !important ;
}
#subwrap
{
 text-align: left ;
}
.transMenu  .item.hover td
{
 color: #FFFFFF !important ;
}
.transMenu .item {
 text-decoration: none ;

}
.transMenu .background {
 background-image: URL("http://localhost/Relax_1.5.10/modules/mod_swmenufree/images/mw_menu_active_bg_1.png") ;
 background-color: #BED14E !important ;
 position:absolute ;
 left:0px; top:0px;
 z-index:1;
}
.transMenu .shadowRight {
 position:absolute ;
 z-index:3;
 top:3px; width:2px;
}
.transMenu .shadowBottom {
 position:absolute ;
 z-index:1;
 left:3px; height:2px;
}
.transMenu .item.hover {
 background-image: URL("http://localhost/Relax_1.5.10/modules/mod_swmenufree/images/mw_menu_active_bg_1.png") ;
 background-color: #BED14E !important ;
}
.transMenu .item img {
 margin-left:10px !important ;
}
table.menu {
 top: 0px;
 left: 0px;
 position:relative ;
 margin:0px !important ;
 border: 0px none #CCCCCC ;
 z-index: 1;
}
table.menu a{
 margin:0px !important ;
 padding: 0px 0px 0px 0px  !important ;
 display:block !important;
 position:relative !important ;
}
div.menu a,
div.menu a:visited,
div.menu a:link {
 width:83px;
 font-size: 14px !important ;
 font-family: Arial, Helvetica, sans-serif !important ;
 text-align: center !important ;
 font-weight: bolder !important ;
 color: #BED14E !important ;
 text-decoration: none !important ;
 margin-bottom:0px !important ;
 display:block !important;
 white-space:nowrap ;
}
div.menu td {
 border-bottom: 1px solid #CCCCCC ;
 border-top: 1px solid #CCCCCC ;
 border-left: 1px solid #CCCCCC ;
 background-image: URL("http://localhost/Relax_1.5.10/modules/mod_swmenufree/images/mw_menu_active_bg_1.png") ;
 background-color: #BED14E !important ;
}
div.menu td.last {
 border-right: 1px solid #CCCCCC ;
}
#trans-active a{
 color: #BED14E !important ;
 background-image: URL("http://localhost/Relax_1.5.10/modules/mod_swmenufree/images/mw_menu_active_bg_1.png") ;
 background-color: #BED14E !important ;
}
#menu a.hover   {
 background-image: URL("http://localhost/Relax_1.5.10/modules/mod_swmenufree/images/mw_menu_active_bg_1.png") ;
 color: #BED14E !important ;
 background-color: #BED14E !important ;
}
#menu span {
 display:none;
}
dove è il problema?

grazie

: Re:aiuto validazione css3
: 56francesco 24 May 2010, 16:26:35

per cortesia, non postare fuori posto e non inviare quintalate di codice se non te lo chiedono,...

inserisci un link al sito e sposto nella sezione template,  questa non è la sezione giusta,  e non serve inviare niente  i maghi sanno come fare senza..

: Re:aiuto validazione css3
: ggiannard 27 May 2010, 11:32:01

chiedo scusa,
il sito è http://relax.gmgpiscine.com

: Re:aiuto validazione css3
: conti1 27 May 2010, 11:46:40

spulcia bene il modulo menu che vedrai il css che fa casino

esempio uno che hai e questo

:

.transMenu .shadowBottom {
height:2px;
left:3px;
opacity:0.99;<<<<<<<<<<<
position:absolute;
z-index:1;
}
buon divertimento

: Re:aiuto validazione css3
: ggiannard 27 May 2010, 16:34:12

ok proverò grazie