paitadesignblog

HTML, CSS e tutto il resto

CSS: immagine di sfondo a tutto schermo

dicembre28

I siti web con immagine di sfondo a tutto schermo sono di sicuro molto eleganti e di grande effetto, perchè allargano la percezione dello spazio dietro ai contenuti principali, e se le fotografie sono "d’autore", il layout può essere minimalista e lasciar parlare solamente le immagini.
Read the rest of this entry »

posted under CSS, Webdesign | 48 Comments »

PHP CSS o jQuery: come evidenziare la pagina corrente nel menù di navigazione

dicembre27

Quando i visitatori navigano nel nostro sito, è importante fare in modo che abbiano più informazioni possibili: dalla semplice visione di insieme, alla rintracciabilità delle sezioni corrette in relazione all’informazione cercata. Ai fini dell’usabilità, è inoltre importante segnalare in ogni pagina in quale sezione o punto del sito ci si trova. Per fare questo in modo automatico, utilizzeremo un po’ di programmazione in PHP e assegneremo al menù degli stili tramite i CSS.

Read the rest of this entry »

CSS e float: blocchi flottanti e altezza del contenitore. Le soluzioni

dicembre8

In questo articolo precedente, che riguardava i modi per ottimizzare il nostro CSS per rendere uniforme la visualizzazione del nostro sito su tutti i maggiori browser, abbiamo affrontato il bug di IE6 che riguarda l’altezza di un blocco contenente dei blocchi flottanti. Dato che questo comportamento errato del browser è uno dei primi problemi a cui un webdesigner deve fare fronte, e spesso risulta incomprensibile, facciamo il punto della situazione e vediamo tutte le soluzioni possibili.
Read the rest of this entry »

posted under CSS, HTML, Webdesign | 2 Comments »

CSS: Bottoni espandibili con una sola immagine

novembre29

Questa tecnica è ottima se dobbiamo creare dei bottoni che siano pronti per essere utilizzati con testi diversi, cioè che siano liquidi in orizzontale (si adattino cioè alla lunghezza del testo inserito).

In più vogliamo utilizzare il minor numero di immagini possibile (tecnica della “sprite image” e “sliding door”), avere codice più semantico possibile, e avere la possibilità di bordi arrotondati. Read the rest of this entry »

posted under CSS, Webdesign | Commenti disabilitati su CSS: Bottoni espandibili con una sola immagine

IE6: Fix per i più comuni bug

novembre22

Prima o poi tutti i web-designer, anche quelli più competenti,  si trovano a dover sbattere la testa contro gli strani comportamenti dell’anziano browser della casa di Redmond, Internet Explorer 6. Nonostante il suo utilizzo sia in costante declino, è bene tenerne conto, anche perchè, ahinoi, Microsoft ha recentemente annunciato che continuerà il supporto a IE6 fino al 2014.
Read the rest of this entry »

posted under CSS, HTML, Webdesign | 2 Comments »
Newer Entries »