home page a tre colonne

[montellina9]

Ciao a tutti.....ho un problema....è la prima volta che mi imbatto in un sito web... :master:
Il problema è questo: se vi collegate al sito www.bibliotecaeuropea.it potete vedere la home del sito....io dovrei modificare la home suddividendola in 3 colonne (a sinistra rimane invariato....al centro vanno inserite le notizie sulla Biblioteca + l'immagine che vedete.....e a destra vanno inserite le news che scorrono come trovate nella sezione news del sito).....vi prego aiutatemi....grazie 1000.....
Il codice css è questo:



body {
margin: 0px;
padding: 0px;
background-color:#FFFFFF;
/*background-attachment: scroll;
background-image: url(../images/body_back.png);
background-repeat: repeat-x;
background-position: left top;*/
}
a:link {
text-decoration: none;
}

#header {
background-image: url(../images/header_back.png);
height: 170px;
margin-bottom: 0px;
padding: 0px;
width: 100%;
}


img#headerlogo {
border: none;
}

#logo {
width: 100%;
}
#header #menubar {
padding-left: 226px;
width: 750px;
}

ul#mainmenu {
list-style-type: none;
}

ul#mainmenu li {
float: left;
margin-right: 50px;
}

*html ul#mainmenu li {
margin-top: 10px;
}

ul#mainmenu a {
font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
font-size: 14px;
font-weight: bold;
text-decoration: none;
color: #0F2C90;
}
ul#mainmenu a:visited {
color: #0F2C90;
}

ul#mainmenu a:hover {
color: #FF0000;
}

#contenuto {
background-color: #0F2C90;
background-image: url(../images/left_back.png);
background-attachment: scroll;
background-repeat: repeat-y;
background-position: left top;
width: 100px;
top: 180px;
left: 10px;
padding: 70px 10px 10px 10px;
color: white;
}

#contenutowide {
background-color: #0F2C90;
background-image: url(../images/left_back.png);
background-attachment: scroll;
background-repeat: repeat-y;
background-position: left top;
margin: 0px;
width: 100%;
padding: 0px;
}


#leftcontent {
position: absolute;
left:0px;
/*top:170px;*/
width:200px;
top: 180px;
}

#centercontent {
margin: 50px 400px 200px 240px;
padding: 10 px;
color: white;
}
#centercontent h2 {
font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
color: #FFFFFF;
font-size: 14px;
padding-top: 60px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 50px;
margin-bottom: 2px;
}


#centercontent p {
font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
font-size: 14px;
font-weight: normal;
color: #FFFFFF;
padding-top: 0px;
padding-right: 60px;
padding-left: 60px;
padding-bottom: 10px;
margin-top: 0px;
}


#centercontentwide {
position: relative;
/*margin-right:201px;*/
voice-family: "\"}\"";
voice-family: inherit;
left:180px;
width: 400px;
/*margin-right:201px;*/
}
#centercontentwide h2 {
font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
color: #FFFFFF;
font-size: 16px;
padding-top: 10px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 50px;
margin-bottom: 2px;
}

#centercontentwide h3 {
font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
color: #FFFFFF;
font-size: 14px;
padding-top: 10px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 50px;
margin-bottom: 2px;
}

#centercontentwide h4 {
font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
color: #FFFFFF;
font-size: 14px;
padding-top: 60px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 50px;
margin-bottom: 2px;
}

#centercontentwide h2.secondo {
padding-top: 0px;
}

#centercontentwide h2.terzo {
padding-top: 0px;
}

#centercontentwide p {
font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
font-size: 14px;
font-weight: normal;
color: #FFFFFF;
padding-top: 0px;
padding-right: 60px;
padding-left: 60px;
padding-bottom: 0px;
margin-top: 0px;
}

#centercontentwide a {
color: #FFFFFF;
text-decoration: none;
}

#centercontentwide a:visited {
color: #FFFFFF;
text-decoration: none;
}

#rightcontent a {
font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
font-size: 14px;
font-weight: normal;
color: #FFFFFF;
text-decoration: none;
}

#rightcontent a:hover {
font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
font-size: 14px;
font-weight: normal;
color: red;
text-decoration: none;
}

#rightcontent {
position: absolute;
border-left: 1px dotted;
width:200px;
right: 10px;
top: 180px;
padding: 60px 10px 10px 10px;
color: #FFFFFF;
}

#content {
padding: 5px;
position: center;
margin-left: 215px;
margin-right: 215px;
border:1px solid #000;
}

#sinistra {
float: left;
width: 200px;
margin: 0;
margin-right: 5px;
padding: 5px;
border:1px solid #000;
}

#destra {
float: right;
width: 200px;
margin: 0;
margin-left: 5px;
padding: 5px;
border:1px solid #000;
}

*html div#rightcontent {
position: absolute;
left: 550px;
width:250px;
top: 170px;
}



img#europa {
border: none;
}

#leftcontent h2 {
font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
color: #0F2C90;
font-size: 14px;
border-bottom-width: 3px;
border-bottom-style: solid;
border-bottom-color: #FFFFFF;
padding-top: 40px;
margin-left: 28px;
margin-bottom: 0px;
}
ul#listapromotori {
font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
font-size: 12px;
font-weight: bold;
color: #0F2C90;
padding-left: 2px;
margin-top: 5px;
padding-right: 10px;
margin-left: 42px;
line-height: 14px;
}
ul#listapromotori li {
text-align: left;
margin-top: 1px;
}

#leftcontent a:link, #leftcontent a:visited {
color:
color: #0F2C90;
color: #0F2C90;
text-decoration: none;
}
#leftcontent a:hover{
color:
color: Red;
color: #FF0000;
text-decoration: none;
}


p a {
font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
font-weight: bold;
text-decoration: underlined;
color: #ffffff;
}
p a:visited {
color: #ffffff;
}

p a:hover {
color: #FF0000;
}


ul.link {
font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
font-size: 14px;
color: #fff;
line-height: 14px;
margin: 0 0 0 25px;
}

ul.link li {
margin-top: 1px;

}

[mucu]

è gia a tre colonne

[montellina9]

Originariamente inviato da mucu
è gia a tre colonne

sì è a 3 colonne ma non come vorrei io....ho spiegato come vorrei che venisse....

[mucu]

beh allora si tratta di fare un copia incolla di quello che ti interessa

[montellina9]

Originariamente inviato da mucu
beh allora si tratta di fare un copia incolla di quello che ti interessa

Mi aiuti a modificare il codice html per apportare quelle modifiche???
Il codice è questo:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Biblioteca Europea</title>
<style type="text/css" media="all">
<!--
@import url("css/style.css");
-->
</style>
</head>

<body>
<div id="header">
<div id="logo">
[img]images/headerlogo.png[/img]
</div>
<map name="m_headerlogo" id="m_headerlogo">
<area shape="rect" coords="11,14,176,104" href="http://www.bibliotecaeuropea.it/" alt="" />
</map>
<div id="menubar">
<ul id="mainmenu">[*]chi siamo[*]dove siamo[*]news[*]risorse[*]info[/list]
</div>
</div>

<div id="contenuto">
<div id="leftcontent">
<h2>gruppo promotore</h2>
<ul id="listapromotori">[*]Biblioteche di Roma[*]Accademia di Ungheria [*]Ambasciata di Francia [*]Ambasciata dei Paesi Bassi [*]Ambasciata di Svizzera [*]British Council [*]Forum Austriaco di Cultura [*]Goethe Institut Roma [*]Istituto Cervantes Roma [*]Istituto Polacco [*]Istituto Slovacco a Roma [*]Istituto Svizzero
[*]Prova




Con la collaborazione della Rappresentanza in Italia della Commissione Europea

[img]unione_europea.jpg[/img]


</p>
[/list]

</div>
<div id="centercontent">
<h2>Biblioteca Europea</h2>
<p align=justify>
Nasce la Biblioteca Europea di Roma: un progetto di Biblioteche di Roma, Accademia di Ungheria, Ambasciata di Francia, Ambasciata dei Paesi Bassi, Ambasciata di Svizzera, British Council, Forum Austriaco di Cultura, Goethe Institut, Istituto Cervantes, Istituto Polacco, Istituto Slovacco, Istituto Svizzero, per promuovere le culture e le lingue nazionali e per contribuire alla costruzione dell’Europa e alla formazione di una coscienza dell’identità europea.
</p>




</p>


</p>

</div>

<div id="rightcontent"> [img]images/europa.jpg[/img]



<ul class="link">[*]Informagiovani Sportello Europa

[*]Sportello Europa per gli Insegnanti

[*]<a href="http://www.romaeuropa.it/default.asp">Camera di Commercio di Roma
- Sportello Roma Europa -</a>
</div>[/list]


</p>


</p>

</div>
<div id="footer">[img]images/footer.png[/img]</p></div>

</body>
</html>

[mucu]

nella pagina trova il codice =

[img]images/europa.jpg[/img] 

selezionalo e premi ctrl + x
poi spostati nel div

<div id="centercontent">
<h2>Biblioteca Europea</h2>
<p align=justify>
Nasce la Biblioteca Europea di Roma: un progetto di Biblioteche di Roma, Accademia di Ungheria, Ambasciata di Francia, Ambasciata dei Paesi Bassi, Ambasciata di Svizzera, British Council, Forum Austriaco di Cultura, Goethe Institut, Istituto Cervantes, Istituto Polacco, Istituto Slovacco, Istituto Svizzero, per promuovere le culture e le lingue nazionali e per contribuire alla costruzione dell’Europa e alla formazione di una coscienza dell’identità europea.
</p>




 </p>


 </p>

</div> 

scegli la posizione e premi ctrl +v
così hai fatto un bel taglia e cuci

[montellina9]

Originariamente inviato da mucu
nella pagina trova il codice =

[img]images/europa.jpg[/img] 

selezionalo e premi ctrl + x
poi spostati nel div

<div id="centercontent">
<h2>Biblioteca Europea</h2>
<p align=justify>
Nasce la Biblioteca Europea di Roma: un progetto di Biblioteche di Roma, Accademia di Ungheria, Ambasciata di Francia, Ambasciata dei Paesi Bassi, Ambasciata di Svizzera, British Council, Forum Austriaco di Cultura, Goethe Institut, Istituto Cervantes, Istituto Polacco, Istituto Slovacco, Istituto Svizzero, per promuovere le culture e le lingue nazionali e per contribuire alla costruzione dell’Europa e alla formazione di una coscienza dell’identità europea.
</p>




 </p>


 </p>

</div> 

scegli la posizione e premi ctrl +v
così hai fatto un bel taglia e cuci

Ma così mi mette l'immagine sotto il testo della descrizione della Biblioteca....io invece la vorrei alla destra della scritta ma sempre nella colonna centrale e non in quella destra.
Nella colona di destra invece vorrei inserire delle news che scorrono (come quelle che ho messo nella sezione news)....
Hai capito il mio problema???? Grazie per l'aiuto

[mucu]

se l'hai incollato alla fine del div è come dici tu
se lo incolli prima dell'h2 starà sopra
se poi vuoi farlo allineare a sinistra nella colonna centrale
vai nel css e all'id europa specifichi un float=right;

[montellina9]

Originariamente inviato da mucu
se l'hai incollato alla fine del div è come dici tu
se lo incolli prima dell'h2 starà sopra
se poi vuoi farlo allineare a sinistra nella colonna centrale
vai nel css e all'id europa specifichi un float=right;

Non ci riesco!!!!!

[mucu]

stai tranqui non l'hai scritto tu e se devo dirla tutta sarebbe da rifare e non metterci pezze qua e la
puoi fare una pagina di prova e metterla online?