Newsgroup: it.comp.www.html
Titolo: [CSS] Layout-o-matic

* Full page
* Two column (left sidebar)
* Two column (right sidebar)
* Three column
*click*
http://www.inknoise.com/experimental/layoutomatic.php
come al self-service.
-- 
email: goldicus1970 AT 
yahoo.it
web: 
http://www.deelan.com

 
bello! ormai non serve più niente per creare un sito. quando arriverà 
Content-o-matic saremo a posto

deelan ha scritto:
| 
http://www.inknoise.com/experimental/layoutomatic.php
|
| come al self-service.
Carino,
    e soprattutto molto snello il codice che genera... mi chiedevo una
cosa però: se l' opzione "generate box model hack" è settata dà una cosa
simile:
#sidebar_a {
   float: left;
   width: 200px;
   \width: 210px;
   w\idth: 200px;
   margin: 0;
   margin-right: 0;
   padding: 5px;
   background-color: rgb(235, 235, 235);
  }
Le tre righe relative al width dovrebbero essere il box model hack, ma è
una tecnica di cui non ho mai letto.. sai mica di chi è l' idea originale e dove
si può leggere qualcosa in più. Per curiosità ho provato a validare il css, e il validatore
non considera gli "\". E credo anche alcuni browsers, ma sarebbe bello sapere a quali
attribuire le tre regole.
Ciao,
    SantaKlauss
P.S: ora siamo a due...listamatic e layout-o-matic, maca solo più
text-o-matic (per gli stili sul testo) header-o-matic (a una cosa simile ci sto lavorando
io da un po', credo che la metterò on line tra breve) e color-o-matic... e poi in una
decina di copia-incolla uno si è fatto un perfetto template html+css.

 attribuire le tre regole.
e' uno dei box model hack semplificati. mai avuto tempo di guardarli 
bene, ma prima o poi ci butto un occhio, li trovi qui:
http://css-discuss.incutio.com/?page=BoxModelHack
penso siano sono raccolti nella css-d la ML piu' famosa
(e cazzuta) sui CSS.
ciao.


una tecnica di cui non ho mai letto..
Ciao, io ho provato a commentare le dichiarazioni di questo tipo:
			\width: 780px;
			w\idth: 760px;
e il risultato non cambia in IE 5 e 6, Opera 7, Mozilla 1.3 e NS 7
Voi su che browsers avete provato?
Ah, devo fare un sito, 3 colonne, testa e piede... nonostante il mio
affetto per i css quasi quasi vado giù di <table>.... non ho molta
voglia di rischiare :o(
-- 
Non bisogna mai lasciare tracce. (Giulio Andreotti)

Tama ha scritto:
| >Le tre righe relative al width dovrebbero essere il box model hack, ma č
| >una tecnica di cui non ho mai letto..
|
| Ciao, io ho provato a commentare le dichiarazioni di questo tipo:
| \width: 780px;
| w\idth: 760px;
| e il risultato non cambia in IE 5 e 6, Opera 7, Mozilla 1.3 e NS 7
Ciao Tama,
    il box model hack serve per portare IE5 alla giusta interpretazione
di un box. Nel box model corretto la dimensione dichiarata di un box č
soltanto quella scrivibile, cioč non vengono considerati nel computo delle
dimensioni dicharate padding e border.
IE 5 interpreta, a differenza di tutti gli altri browsers standard compilants,
come parte delle dimensioni anche i bordi e padding di un elemento.
Il fatto che tu ottenga lo stesso risultato in IE5 e negli altri browser č indice
che la tecnica funziona.
| Ah, devo fare un sito, 3 colonne, testa e piede... nonostante il mio
| affetto per i css quasi quasi vado giů di <table>.... non ho molta
| voglia di rischiare :o(
Come ti senti, io personalmente adoro i css e cmq si trovano un sacco di
layout pronti e collaudati. Layout-o-matic č decisamente utile se non vuoi
perdere tempo a codificare il layout.
Se opti per le tabelle, considera una lettura al css-td tutorial di projectseven:
http://www.projectseven.com/tutorials/css_t/
Introduzione al tutorial molto significativa:
Your best client, Harvey, calls. "Joe", he says, "Our new marketing guy says
that the web site needs to be fluid... it needs to expand and contract when
people resize their window. Can you have it done by next Tuesday?"
"Er, uh, sure", you stammer. You hang up the phone, curl into a fetal position,
and you want to die... on Monday. There are 283 pages and each one contains
a fixed-width table. If it takes five minutes to edit each page, it'll take
TWENTY-THREE hours to edit them all.
You can prevent this from ever happening to you again if you use
CSS to control your tables.
Ciao,
    SantaKlauss