www.MegaLab.it

da **M@ttia** » lun mar 13, 2006 8:10 pm

Boo ha scritto:
M@ttia ha scritto:
Codice: Seleziona tutto
margin:0 auto 0 auto

Equivale a fare
Codice: Seleziona tutto
margin-bottom: 0; margin-top: 0; margin-left: auto; margin-right: auto;

Sì infatti, ma non so per quale motivo così allinea tutto perfettamente come voglio io, quindi anche se non so esattamente perché così vada e negli altri modi "analoghi" no mi va bene lo stesso [:-D]

da **M@ttia** » mer mar 15, 2006 1:14 pm

Ok dopo 100000 cancella-incolla codice con la versione "vecchia" ho scoperto perché c'è l ospazio fra le immagini: cambiando la dichiarazione iniziale da Transitional a Strict!!!! (pugni vari al povero monitor dop oaverci perso due ore a provare ogni pezzettino di codice... [:-D]

).

Ora allora chiedo: con il seguente codice (ovvero due immagini una sopra l'altra):

Codice: Seleziona tutto: <img src="Immagine.jpg" alt="" /><br /> <img src="Immagine.jpg" alt="" />

Con il transitional non lascia spazi, ma le "salda" perfettamente fra loro, mentre con Strict mi lascia un odiosissimo spazio fra le due!

Quale codice va quindi esplicitato nello strict per ottenere lo stesso effetto che il transitional fa senza niente! (nel css è già presente il pezzetto

Codice: Seleziona tutto: img { border: none; margin: 0px; }

(P.S. con IE non fa spazi, ma con Firefox, ecc. sì!)

da **Boo** » mer mar 15, 2006 3:11 pm

Non credo ci sia bisogno del break, hai provato a toglierlo?

da **M@ttia** » mer mar 15, 2006 4:50 pm

Boo ha scritto:Non credo ci sia bisogno del break, hai provato a toglierlo?

Eh senza break vengono affiancate e non una sopra e una sotto, ma comunque quello è solo un esempio, succede in generale con tutte le immagini che hanno spazi fra di loro (solo con il doctype strict, con il transitional non o faceva, quindi credo che nello script bisogni specificare esplicitamente di non farlo, nel transitional era sottointeso qualcosa...)

da **Boo** » mer mar 15, 2006 5:30 pm

Di tabelle non ci capisco niente.
Ho riscritto il codice, devi mettere le immagini nella cartella struct, per il favicon basta metter favicon.ico nella root e fa da solo.

Codice: Seleziona tutto: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html dir="ltr"> <head> <title>M@ttia Bergomi's Web Site</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <meta name="language" content="it-ch" /> <meta name="author" content="Mattia Bergomi - Ticino (Switzerland)" /> <meta name="keywords" content="Mattia, Bergomi, Computer, 3D, PC, Icone, Wallpapers, Tabelle, Guide" /> <meta name="description" content="M@ttia Bergomi Web Site" /> <meta http-equiv="Page-Enter" content="blendTrans(Duration=0.5)" /> <meta http-equiv="Page-Exit" content="blendTrans(Duration=0.5)" /> <style type="text/css"> html, body { background-color: #3D3D3D; color: #FFF; font-family: verdana, arial, helvetica, sans-serif; font-size: 10px; margin: 0; text-align: justify; } a:active, a:link, a:visited {color: #D8D8D8; text-decoration: overline;} a:hover {color: #FFF; font-weight: bold; text-decoration: underline;} div, img {border: 0; margin: 0;} div#top {background: url(./struct/02.jpg) left repeat-x; height: 22px;} div#logo {background: url(./struct/logo.jpg) no-repeat; height: 63px;} div#bottom {background: url(./struct/04.jpg) left repeat-x; height: 50px;} div#menu {background: url(./struct/05.jpg) left repeat-y; height: 150px;} div#last {background: url(./struct/06.jpg) left no-repeat; height: 47px;} .u {text-decoration: underline;} </style> </head> <body> <div id="top"><img src="struct/01.jpg" alt="" /></div> <div id="logo"></div> <div id="bottom"><img src="struct/03.jpg" alt="" /></div> <div id="menu"></div> <div id="last"></div> </body> </html>

da **M@ttia** » mer mar 15, 2006 5:40 pm

Ok lo sto provando grazie, ma comunque poi questo giochetto me lo fa ovunque, anche nelle tabelle, nei titoletti, nelle immagini sovrapposte, ecc., possibile che nello strict proprio no nesista una possibilità "generale" di dirgli di comportarsi come col transitional per gli spazi da lasciare? (comunque ora sto provando il tuo sopra [^]

)

da **M@ttia** » mer mar 15, 2006 6:09 pm

Wow col tuo pezzo ora è perfetto, eh cavol oavessi il tempo per eliminare le tabelle e fare tutto in div sarebbe molto meglio, i wish i had time! Comunque intanto il pezzo lì sopra lo lascio coi div che almeno si vede giusto [^]

Ah approfittando del tuo codice sopra, posso farti due domandine:

*) cosa significa all'inizio <html dir="ltr"> ???

*) Perché nel CSS fai html, body { ... } : si possono dare attributi anche all'html? Credevo di darli solo al body io... [sbigot]

(perché tutte ste cose devo farle così alla libera scoperta e non fanno corsi specifici nelle scuole? Così ora mi ritrovo al politecnico e per i corsi "facoltativi" ora non ho + tempo... [sedia]

)

da **Boo** » mer mar 15, 2006 6:45 pm

M@ttia ha scritto:cosa significa all'inizio <html dir="ltr">

direction left to right, la scrollbar verticale esce sulla destra mentre in rtl (right to left) esce a sinistra, questo per i siti in lingua araba che hanno la scrittura da destra a sinistra.

M@ttia ha scritto:Perché nel CSS fai html, body { ... }

Perché mi serviva dare sia a HTML che a Body larghezza 100%, mi pare di averlo poi tolto, quindi puoi togliere html.

da **M@ttia** » mer mar 15, 2006 7:03 pm

Boo ha scritto:...

[^]

da **Boo** » mer mar 15, 2006 7:37 pm

Codice: Seleziona tutto: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html dir="ltr"> <head> <title>M@ttia Bergomi's Web Site</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <meta name="language" content="it-ch" /> <meta name="author" content="Mattia Bergomi - Ticino (Switzerland)" /> <meta name="keywords" content="Mattia, Bergomi, Computer, 3D, PC, Icone, Wallpapers, Tabelle, Guide" /> <meta name="description" content="M@ttia Bergomi Web Site" /> <meta http-equiv="Page-Enter" content="blendTrans(Duration=0.5)" /> <meta http-equiv="Page-Exit" content="blendTrans(Duration=0.5)" /> <style type="text/css"> body { background-color: #3D3D3D; color: #FFF; font-family: verdana, arial, helvetica, sans-serif; font-size: 10px; margin: 0; text-align: justify; } a:active, a:link, a:visited {color: #D8D8D8; text-decoration: overline;} a:hover {color: #FFF; font-weight: bold; text-decoration: underline;} div, img {border: 0; margin: 0;} div#top {background: url(./struct/02.jpg) left repeat-x; height: 22px;} div#logo {background: url(./struct/logo.jpg) no-repeat; height: 63px;} div#bottom {background: url(./struct/04.jpg) left repeat-x; height: 50px;} div#menu {background: url(./struct/05.jpg) left repeat-y; margin: 0;} div#last {background: url(./struct/06.jpg) left no-repeat; height: 47px;} ul#menu { list-style-type: none; padding: 0; margin: 0; } ul#menu li { background: url(./struct/Bottone.jpg) left no-repeat; line-height: 22px; list-style: none; padding-left: 1em; } .u {text-decoration: underline;} </style> </head> <body> <div id="top"><img src="struct/01.jpg" alt="" /></div> <div id="logo"></div> <div id="bottom"><img src="struct/03.jpg" alt="" /></div> <div id="menu"> <ul id="menu"> <li><a href="">Home</a></li> <li><a href="">Wallpapers</a></li> <li><a href="">Icone</a></li> <li><a href="">Smiles</a></li> <li><a href="">Tabelle</a></li> <li><a href="">Guide</a></li> <li><a href="">About Me</a></li> <li><a href="">Cont@ct Me</a></li> </ul> </div> <div id="last"></div> </body> </html>

da **M@ttia** » mer mar 15, 2006 8:48 pm

Se non ci fossi bisognerebbe inventarti! [:-D]

www.MegaLab.it

[XHTML] Transitional --> Strict

Chi c’è in linea