Printable View
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 :wink:
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.Citazione:
Originalmente inviato da dementialsite
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 ?
Normalmente il layout che descrivi tu si realizza in questo modo: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...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>
Stammi bene...
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)
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.Citazione:
Originalmente inviato da catanzaro1929
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
io ho visot il codice ma n ho capito come modifciarlo..se l oinserisco cosi' nn succede nulla!
quello non è un codice, e solo un immagine, con quello vi volevo dire che il tag <div> lo vorrei al posto del quadrato rosso
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
con le tabelle il codice diventa tropo grande da elaborare
sto combattendo per creare un layout decente nn ci riesco
Prova a leggere qui.Citazione:
Originalmente inviato da Salmon
ci sn riuscito
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?
salmon ti conviene separare l'header dal resto ......cmq poi ci sei riuscito a nn far sovrapporre i laterali con quello centrale??
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.Citazione:
Originalmente inviato da Salmon
Stammi bene...
allora se quello non va come si mette la <div> che sta tra il menu di destra e tra quello di sinistra ?
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.Citazione:
Originalmente inviato da funcool
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 ?
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).Citazione:
Originalmente inviato da Salmon
Stammi bene...
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?
Citazione:
Originalmente inviato da dementialsite
Il post #4 a cui mi riferivo era quello qui sopra... :| :|Citazione:
Originalmente inviato da Salmon
Stammi bene...
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
Il post #4 è questo. Leggi il numero in alto a destra di ogni messaggio per capire che numero è.
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.Citazione:
Originalmente inviato da WEBCOLOR
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 larghezzaCitazione:
Originalmente inviato da Salmon
Webcolor, anche per te vale la stessa regola: scrivi in italiano.
Ciao!
ciao debug ... e se nn fossi italiana?Citazione:
Originalmente inviato da debug
se ti riferisci al mio k o abbrev. hai ragione devo perde il vizio :)