Come faccio a configurare la testata del sito con i css e i div?

[netghost]

avendo questo codice, come faccio a realizzare con <DIV> e css la testata qui in allegato?

<DIV>
[img]images/header_01.gif[/img][img]images/header_02.gif[/img][img]images/header_03.gif[/img][img]images/LgShinjuku.gif[/img][img]images/header_04.gif[/img][img]images/header_05.gif[/img][img]images/Header_06.gif[/img]</DIV>
<DIV>
[img]images/btnRegistrati.gif[/img][img]images/btnRegistrati_2.gif[/img][img]images/BtnLogIn.gif[/img][img]images/nero.gif[/img][img]images/btnPWord.gif[/img][img]images/nero2.gif[/img][img]images/btnHammer.gif[/img]
[img]images/curva.gif[/img][img]images/banner.gif[/img][img]images/bianco.gif[/img]</DIV>
[img]images/spacer.gif[/img][img]images/spacer.gif[/img][img]images/spacer.gif[/img][img]images/spacer.gif[/img][img]images/spacer.gif[/img][img]images/spacer.gif[/img][img]images/spacer.gif[/img][img]images/spacer.gif[/img][img]images/spacer.gif[/img][img]images/spacer.gif[/img]
</DIV>

[Mich_]

Ci fosse un tag o un attributo corretto in quelle tre righe ...
Mi sa che hai fatto la scuola di Microsoft.

Consiglio: reset generale e inizio studio di un tutorial HTML e uno CSS. Ce ne sono di buoni in HTML.it

[netghost]

ok. x esempio

[netghost]

ricapitolando, ho ripreso un mio vecchio lavoro a cui avevo dato questi css

	<style type="text/css">
		<!--
			/*stili generali*/
			html, body {	Margin: 0px 0px 0px 0px;
										Padding : 0px 0px 0px 0px; }
			body {	Font-Family : Arial, Sans-Serif;
							Font-Size : 76%;
							Text-Align : Center; }
			/*stili per le zone*/
			div#Contenitore {	Margin : 0px 0px 0px 0px;
												Padding : 0px 0px 0px 0px;
												Text-Align : left;
												Width : 760px;
												height : 190px;
												BackGround-Color : #172C06; }
			div#Intestazione {	Color: #172C06; }
			div#Logo {	Float : Left;
									Width : 150px;
									Color : #172C06;
									BackGround-Color : #172C06; }
			div#MenuSezione { Margin-Left : 200px;
												BackGround-Color : #FFFFFF; }
			div#MenuInformazioni {	Clear : Left;
															BackGround-Color : #808080;
															Color : #FFFF00;
															Padding : 5px;
															Margin : 0px;
															Height : 15px; }
			div#MenuNavigazione{	Float : Left;
														Color : #172C06E;
														Width : 150px;
														Padding : 0.5em;
														BackGround-Color : #FFFFFF;}
			div#MenuNavigazione	a	{ Color : #172C06E;
															Text-Decoration : UnderLine; }
			div#MenuNavigazione	a:Hover	{ Text-Decoration : None; }
			div#Contenuti { Margin-Left : 150px;
											Padding : 0.5em;
											BackGround-Color : #FFFFFF;
											Height : 530px; }
			div#PieDiPagina {	Clear : right;
												Text-Align : Center;
												BackGround-Color : #69c; }
		-->
	</style>

e avendo questa di testata in html, come faccio a settare i css (modificandoli ovviamente) a favore di quella che devo fare?

<TABLE WIDTH=760 BORDER=0 CELLPADDING=0 CELLSPACING=0>
	<TR>
		<TD ROWSPAN=3>
			<A HREF="default.htm">
				[img]images/header_01.gif[/img]</A></TD>
		<TD>
			[img]images/header_02.gif[/img]</TD>
		<TD>
			[img]images/header_03.gif[/img]</TD>
		<TD COLSPAN=3>
			<A HREF="default.htm">
				[img]images/LgShinjuku.gif[/img]</A></TD>
		<TD>
			[img]images/header_04.gif[/img]</TD>
		<TD>
			[img]images/header_05.gif[/img]</TD>
		<TD COLSPAN=2 ROWSPAN=2>
			[img]images/Header_06.gif[/img]</TD>
	</TR>
	<TR>
		<TD>
			<A HREF="#">
				[img]images/btnRegistrati.gif[/img]</A></TD>
		<TD>
			<A HREF="#">
				[img]images/btnRegistrati_2.gif[/img]</A></TD>
		<TD>
			[img]images/BtnLogIn.gif[/img]</TD>
		<TD>
			[img]images/nero.gif[/img]</TD>
		<TD>
			[img]images/btnPWord.gif[/img]</TD>
		<TD>
			[img]images/nero2.gif[/img]</TD>
		<TD>
			<A HREF="#">
				[img]images/btnHammer.gif[/img]</A></TD>
	</TR>
	<TR>
		<TD>
			[img]images/curva.gif[/img]</TD>
		<TD COLSPAN=7>
			[img]images/banner.gif[/img]</TD>
		<TD>
			[img]images/bianco.gif[/img]</TD>
	</TR>
	<TR>
		<TD>
			[img]images/spacer.gif[/img]</TD>
		<TD>
			[img]images/spacer.gif[/img]</TD>
		<TD>
			[img]images/spacer.gif[/img]</TD>
		<TD>
			[img]images/spacer.gif[/img]</TD>
		<TD>
			[img]images/spacer.gif[/img]</TD>
		<TD>
			[img]images/spacer.gif[/img]</TD>
		<TD>
			[img]images/spacer.gif[/img]</TD>
		<TD>
			[img]images/spacer.gif[/img]</TD>
		<TD>
			[img]images/spacer.gif[/img]</TD>
		<TD>
			[img]images/spacer.gif[/img]</TD>
	</TR>
</TABLE>

[andrea.paiola]

come già detto da Mich, ricomincia da zero e scrivi codice standard

[netghost]

quello sotto è codice standard. generato da photoshop per le immagini tagliate. dove sbaglio? :master:

[Mich_]

Hai uno strano concetto di codice standard (o forse e` il tuo editor).

Quello e` codice HTML 2, ma con errori (funzionava, ma non era corretto).

Ora di fronte ad una cosa cosi` e` difficile poterci mettere mano: occorre riscrivere praticamente tutto.

Puoi provare a vedere se ci riesce Tidy.

Poi verifica il codice CSS: validatore CSS.

Se poi ancora hai problemi, posta il codice come e` stato corretto.

[netghost]

aspetta quale è codice html2, il primo con i css o il secondo edito da photoshop? :master:

edit, ma perchè usate tutti opensource per php, linux e altro, quando in questo povero pc non posso installare un exe che sia uno, o un software che non sia microzozzo? Odio questa azienda

[Mich_]

tutti e due.

A parte l'uso dei CSS, non ci vedo codice HTML piu` recente. Ne` standard, ne` corretto.

Purtroppo quel codice ha funzionato per anni, ed i browser lo interpretavano (quasi) correttamente.

Pero` se vuoi sistemare i CSS, devi prima sistemare il codice HTML, eliminare tutti gli attributi e tag di formattazione (spostandoli nel CSS) e scrivere in modo razionale (meglio se XHTML).
Non ha senso sistemare i CSS per quel codice HTML. Puoi farlo funzionare in un particolare browser, ma una versione diversa interpreta diversamente.

[netghost]

quindi devo rifare tutto da capo. e su questo non è un problema. ma quello che non ho capito è come devo gestire i css