Quando il browser incontra alcuni componenti, automaticamente li renderizza con una serie di DIV a cui applica un CSS predefinito. Un esempio molto chiaro è quello del player audio, creato con il TAG: <audio src=”Song.mp3″ type=”audio/mpeg” controls></audio> Questo TAG HTML viene tradotto automaticamente dal browser in qualcosa tipo: Se però provate ad aprire gli strumenti … Leggi tutto
Ci sono tanti framework CSS e potrebbe essere difficile decidere quale scegliere. Vi segnalo il sito http://usablica.github.io/front-end-frameworks/compare.html che contiene un guida comparata tra i vari framework CSS. Io ho optato per twitter bootstrap e voi? enjoy!
Colorare il contenuto di una tabella per evidenziare meglio il contenuto delle righe o colonne, può essere un’operazione noiosa se le modifiche allo stile delle righe e colonne viene fatto manualmente. I CSS ci danno tanti strumenti potenti che spesso non vengono utilizzati per la non completa compatibilità con i browser e che restano non … Leggi tutto
Se avete nel sito un menu a discesa e subito sotto un video con codice embed di youtube o comunque in flash, avrete notato che il menu scompare sotto il video che praticamente lo copre. Cercando di modificare le proprietà CSS dei div/li/etc che compongono il menu in modo da impostare un ordine di visualizzazione … Leggi tutto
Sicuramente vi sarete accorti che utilizzo un Mac (per molte ragioni che non sto qui ad indicare), ma quando rilascio un sito o un’applicazione web è necessario testare il tutto anche con Internet Explorer. Per farlo utilizzo una macchina virtuale con windows gestita dall’ottimo VirtualBox di Oracle e l’applicativo IETester che consente di visualizzare il … Leggi tutto
Come sicuramente saprete, i diversi browser in circolazione non interpretano il codice CSS allo stesso modo. Questo significa che in alcuni casi le pagine web vengono mostrate in modo differente se visualizzate nei differenti browser. La soluzione è creare delle regole CSS condizionali, ovvero creare delle definizioni valide solo per un browser (o un gruppo) … Leggi tutto
La proprietà min-height non viene gestita (come a solito) allo stesso modo da tutti i browser. Di seguito un hack per avere lo stesso risultato sui vari browser:
1 2 3 | height:20px; height:auto!important; min-height:20px; |
Oggi voglio pubblicare una cosa che differisce dagli argomenti degli altri post, ma dato che l’html è comunque legato in qualche modo al mio mondo, volevo scrivere due righe su come bypassare un annoso problema di compatibilità di visualizzazione tra i browser. Immaginiamo di aver definito uno stile CSS come segue:
1 2 3 4 5 | #search_box { float:right; clear:right; width:200px; } |
Ci accorgiamo però … Leggi tutto