Create layaut

07-12-2006, 19.24.23

salve, sono Salmon, ho penzato di creare per il mio sito dei tag <div> disposti come che la pagina avesse un suo layaut , mi chiedo da tanto tempo come si fa, ma in nessuna guida che io ho visto non ho trovato risposte, me potete spiegere voi come si fa a fare un layaut con i tag <div> ?

vi ringrazio in andicipo

**dementialsite** · 08-12-2006, 10.49.15

Sarà un po' lunga (offre comunque varie soluzioni), ma ti consiglio un'occhiata a questa guida: http://css.html.it/guide/leggi/3/gui...iti-con-i-css/

Stammi bene...

09-12-2006, 09.55.24

Originalmente inviato da dementialsite

Sarà un po' lunga (offre comunque varie soluzioni), ma ti consiglio un'occhiata a questa guida: http://css.html.it/guide/leggi/3/gui...iti-con-i-css/

Stammi bene...

grazie , ho gia visto su quel sito, ma riesco a mettere solo la testata e la navigator , dovrei mettere un tag <div> che si trovi al centro.

ora ti spiego, io sto facento un layaut con sopra la testata a destra e a sinistra le navigator e inmezzo alle due navigator vorei mettere un tag <div> io o provato a mettelo , ma nel dag che io medo me lo da sopra la navigator , cosi facento mi inizia a scrivire sopra la navigator di destra.

come posso fare , ho spagiato a mettere il codice forse ?

**dementialsite** · 09-12-2006, 10.47.15

Normalmente il layout che descrivi tu si realizza in questo modo:

Codice HTML:

<HEAD>
<STYLE>
DIV#menu_sx { width:20%; float:left }
DIV#menu_dx { width:20%; float:right }
DIV#main { width:60% }
DIV#footer { width:100%; clear:both }
</STYLE>
</HEAD>
<BODY>
<DIV ID="header">
<!-- parte di testa -->
</DIV>
<DIV ID="menu_sx">
<!-- colonna sinistra -->
</DIV>
<DIV ID="menu_dx">
<!-- colonna destra -->
</DIV>
<DIV ID="main">
<!-- colonna centrale -->
</DIV>
<DIV ID="footer">
<!-- parte di chiusura -->
</DIV>
</BODY>

Se hai ancora problemi, forse ti conviene postare il link della pagina che stai realizzando e quella della pagina nella guida più simile a quella che vuoi ottenere...

Stammi bene...

09-12-2006, 12.14.54

il probblema non è quello.

guarda di fascio vedere , io non so come fare ad inserire un tag <div> che non mi scriva sopra l' altri tag <div> , insomma , il tag che io voglio è colorato in rosso su questa immagine : fai click qui (ricorda il tag <div> che io voglio e colorato in rosso)

09-12-2006, 12.22.16

scusami dato ke serve ake a me creare un layout mi potresti dare il codice con le tabella ke già ci sn + due centrali?

09-12-2006, 13.20.44

Originalmente inviato da catanzaro1929

scusami dato ke serve ake a me creare un layout mi potresti dare il codice con le tabella ke già ci sn + due centrali?

il layaut non si crea con le tabelle.

sono fati con il tag <div>, e una specie di form

proprio questo e il motivo perche hanno fatto il layaut con il tag <div> , questo sistema esiste proprio per non incasinare il codice con le tabelle

un consiglio, è meglio il layaut con i tag <div> che inserire semplici tabelle

09-12-2006, 13.29.33

io ho visot il codice ma n ho capito come modifciarlo..se l oinserisco cosi' nn succede nulla!

09-12-2006, 14.18.24

quello non è un codice, e solo un immagine, con quello vi volevo dire che il tag <div> lo vorrei al posto del quadrato rosso

09-12-2006, 15.01.02

io ho creato delle tabelle laterali

EDIT: cmq ke programma usi se me lo dici se usi lo stesso mio ti do un link di una guida

09-12-2006, 15.03.12

con le tabelle il codice diventa tropo grande da elaborare

09-12-2006, 15.15.24

sto combattendo per creare un layout decente nn ci riesco

**funcool** · 09-12-2006, 16.48.36

Originalmente inviato da Salmon

il probblema non è quello.

guarda di fascio vedere , io non so come fare ad inserire un tag <div> che non mi scriva sopra l' altri tag <div> , insomma , il tag che io voglio è colorato in rosso su questa immagine : fai click qui (ricorda il tag <div> che io voglio e colorato in rosso)

Prova a leggere qui.

09-12-2006, 22.57.10

ci sn riuscito

10-12-2006, 00.05.23

io ancora no, purtroppo ho visto la guida e mi manga da inserire il tag centrare , ho trovato che nel codice che mi ha mandado dementialsite lo style della div header manga, insomma manga questo codice:

Codice HTML:

<style>
div#header {....}
</style>

mi potrete dire che cosa va li?

10-12-2006, 00.54.28

salmon ti conviene separare l'header dal resto ......cmq poi ci sei riuscito a nn far sovrapporre i laterali con quello centrale??

**dementialsite** · 10-12-2006, 10.50.02

Originalmente inviato da Salmon

io ancora no, purtroppo ho visto la guida e mi manga da inserire il tag centrare , ho trovato che nel codice che mi ha mandado dementialsite lo style della div header manga, insomma manga questo codice:

Codice HTML:

<style>
div#header {....}
</style>

mi potrete dire che cosa va li?

Quel codice lì non l'ho messo perché, in mancanza di altri dati, è inutile, visto che dovrebbe estendersi da solo a tutto schermo. Naturalmente se devi mettere altre impostazioni (colori, sfondi, caratteri, etc.) devi aggiungerlo e specificare le classi opportune.

Stammi bene...

10-12-2006, 15.45.49

allora se quello non va come si mette la <div> che sta tra il menu di destra e tra quello di sinistra ?

**funcool** · 10-12-2006, 18.02.55

Prova a leggere la pagina della guida segnalata da DementialSite che ho scritto io.

10-12-2006, 21.12.23

Originalmente inviato da funcool

Prova a leggere la pagina della guida segnalata da DementialSite che ho scritto io.

ho letto dove tu mi dicevi, ho provato a rifare il layaut, ma ho un problema.

hai presente il footer , tra i foter e i due menu mi crea uno spazio di circa due spaziature , ma nel codice lo spazio io non lo messo, come puo essere ?

**dementialsite** · 11-12-2006, 14.43.29

Originalmente inviato da Salmon

allora se quello non va come si mette la <div> che sta tra il menu di destra e tra quello di sinistra ?

Domanda: ma l'hai letto il post #4? È scritto tutto lì... se non fosse chiaro la colonna centrale va scritta dopo quelle laterali (non importa che l'ordine di queste sia destra/sinistra oppure sinistra/destra, tanto per queste pensano i CSS ad aggiustarli).

Stammi bene...

11-12-2006, 20.44.09

io lo letto il post presente su html.it , e poi spiecati meglio , non ho capito come si fa il div centrare ?

come e il codice del div e del css?

**dementialsite** · 12-12-2006, 10.20.59

Originalmente inviato da dementialsite

Domanda: ma l'hai letto il post #4? È scritto tutto lì...

Originalmente inviato da Salmon

io lo letto il post presente su html.it , e poi spiecati meglio , non ho capito come si fa il div centrare ?

come e il codice del div e del css?

Il post #4 a cui mi riferivo era quello qui sopra...

Stammi bene...

12-12-2006, 19.43.15

senti io il post quatro mica riesco a trovarlo

bho, lavranno cancellati , bho non so proprio

cmq ti dispiace riscriverlo

ha, scsa per prima, avevo capito il post di html.it

**funcool** · 12-12-2006, 19.47.17

Il post #4 è questo. Leggi il numero in alto a destra di ogni messaggio per capire che numero è.

12-12-2006, 21.10.30

nn ho kapito granke ti serve la tag per un layut web? vorresti dividerlo in3 parti? o ti serve un tag per dividere ke ne so un img un link destra sinistra centro ? <div align "center">e centrale tra virgolette left se vuoi sulla dextra right se sinistra :)

12-12-2006, 21.23.08

Originalmente inviato da WEBCOLOR

nn ho kapito granke ti serve la tag per un layut web? vorresti dividerlo in3 parti? o ti serve un tag per dividere ke ne so un img un link destra sinistra centro ? <div align "center">e centrale tra virgolette left se vuoi sulla dextra right se sinistra :)

io dicevo un layaut con 4 div: la testata , il menu sinistro , il menu destro e il menù sinistro.

non riesco a creare il menu centrare , ansi ora ci sono riuscito , pero se io scrivo più della lunghessa del div il risultato che mi da e che il div me lo alarga e me lo sposta sotto dandomelo come un div senza id. per non far accadele questo io dovrei andare a capo ogni volta che il div finisce , ma volevo sapere se si poteva fare automaticamente , insomma si può fare che il div sia fisso e che mandi a capo il testo , senza che io lo mandi manualmente ?

12-12-2006, 21.29.02

Originalmente inviato da Salmon

io dicevo un layaut con 4 div: la testata , il menu sinistro , il menu destro e il menù sinistro.

non riesco a creare il menu centrare , ansi ora ci sono riuscito , pero se io scrivo più della lunghessa del div il risultato che mi da e che il div me lo alarga e me lo sposta sotto dandomelo come un div senza id. per non far accadele questo io dovrei andare a capo ogni volta che il div finisce , ma volevo sapere se si poteva fare automaticamente , insomma si può fare che il div sia fisso e che mandi a capo il testo , senza che io lo mandi manualmente ?

posso vedere il tuo sito ... kmq se si tratta di una scritta pr andare a capo e <br> testo <br> img <br> spero di nn aver kapito male.e poi scusami su questo header centrale nn hai messo le misure larghezza per dire ? se si... aumenta o diminusci la larghezza

12-12-2006, 22.05.32

Webcolor, anche per te vale la stessa regola: scrivi in italiano.

Ciao!

12-12-2006, 22.39.20

Originalmente inviato da debug

Webcolor, anche per te vale la stessa regola: scrivi in italiano.

Ciao!

ciao debug ... e se nn fossi italiana?
se ti riferisci al mio k o abbrev. hai ragione devo perde il vizio :)

Discussione: Create layaut

LinkBack

Strumenti discussione

Display

Create layaut

Oh santa pace...

Regole di scrittura