Aiuto posizionamento testo
Ho creato un menu' però il testo non va dove vorrei io, cioè appare sopra..
Il sito è questo:
www.habbinto.altervista.org/rap/index.php
Mentre il codice completo del css è:
codice:
Codice:
body {
background-image: url(img/bg.png);
}
.top{
background-image: url(img/top.png);
width: 638px;
height: 11px;
margin-left: auto;
margin-right: auto;
margin-top: 35px;
filter:alpha(opacity=95);
-moz-opacity: 0.9;
opacity: 0.9;
}
.center{
background-image: url(img/center.png);
width: 638px;
height: auto;
margin-left: auto;
margin-right: auto;
filter:alpha(opacity=95);
-moz-opacity: 0.9;
opacity: 0.9;
}
.bottom{
background-image: url(img/bottom.png);
width: 638px;
height: 11px;
margin-left: auto;
margin-right: auto;
filter:alpha(opacity=95);
-moz-opacity: 0.9;
opacity: 0.9;
}
.testo{
width: 450px;
height: 300px;
overflow: auto;
margin-left: 10px;
}
.box_img{
background-image: url(img/images.png);
width: 182px;
height: 276px;
}
.rap_stereo{
background-image: url(img/rap_stereo.gif);
width: 66px;
height: 90px;
margin-left: 460px;
}
.boh {
background-image: url(img/boh.gif);
width: 145px;
height: 70px;
margin-left: 50px;
margin-top: 30px;
}
.img_left {
background-image: url(img/img_left.jpg);
width: 355px;
height: 355px;
margin-right: 15px;
margin-top: 50px;
}
.top_menu{
background-image: url(img/top_menu.png);
width: 299px;
height: 11px;
margin-top: 35px;
filter:alpha(opacity=95);
-moz-opacity: 0.9;
opacity: 0.9;
}
.center_menu{
background-image: url(img/center_menu.png);
width: 299px;
height: auto;
filter:alpha(opacity=95);
-moz-opacity: 0.9;
opacity: 0.9;
}
.bottom_menu{
background-image: url(img/bottom_menu.png);
width: 299px;
height: 11px;
filter:alpha(opacity=95);
-moz-opacity: 0.9;
opacity: 0.9;
}
.button {
background-image: url(img/button.png);
width: 288px;
height: 90px;
}
.button:hover {
background-image: url(img/buttonhover.gif);
}
.text {
font-weight: bold;
text-align: center;
color: #FFFFFF;
font-size: 50px/30px;
}
Come risolvo?