- Home
- Categorie
- Coding e Sistemistica
- HTML e CSS
- Wordpress e CSS help! - Guida Casino Italia-Europa
-
Wordpress e CSS help! - Guida Casino Italia-Europa
sul sito guidacasino.eu ho i seguenti problemi dovuti al css del template che sto usando:
- Sui banner del manu verticale di destra compare un bordino che vorrei cancellare (grigio di base e azzurro quando ci vado sopra)
- Sempre i banner del menu verticale di destra con internet explorer si vedono distanziati di circa 5 pixel, mentre con firefox questa distanza scompare, mentre mi piacerebbe mlto averla graficamente, e se mettessi il bordino su firefox poi su internet explorere aumenterebbe a dismisura..
- Le immagini inserite negli articoli e pagine hanno in automatico una righina grigia e 3 pixel interni di bordo bianco, anche qui vorrei togleire completamente il bordo
- La sottolineatura dei link nelle pagine ed articoli è tratteggiata, mentre la vorrei come una normale sottolineatura dei normali link
il mio css è qui allegato
io non sonoesperto di css, spero qualcuno possa aiutarmi..
-
Ciao Matteoraggi
Allora iniziamo dal principio:
-
Le immagini di base hanno un bordo prestabilito soprattutto su alcuni browser.
Per eliminarlo nel tuo caso specifico inserisci questa dicitura qui nel tuo css:
[html]
#sidebar ul img{
border:none;
}
[/html]2) Explorer come oramai noto stabilisce di suo un concetto differente per quanto riguarda margin e paddin.
Senza entrare nel dettaglio ti basterà aggiungere questi attributi css:
[html]
a{
display:block;
float:left;
margin:2.5px;
/*oppure margin-bottom:5px; */
}
[/html]3) Nel tuo css c'è un punto "content img{border:1px solid #cccccc;}
In questo modo hai attribuito il bordo alle tue immagini.
Se vuoi eliminarle nel particolare fai come al punto 1:
[html]#content img{ border:none;}[/html]Oppure se vogliamo dare una regola generale in modo che non ti ricapiti più scrivi al top del tuo css questo parametro:
[html]
img{border:none;}
[/html]In questo modo hai risolto in un colpo solo punto 1 e punto 2 (e futuri ). -
Non ho capito come mai ai tuoi link viene dato un attributo "border" per i link ne riesco a trovare dove sia stato scritto. Comunque per cambiare la tratteggiatura dei tuoi link attivi scrivi così sempre nel css:
[HTML] a, a:link, a:active{
border-bottom:none;
text-decoration: underline;
}[/HTML]
Se vuoi cambiarla anche ai link su evento "onmouseover" ti basterà scrivere nel codice css sopracitato il referente:.... , a:active, a:hover{
ciao!
-