Tag: css

Centrare verticalmente blocchi div con CSS2

Per centrare verticalmente un blocco testo, se questo è composto di una sola linea, è necessario specificare oltre all’altezza del contenitore div anche l’altezza della linea di testo e queste devono coincidere: HTML <div>blocco centrato verticalmente</div>   CSS div { height: 200px; line-height: 200px; /* <– devi aggiungere questa */ vertical-align: middle; } Per un …

Continue reading

Personalizzare Bootstrap

Bootstrap “appena tolto dalla confezione” (out-of-the-box) ha la possibilità di gestire grid-systems per un massimo di 12 colonne. Io ho bisogno di realizzare una tabella con 13 colonne. Dopo il solito giro di forum mi imbatto nel sito di Bootstrap (quale sito migliore?) che mi mostra questo favoloso servizio di personalizzazione col quale possiamo cambiare praticamente tutto …

Continue reading

Pillole CSS: come adattare la pagina web a vari vewport (desktop, smartphone, …)

Il responsive web design è l’arte di disegnare pagine web visibili da tutti i tipi di viewport, cioè di dispositivi: dal browser su computer desktop, al notebook, al tablet e allo smartphone. Ne abbiamo già parlato qui. Fondamentalmente si tratta di saper usare i fogli di stile (CSS) che, essendo “cascading” vengono applicati a cascata …

Continue reading

Responsive Web Design

Nato nel 2012, è una delle maggiori tendenze nel web design che si è trovato a dover affrontare un problema nuovo: come visualizzare bene pagine web in una miriade di scelte tra tipi di piattaforma (pc, tablet, smartphone), dimensioni dei monitor e risoluzioni diverse. Il 29 agosto 2012 il W3C ha pubblicato una bozza con …

Continue reading