Monday, January 12, 2009

orphans, widows e page-break

Direi le tre proprietà fondamentali per creare un CSS per la stampa.
A cosa servono:

  • orphans: il valore di default è 2, ed indica il numero minimo di linee per cui viene interrotta la pagina e fatto proseguire il testo nella pagina successiva. Se il numero di linee è minore la pagina viene interrotta prima dell’elemento a cui è applicata tale proprietà e stampato nella pagina successiva.
  • widows: il valore di default è sempre 2, ed indica il numero minimo di righe inserite all’inizio della nuova pagina, dopo l’interruzione. Se le linee sono minori del numero indicato, saranno inserite dopo l’interruzione di pagina perchè l’interruzione è stata fatta prima dell’elemento a cui è associata tale proprietà
  • page-break-after: Specifica come e se inserire un interruzione di pagina dopo quell’elemento.
  • page-break-before: Specifica come e se inserire un interruzione di pagina prima quell’elemento.
  • page-break-inside: Specifica come e se inserire un interruzione di pagina all’interno di quell’elemento.

I possibili valori per queste ultime 2 proprietà sono:

  • auto: Inserisce un interruzione della pagina se necessario.
  • avoid: Evita la rottura della pagina.
  • always: Forza l’interruzione.
  • left: Forza l’interruzione di una o 2 pagine e formatta il testo a sinistra.
  • right: Forza l’interruzione di una o 2 pagine e formatta il testo a destra.

Per page-break-inside valgono solamente le prime 2 proprietà, ovvero inserire se necessario l’interruzione all’interno dell’elemento (auto) o evitare di interrompere all’interno di un elemento (avoid).

Queste 2 righe le ho tratte da quanto è possibile reperire dal W3Cschools

Sunday, November 30, 2008

CSS Reset

Ecco il famoso CSS Reset di Yahoo!. Serve a normalizzare tutti gli elementi, infatti i differenti browser interpretano in modi differenti i vari padding e margin, anche a seconda della versione (questo vale per IE).

 

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {	margin:0;</p>
<pre>	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

Argomeneti correlati:
http://developer.yahoo.com/yui/fonts/

Thursday, August 14, 2008

Nuovo Tema

Nuova Skin per il mio bloggino, niente di eccezionale, ho solamente lavorato di CSS e fatto l’immagine del logo, probabilmente con l’uso la modificherò in qualche sua parte, ma piccoli cambiamenti!

Con il nuovo tema, ho anche convertito il forum a phpbb, che lavoraccio!!! ^^

Tuesday, August 28, 2007

Nuovi Colori

Praticamente oggi, non avevo voglia di studiare per gli esami che mi attendono a settembre (Java Orientato agli oggetti, Statistica e l’orale di Sistemi Multimediali) e quindi, vedendo il blog, ho notato che mancava un pò di sprint, o forse era solamente voglia di cambiare più probabilmente, ed ecco, che dando un occhio al mio fidato sito ho trovato una combinazione di colori carina e subito mi sono cimentato, modificando il tema che avevo creato non troppo tempo fa: Tenue.

Bè ecco qui il risultato, gradevole secondo me, con l’aggiunta di una mia foto fatta proprio non più di un paio di settimane fa in Croazia come header del blog.

Così ho passato almeno un oretta in modo differente….ora penso che aspetterò in qualche modo l’ora di cena, per poi uscire ed andare ad una sagra!!

Wednesday, July 11, 2007

CSS3, l’avvento

Da non confondere con il nuovo prodotto Adobe, CSS3, sono le nuove specifiche per i fogli di stile, attualmente alla versione 2.1 . Questa versione, in lavorazione da anni, è sempre stata caratterizzata da una grande attesa, perchè dovrebbe portare l’introduzione di tecniche nuove, anzi rivoluzionarie, le novità stanno in una nuova modalità di gestione del testo, con nuove proprietà, e nella possibilità di definire dei moduli, in modo da gestire l’esecuzione di vari parti della pagina, che vanno dalle immagini, al layout,alla posizione del testo nella pagina ecc, per tutte le informazioni sul CSS3 in inglese, basta andare sul sito del W3C, il consorzio del web, precisamente nella pagina riguardante il CSS. Per avere un idea di cosa poter fare con il nuovo CSS3 in lingua italiana, bisogna come al solito andare sul sito di html.it, dove hanno fatto un articolo in continuo aggiornamento proprio sull’argomento.
Cosa si può creare facilmente con il CSS3 ora?? la risposta la trovate qui, in questo sito in lingua inglese :)
www.css3.info