Eliminare l’outline sui bottoni in Firefox

20 aprile 2010 - Fonte: http://www.redsend.org

Cos’è l’outline su un bottone?

Me lo sono chiesto anche io appena ho letto la parola “outline”. L’outline è quel bordo che il browser aggiunge quando viene fatto il focus di un elemento. In particolare viene utilizzato per evidenziare gli elementi di una pagina quando si naviga con il con la tastiera, utilizzando il tab per spostarsi sui vari link.

L’outline viene utilizzato per l’accessibilità di un sito ed è molto importante per chi usa navigare nella pagina tramite tastiera (con il TAB ad esempio). Se qualcuno ancora non ha capito cosa sia ecco vi un esempio:

...

Leggi il seguito »

L’ attributo style produce un errore se usato nell’ html

16 febbraio 2010 - Fonte: http://giovanninews.com

css-zen-bookPur ritenendo tuttora valida l' informazione riportata nell' articolo "CSS - Distanziare testo e immagine con una cornice", nel senso che produce l' effetto descritto, questa tecnica produce, in fase di validazione con Total Validator, l' errore E650 per le specifiche HTML 4.01 così descritto : "When style attributes are used the default style sheet language should be specified using a Content-Style-Type HTTP header or <meta> tag". L' errore rimanda ad una pagina del W3C...

Leggi il seguito »

CSS:realizzare bordi vari

11 maggio 2009 - Fonte: http://www.programmando.net
Se volete arricchire il vostro sito con bordi di vario genere qui troverete diverse tecniche per creare bordi con bordi arrotondati,nessun bordo,angolo specifico e cosi via! Se volete arrotondato solo l’angolo superiore destro inserite:   border: 5px solid red; -moz-border-radius-topright: 25px; -webkit-border-top-right-radius: 25px;   Angolo inferiore destro:   border: 5px solid red; -moz-border-radius-bottomright: 25px; -webkit-border-bottom-right-radius: 25px;   Bordo sotto rosa e sopra rosso:   border: 5px inset red; -moz-border-radius: 25px; -webkit-border-radius: 25px; Le [...]...

Leggi il seguito »