help mi sono blocccato nel rivisitare il mio sito!

pc001

help mi sono blocccato nel rivisitare il mio sito!

Ciao a tutti, sto cercando di rivisitare il mio sito, volevo eliminare tutte le tabelle tramite i css, ma sono arrivato qui:non riesco a sistemare a fianco i vari contenitori.

ossia la left, con la center e la right bar.

questo è il css esterno che si trova anche qui:

[html]

body
{
background: #8a7073 url(../images/bg_grad.jpg) repeat-x;
margin:0; padding:0;

}

hr { display:none }

a:link {color: #333333}
a:visited {color:}
a:hover {color: #993333}
a:active {color:}
h1 {color: #fff; border-top:5px;}

.testo {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
color: #ffffff;
line-height: 15px;

}
.testo2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
color:;
line-height: 15px;

}
.titolo {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
color: #003400;
}
.iniziale {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #663300;
text-decoration: blink;
font-style: normal;

}
.testopiccolo {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
color:;
}
.testopiccolissimo {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
font-style: normal;
color:;
}

/* definiamo i campi di lavoro */

div#testata {
background-image:url('../images/tenuta.jpg');
background-color:#ffffff; border:1px solid; width:758px; height:200px; margin:0 auto;
}

div#interlinea_testata {
height: 10px;
width: 760px;
font-size: 4px;
margin:0px auto;
}

div#interlinea_topcontent {
height: 15px;
width: 760px;
font-size: 4px;
background-color:;
margin:0px auto;
}

div#content_all {
background-color:#ffffff;
border:1px solid;
width:758px;
margin:0px auto;
position:relative;
}

div#leftbar {
background-color:#ffffff;
align:left;
border:1px solid;
width:200px;
}

div#interlinea_leftbar {
height: 5px;
width:200px;
font-size: 4px;
background-color:;
margin:0px auto;
}

div#centerbar {
background-color:#000000;
align:justify;
border:1px solid;
width:400px;
margin: 0 200px 150px 130px;
padding: 1em 10px
}

}

div#rigthbar {
background-color:#000000;
align:justify;
border:1px solid;
width:400px;
margin:0px auto;
margin-top:10px;
}

div#footer {
width:760px;
margin:1em auto;
text-align:left
}[/html]

riuscite a darmi una mano!

era da un po' che non armeggiavo con il codice ed è due gg che non ne esco.

Grazie mille a tutti!:bho:

marcocarrieri

Bisognerebbe vedere anche come utilizzi il codice html, cioè se sono innestati o cose del genere.
Quindi credo serva anche il codice del body.
Attenzione, se posti del codice html, esiste l'apposita procedura con il tasto #.

pc001

ciao ho provato a postare l'html ma non me lo fa copiare perchè mi dice che c'è un link esterno attivo, cmq ho fatto qualche semplice passo in avanti, se vuoi puoi darmi una dritta dal sorgente del browser....  grazie, ciao

marcocarrieri

Attenzione ad iniziare i post con le lettere maiuscole.

Ora io vedo il sito con:

Header superiore con immagine.
Spazio giallo sotto l'header.
Menu rosa a sinistra nel riquadro giallo.
Spazio verde in centro nello spazio giallo.

Prima di analizzare gli eventuali errori dimmi come vorresti che venisse.

pc001

vorrei che venisse come quello originale con le tabelle, simile il più possibile ma senza tabelle. l'originale sta qui: 
grazie per l'aiuto!

toddy

per prima cosa farei alcune sistemazioni al codice html, hai usato l'id "corpocolonna1" per ogni elemento del menu.
Gli id vanno usati una volta sola, mentre le classi possono essere usate per più elementi con caratteristiche comuni.
Comunque per quel layout devi ritrovarti nell'html tre div, uno per ogni blocco, e da lì puoi cominciare a posizionarli con i css.
Nel tuo caso devi quindi avere corpocolonna1, corpocolonna 2 e corpocolonna 3.
A questo indirizzo neuroticweb.com/recursos/3-columns-layout/ trovi il codice per creare il layout che vuoi ottenere.
Ti consiglio inlotre di utilizzare una lista per il menu a sinistra.