• Super User

    Wordpress e CSS help! - Guida Casino Italia-Europa

    sul sito guidacasino.eu ho i seguenti problemi dovuti al css del template che sto usando:

    1. Sui banner del manu verticale di destra compare un bordino che vorrei cancellare (grigio di base e azzurro quando ci vado sopra)
    2. 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..
    3. 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
    4. 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..


  • Super User

    Ciao Matteoraggi 🙂

    Allora iniziamo dal principio:

    1. 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 😄 ).

    2. 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!