html e css

[TorpedoBlu]

ciao, vorrei un po' imparare l'html, so i rudimenti e per ora mi sono imbattuto nei css, chi di voi me ne manda uno per capire come sono fatti?? magari uno bellino da provare subito grazie

[walternet]

Per vedere di che cosa si tratta guarda qui...
http://www.thenoodleincident.com/tut.../template.html
è un ottimo template da utilizzare per dare sempre la giusta dimensione ai caratteri.

Le possibilità di utilizzo dei CSS però sono infinite, quarda questa pagina...

http://www.designdetector.com/tips/3DBorderDemo2.html

[TorpedoBlu]

Originariamente inviato da walternet
Per vedere di che cosa si tratta guarda qui...
http://www.thenoodleincident.com/tut.../template.html
è un ottimo template da utilizzare per dare sempre la giusta dimensione ai caratteri.

Le possibilità di utilizzo dei CSS però sono infinite, quarda questa pagina...

http://www.designdetector.com/tips/3DBorderDemo2.html

ma il primo link che mi hai dato che roba è??

[TorpedoBlu]

pensavo ad uno stile come http://www.sulpalco.com/

come si fa?

[walternet]

Sulpalco non è un ottimo esempio perchè usa pochissimo i css... il foglio di stile comunque è questo http://www.sulpalco.com/stile.css

Il primo link è ottimo per capire come funzionano i css.
Il foglio di stile è questo
http://www.thenoodleincident.com/tut...y/css/real.css

Ne prendo un pezzo...

body {
margin: 0;
padding: 0;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 76%;/* font sizing in ems, baby. if you want to change anything, just change this.*/
/*funny thing happens at 75% and lower. opera goes to a nice small size, but moz and ie pc change almost not at all. seems 76% is as small as you can go and stay the same across browsers. poop.*/
color: #000;
background-color: #fff;
background-image: url(http://www.thenoodleincident.com/img/_.gif);/*these three lines replace the n4_upgrade.gif in n4.css. and if you use this code, make sure you point to an img on _your_ server, not mine.*/
background-repeat: no-repeat;
background-position: top left;
}

definendo tutte le caratteristiche del body nel css non devi dichiararle nell'html per ogni pagina

Un altro esempio...

h1 {
font-size: 2.0em;
font-weight: normal;
margin-top: 0em;
margin-bottom: 0em;/*both set to zero and padding in header div is used intead to deal with compound ie pc problems that are beyound summary in a simple comment.*/
}
h2 {
font-size: 1.7em;
margin: 1.2em 0em 1.2em 0em;
font-weight: normal;
}
h3 {
font-size: 1.4em;
margin: 1.2em 0em 1.2em 0em;
font-weight: normal;
}

Definendo le caratteristiche di h1 h2 h3, ecc... nel foglio di stile quando nella pagina html hai bisogno di fare un titolo grande scrivi <h1>TITOLO</h1>, per farne uno più piccolo <h3>TITOLO</h3> e così via...

[TorpedoBlu]

carino, secondo voi posso "ispirarmi" da un css di un sito che mi piace?? avete una documentazione in italiano dei css?

[walternet]

Il miglior sito in italiano sui css è senza ombra di dubbio
http://www.constile.org/

[TorpedoBlu]

il tuo sito come l'hai fatto?

[walternet]

ho scritto il codice a mano

[TorpedoBlu]

tutto a mano con blocco note??!! (io pensavo di usare dreamweaver)

[walternet]

Beh, è chiaro che se non sai il codice devi usare un editor visuale
Dreamweaver è ottimo, fino alla versione MX supportava malissimo i css ma ho sentito che l'ultimissima ha risolto il problema.
Io comunque uso html-kit, che è un editor testuale.

[TorpedoBlu]

http://torpedoblu.altervista.org/

ho fatto questo, non è nulla è solo una prova, che ne dici?

[TorpedoBlu]

up

[walternet]

A proposito di fogli di stile io sostituirei la tabella con un posizionamento tramite css (studiati il box model) anche per controllare meglio gli spazi... ma va bene anche così. Togli gli spazi prima e dopo i link perchè la sottolineatura deborda.

[TorpedoBlu]

ok grazie, sto facendo un menu..
box model? mi dai un link dove scaricare una documentazione in italiano?

[walternet]

Te l'ho già dato.... constile.org

[TorpedoBlu]

ci sto lavorando, che dici? guarda ho fatto la parte delle news

[walternet]

benissimo!

[TorpedoBlu]

[Digitos]

io ti consiglio di leggerti le lezioni sui CSS su html.it