Separare una parte da un'altra di una pagina web

[ilvecchiofumetto]

Ciao a tutti!!
Ho un problema (tanto per cambiare ) : vorrei separare,senza usare i frame, una parte di una pagina web (la parte alta, dove di solito c'è il titolo del sito) dall'altra, dove metto tutto il resto del sito. Non so però come si fa!! Qualcuno mi può aiutare?

Grazie.

[phpone]

Separare in che senso???

Se ho capito bene puoi provare con <hr>

Ciaoooo!

[ilvecchiofumetto]

Separare nel senso di rendere indipendente... Cioè: vorrei che la parte dove c'è il titolo (parte alta), non influisca sulla visualizzazione e sul resto dell'altra parte.

La funziona <hr> va anche chiusa </hr>?

[funcool]

<hr> non è una funzione, ma un tag. Non si deve chiudere, è come il <br>.

[ilvecchiofumetto]

Ok, ma comunque non è quello che cercavo di ottenere...
Se andate su questo sito (scusa demential se ti prendo sempre ad esempio ) www.dementialsite.altervista.org , vedete che la parte in alto, dove c'è la pubblicità, è separata ed indipendente dal resto della pagina. Ha anche uno sfondo a sè.
Vorrei ottonere questo...

[funcool]

Usa un layout formato da <div> e formattato con i CSS, per saperne di più clicca qui.

[ilvecchiofumetto]

Grazie funcool, dopo vedo se riesco a farlo!!

Ciao!!!

Forse avresti bisogno di un editor HTML.
Per esempio per i miei due siti io ho usato Nvu un ottimo editor che ti permette di realizzare graficamente un sito in modo ordinato,ed in più ha al suo interno un FTP,così potrai inviare tutto il lavoro direttamente da lì.
Ciao

[ilvecchiofumetto]

Uso Macromedia DreamWeaver MX 2004

[dementialsite]

Dato che sono stato chiamato in causa, rispondo io: avrai notato che la homepage del mio sito è costituita da 7 moduli e un altro che li contiene tutti, di cui questo è il codice CSS che li posiziona:

DIV#container {} /* contenitore globale */
DIV#header { width:auto } /* banner grande */
DIV#news { float:left; width:20% } /* novità e orologio */
DIV#menu { width:auto; margin-left:20% } /* menu superiore */
DIV#extra { float:right; width:25% } /* parte destra */
DIV#main { margin-left:20%; margin-right:25%; width:auto } /* parte principale centrale */
DIV#banner { clear:left; margin-right:25%; width:auto } /* banner piccolo */
DIV#footer { clear:both; width:auto } /* copyright & disclaimer */

I colori di sfondo li ho messi in seguito, anche perché cambiano secondo le tematiche trattate nelle varie sezioni, ma nessuno ti vieta (anzi, è quello che dovresti fare) di includere tali specifiche nelle righe qui sopra.

A questo CSS devi far corrispondere dei file HTML strutturati nel seguente modo:

<DIV ID="container">
<DIV ID="header">
...
</DIV>
<DIV ID="news">
...
</DIV>
<DIV ID="menu">
...
</DIV>
<DIV ID="extra">
...
</DIV>
<DIV ID="main">
...
</DIV>
<DIV ID="banner">
...
</DIV>
<DIV ID="footer">
...
</DIV>
</DIV>

Questo è come si fa in HTML grezzo, con DW (che ultimamente uso solo per il suo reference...) non so se ci sia qualcosa di simile...

Stammi bene...

P.S. Noto con piacere che qualcuno il mio sito lo visita...

[ilvecchiofumetto]

Grazie mille demential!! Adesso aggiungo le cose che mi servono e provo tutto!!
Un'ultima cosa: è possibile nel CSS stabilire un contorno ai vari div di 1px, ad esempio?

[dementialsite]

Certo, ti basta aggiungere nei CSS di prima questo stile:

border:solid 1px #RRGGBB

dove #RRGGBB è il colore in formato RGB del bordo. Se però intendevi "scopiazzare" il layout del mio sito, te li sconsiglio, perché avevo provato a metterli anche solo su alcuni lati ma il risultato lasciava veramente a desiderare...

Stammi bene...

[ilvecchiofumetto]

Grazie ancora!! No, certo che non li copio!! Li creo io sulla falsa riga di quelli levando e aggiungendo cose in base a ciò che voglio ottenere.