chalda.it
30nov/097

I diversi livelli di conoscenza dell’HTML

livelli

Prendendo ispirazione dai Livelli di Conoscenza del CSS di  Emil Stenström,  ho iniziato a pensare ai diversi gradi di   conoscenza dell' HTML  tra le persone che lavorano in ambito web,  da colui che non conosce quasi nulla a chi ne sa abbastanza da poter scrivere le attuali specifiche HTML.

Ho pensato di descrivere diversi livelli di conoscenza del linguaggio HTML. Per alcune persone questi livelli sono solamente delle fasi di transizione mano a mano che si comprendono gli standard web, la semantica e l'accessibilità,  per altre  un livello è semplice da raggiungere  grazie alla loro attitudine verso l'HTML e i linguaggi di programmazione in generale.  Altri difficilmente supereranno i primi livelli.

Questi livelli sono scritti in maniera semplice e sono solamente una mia opinione personale, quindi non serve scaldarsi  se non siete d'accordo con me su alcune categorie... Prendetela con un sorriso invece!

Ecco i livelli:

19ott/090

Come evitare che firefox tronchi le pagine nell’anteprima di stampa

Firefox è un ottimo browser, ma per quanto riguarda la stampa lascia un po' a desiderare.
Non è difficile imbattersi in anteprime di stampa abnormi, in cui viene visualizzata solo una pagina di contenuto e il resto scompare misteriosamente...

Per ovviare a questo problema creiamo una pagina di stile alternativo per la stampa, che chiameremo print.css, ed inseriamo le seguenti righe:

#idcontenitore {
   display: inline;
   overflow:visible;
}

Poi linkeremo lo style nel nostro template con la seguente riga:

 <link rel="stylesheet" type="text/css" href="print.css" media="print" />

Ora l'anteprima di stampa di firefox dovrebbe tagliare le pagine in modo corretto!

19ott/090

Settare l’altezza di un div a 10px o meno in ie6

Certe volte si ha necessità di settare un'altezza minima a un div, ma ie6 non ne vuole sapere e setta una sua "Altezza minima".

Questo perché ie6 HA un'altezza minima per gli elementi: l'altezza del carattere.

Per ovviare al problema inserire nel CSS:

#div{
   height:5px;
   line-height:0;  /* Altezza riga a 0 */
   font-size:0  /* Dimensione Carattere a 0*/
}