- Home
- Categorie
- Annunci e Collaborazioni
- Collaborazioni WEB e Lavoro: offro e cerco
- [Retribuito] Correzione CSS
-
[Retribuito] Correzione CSS
Ciao a tutti,
mi occorre un aiuto per correggere il CSS del sito in firma.Si vede correttamente su tutti i dispositivi (si ridimensiona in automatico diminuendo/ingrandendo la finestra), tranne che su IE, dove il menù che dovrebbe stare a destra, finisce sempre sotto anche su schermi grandi!!
Ritengo che per chi conosca CSS sia un gioco da 2 minuti, ma posso arrivare a 10? pagati via PayPal/PostePay a chi mi aiuta!
Attendo vostre notizie!
-
Ciao, nel file style.css, controlla gli attributi del wrapper (#wrapper): prima di width, c'è un trattino basso che non dovrebbe esserci.
-
Ciao, grazie: ma ho provato a togliere il trattino, sia lì sia negli altri width dove compare, ma il risultato è sempre lo stesso, se non peggio a volte...
Il template è disponibile su wpch.ch/wp-content/uploads/2011/10/scherzoTJ.zip
-
Ciao, devi creare due fogli di stile, uno per IE e uno per Firefox (ed ulteriori per altri browser). Mediante il "pezzo" di codice che inserirari nella tua intestazione, dirai al browser IE di leggere il foglio di stile IE. Ovviamente gli altri browser leggeranno il foglio di stile "relativo".
Ecco come fare per creare dei fogli di stile "separati" per i vari browser:
-
Duplica il foglio di stile corrente e rinominalo in (ad es.) ie7.css.
-
Nel'header, trova qualcosa come (ad es.) questo:
[php]<style type="text/css" media="screen"> @ import
url (<bloginfo php ('stylesheet_url');?>);
</ Style> [/php]Quindi elimina il predetto "codice" nel foglio di stile, e sostituiscilo con il seguente:<![if IE]><link rel="stylesheet" type="text/css"
href="tuo_blog.com/wp-content/themes/simpla/ie7.css">
<![endif]> <![if !IE]><link rel="stylesheet” type="text/css"
href="tuo_blog. com/wp-content/themes/simpla/style.css">
<![endif]>4. Personalizzare i percorsi dei fogli di stile:- se il browser è IE, utilizza il foglio di stile ie7.css
- se il browser non è Internet Explorer, utilizza il foglio di stile style.css.
Con questo metodo, ci saranno due fogli di stile da mantenere, in modo tale da ricordarseli quando si effettueranno gli aggiornamenti.
Fammi sapere.
G.S.
-
-
@SerGian said:
Quindi elimina il predetto "codice" nel foglio di stile, e aggiungi il seguente:
Che codice? Manca il punto (3)?
Inoltre il problema è che questo è un template WordPress, non so se posso avere due CSS con nomi differenti che vengono richiamati a seconda del browser: WordPress infatti richiama come primo file del template il style.css
-
L'ho editato, leggi ora.
-
Ciao, ok, su questo punto ho capito, ma resta ancora da chiarire un secondo punto: cosa metto nel "ie7.css" perchè sia differente da quello base e si veda bene sotto Explorer il sito?
-
ti posso aiutare io, mywebislandgmail.com
-
Come ti ho già anticipato, devi creare due files identici, dopodichè apportare le dovute modifiche come sopra indicato. ciao!
-
SerGian: mi hai solo detto come duplicare i fogli di stile, ma se anche li duplico, quello che tu chiami "ie7.css" sarà identico al primario, creando gli stessi problemi, no?
Qualcosa dovrà pur cambiare tra i due CSS....
-
Spero di non andare in O.T..
Devi leggere attentamente su, poichè va bene creare un duplicato ma poi devi apportare le suddette modifiche al file ie7.css (leggi bene).
-
@SerGian said:
- Duplica il foglio di stile corrente e rinominalo in (ad es.) ie7.css.
Fatto
@SerGian said:
- Nel'header, trova qualcosa come (ad es.) questo:
Sostituito
@SerGian said:
- Personalizzare i percorsi dei fogli di stile:
- se il browser è IE, utilizza il foglio di stile ie7.css
- se il browser non è Internet Explorer, utilizza il foglio di stile style.css.
Con questo metodo, ci saranno due fogli di stile da mantenere, in modo tale da ricordarseli quando si effettueranno gli aggiornamenti.
Sostituiti i percorsi.... ma i due file ie7.css e style.css contengono le stesse informazioni, dunque sotto Explorer continuerà a vedersi male.....
Dove mi perdo??
-
Se hai fatto tutto come si deve mediante la sostituzione dei codici per ie e non funziona, vuol dire allora che hai postato degli articoli nel blog contenenti "div" o "table"....quindi se è così eliminali e vedrai che tutto andrà a posto!
-
L'unico codice che ho provato a sostituire è quello che mi hai girato tu, ovvero:
<![if IE]><link rel="stylesheet" type="text/css"
href="tuo_blog.com/wp-content/themes/simpla/ie7.css">
<![endif]> <![if !IE]><link rel="stylesheet” type="text/css"
href="tuo_blog. com/wp-content/themes/simpla/style.css">
<![endif]>Se c'è altro da sostituire, ecco, quello è la mia domanda!
...nessun DIV o TABLE, solo semplice testo!
-
Spero che al posto di "tuo_blog.com" tu abbia messo il nome del tuo dominio!?
-
@SerGian said:
Spero che al posto di "tuo_blog.com" tu abbia messo il nome del tuo dominio!?
Yes, off course! ...ma niente...
-
...ed anche al posto di "simpla" ho messo il nome del template se è la prossima domanda! ^_^
-
Mi spiace, ma non posso aiutarti diversamente. Aspetta "nuove".
Ciao.
G.S.
-
Se ti serve un aiuto, puoi contattarmi attraverso info[CHICCIOLA]matriz.it
-
Se hai bisogno contattami , luca.bleve[CHICCIOLA]gmail.com. Te lo sistemo io