css lightbox

[ferdi74]

ciao a tutti..ho un problema su un foglio di stile per un modulo lightbox usato in un cms..

l'errore di validazione è questo:

#loading Parse Error *left: 0%;

se elimino questo comando *left: 0%; funziona tutto bene e il css è valido..solo che in ie l'icona del loading mentre lightbox carica l'immagine è decentrata..

potrei lasciare questo comando dicendo al validatore di ignorare questa stringa?..o cmq c'è qualche soluzione alternativa?

[LùcazStrict]

beh in teoria 0% dovrebbe essere anche 0px, puoi provare a metterci questo :master:

[fcaldera]

*left: è l'asterisco prima di left a dare problemi, poiché il parser lo considera un errore ma di fatto viene interpretato da IE

prima di quella regola ce ne dovrebbe essere una uguale ma senza asterisco
se vuoi evitare di usare l'asterisco scrivi in quest'ordine

left : /* valore */ !important;
left : 0;


oppure elimina quell'istruzione e mettila (senza asterisco) in un css solo per IE

[ferdi74]

beh..si ma il problema non è quello..il problema è (*) che differenzia il comando precedente valido per gli altri browser con quello specifico per ie..guarda..questo è tutto il blocco..

#loading {
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
position: absolute;
top: 40%;
left: 45%;
*left: 0%;
}

come vedi c'è un left 45% che va bene per tutti e poi un *left: 0%; messo apposta per ie..ed è qui che il validatore da errore..infatti come dicevo prima..se lo elimino il css è valido ma in ie l'immagine del loading è tutta decentrata..

[LùcazStrict]

ah ho capito, in effetti sono istruzioni che non uso praticamente mai, solitamente utilizzo due css per sovrascrivere i valori, come ha detto fcaldera

[ferdi74]

ciao Fcaldera..scusa la mia ignoranza ma sono proprio all'inizio all'inizio..ho tentato la prima strada ma non va..perchè mi da cmq errore "Numero non valido : left Parse Error /* valore */ !important " e poi in fx vedo il load decentrato..vorrei provare la seconda opzione solo che come ti dicevo sono sbarbatello..:-(..come dovrei fare?..un foglio in cui metto solo :

#loading {
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
position: absolute;
top: 40%;
left: 0%;

}

e come lo chiamo?..come faccio a dire che è solo per ie?..scusa queste domande che troverai sicuramente pazzezsche..:-(..

[LùcazStrict]

puoi usare i commenti condizionali:

<!--[if IE]>
<link rel="stylesheet" type="text/css" src="url/ie_fix.css">
<![endif]-->

principalmente lo uso per gestire le strasparenze con ie6


edit:
ho visto che c'è anche una pagina a proposito su html.it
http://css.html.it/articoli/leggi/45...emi-dei-css/5/

[fcaldera]

Originariamente inviato da ferdi74
e come lo chiamo?..come faccio a dire che è solo per ie?..scusa queste domande che troverai sicuramente pazzezsche..:-(..

1) apri il blocco note (o wordpad o...)
2) ci infili dentro il blocco di regole valido solo per IE

edit: ovvero basta solo

#loading {
   left: 0%;
}

3) salvi il file (es. IElightbox.css)
4) nell'header del file html, subito prima di </head>, come ultimo file css incluso scrivi

<!--[if IE]>
<link rel="stylesheet" type="text/css" href="IElightbox.css" media="all" />
<![endif]-->

Ciao

[ferdi74]

ciao ragazzi scusate se rispondo tanto in ritardo ma ho avuto dei problemi..dunque:

fcaldera ho creato il css ma c'è un problemino..questo lightbox che sto usando in effetti è un modulo che ho integrato in drupal..quindi c'è tutta una struttura..ho copiato il css nella cartella di lightbox insieme agli altri css del modulo..ora l'istruzione condizionale andrebbe inserita in un file php..e qui viene il bello..perchè non so proprio dove e come..credo vada inserita nel file php della cartella di lightbox che ha un file "page-node-lightbox2.tpl.php" al cui interno c'è già un'istruzione condizionale ma con una forma completamente diversa..

<!--[if lt IE 7]>
<?php print phptemplate_get_ie_styles(); ?>
<![endif]-->

o provato ad inserire subito dopo

<!--[if IE]>
<link rel="stylesheet" type="text/css" href="IElightbox.css" media="all" />
<![endif]-->

ma non funziona..

ho provato anche ad inserire questa istruzione in un'altro file tpl.php che si trova nella cartella principale del tema grafico che uso..in praticha sarebbe il php della pagina principale
( un po la nostra index html )

ho fatto così..

<head>
<title><?php print $head_title ?></title>
<meta http-equiv="Content-Style-Type" content="text/css" />
<!--[if IE]>
<link rel="stylesheet" type="text/css" href="IElightbox.css" media="all" />
<![endif]-->
<?php print $head ?>
<?php print $styles ?>
<?php print $scripts ?>
</head>

ma anche in questo modo niente..?!?!?...

consigli?..

[ferdi74]

ragazzi io ancora non sono riuscito a far funzionare i css per ie6..ma mi avete abbandonato?..

credo che l'istruzione condizionale vada inserita qui :

<head>
<title><?php print $head_title ?></title>
<?php print $head ?>
<?php print $styles ?>
<?php print $scripts ?>
<!--[if lt IE 7]>
<?php print phptemplate_get_ie_styles(); ?>
<![endif]-->
</head>

ma come ho scritto su.. quella che mi avete consigliato forse era per html quindi qui non funziona..tra l'altro c'è ne già una per ie7 che non so a cosa serve ma non vorrei toccarla..

mi aiutate per favore?..