ho questo codice html e il relativo css vorrei che il testo
"Il progetto [edit] nasce nel 2007......Topas".
contenuto nel div id="bio" sia distante dai margini del mio div in modo da rimanere in linea con la scritta COLLUSION del div sottostante.
<div id="bio">
<p class="formadiv"> [edit] </p>
</div>
>>>>>>>>>>>>>>>>>>>>>>>>>CSS<<<<<<<<<<<<<<<<<<<<<< <<<<<<<<<<<<<<<
html,body {
height:100%;
margin:0;
}
body {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
background: #000000 url(../sfo.jpg) top center no-repeat;
font-family: arial,sans-serif;
font-size: 12px;
color: #000000;
}
h1 {
font-weight: bold;
text-align: left;
background: transparent;
border: none;
color: #003366;
font-size: 16px;
}
p {
text-align: center;
background: transparent;
border: none;
color: #c0c0c0;
font-size: 11px;
margin: 0;
align: center;
}
a {
text-align: left;
background: transparent;
border: none;
color: #c0c0c0;
font-size: 11px;
margin: 5px 0px 0 0px;
}
div#container {
top:0px;
left:50%;
margin-left: -270px;
margin-bottom: 30px;
position:absolute;
width:540px;
padding:0;
background: transparent;
display:block;
}
div#header {
top:0px;
left:50%;
margin-left: -400px;
position:absolute;
width:800px;
height:79px;
padding: 0px;
background: #ffffff url(../img/header_bg_1.jpg) no-repeat top right;
}
div#content {
margin-top: 40px;
margin-bottom: -25px;
width:538px;
padding: 0 0 10px 0;
border: solid 1px #2b2b2a;
background: #0c0c0c;
align: center;
}
div#albumdownload {
margin-top: 10px;
margin-bottom: -10PX;
margin-LEFT: 6PX;
width:525px;
padding: 0 0 -10px 0;
border: no;
background: #0c0c0c;
align: center;
}
div#content h1{
font-weight: normal;
text-align: left;
background: transparent;
border: none;
padding: 10px 10px 5px 10px;
margin: 0 0 5px 0;
color: #999999;
font-size: 18px;
}
div#mainvideo {
margin: 0px 0 0px 10px;
width: 315px;
height: 190px;
background: #0c0c0c;
border: solid #2b2b2a 5px;
position:relative;
top: 0px;
left: 0px;
display: inline-block;
}
div#downloadbox {
width: 180px;
height: 200px;
background: #0c0c0c;
border: none;
position:relative;
top: 0px;
left: -10px;
float: right;
display: inline-block;
}
div#icon {
float:left;
width: 35px;
margin-left: 0px;
}
div#download {
width: 168px;
height: 45px;
background: #0c0c0c;
border: solid #2b2b2a 1px;
padding: 10px 5px 0px 5px;
}
div#textual {
width: 170px;
height: 36px;
background: #0c0c0c;
border-bottom: solid #2b2b2a 1px;
margin: 0;
padding: 5px;
}
div#videoprew {
margin: 0 5px 0px 10px;
width:160px;
height:140px;
background: #0c0c0c;
display: inline;
}
div#banner {
margin: 0 10px 0px 10px;
width:518px;
height:42px;
background: #0c0c0c;
}
/*NAVIGATOR*/
div#navigation{
height: 30px;
width: 540px;
background: #000;
border: none;
margin-bottom: 10px;
text-align: center;
position: absolute;
top: 261px;
}
.menu a{
font-size: 12px;
float: left;
padding: 0px 0 0 0;
margin: 10px 0 0 0;
border-left: solid #000000 1px;
border-right: solid #000000 1px;
width: 106px;
height: 25px;
text-align:center;
text-decoration:none;
font-weight:bold;
color: #999999;
background: transparent url(../img/menubg.jpg) repeat-x top left;
}
.menu a:hover{
font-size: 12px;
padding: 0px 0 0 0;
margin: 10px 0 0 0;
border-left: solid #000000 1px;
border-right: solid #000000 1px;
width: 106px;
height: 25px;
background: transparent url(../img/menubg-hov.jpg) repeat-x top left;
color:#ffffff;
}
.active a{
font-size: 12px;
float: left;
padding: 0px 0 0 0;
margin: 10px 0 0 0;
border-left: solid #000000 1px;
border-right: solid #000000 1px;
width: 106px;
height: 25px;
text-align:center;
text-decoration:none;
font-weight:bold;
color: #999999;
background: transparent url(../img/menubg-hov.jpg) repeat-x top left;
}
/*VISUAL*/
div#visual {
margin-top: 10px;
width:540px;
height:261px;
background: #000000;
border: none;
}
div#visual p{
position:absolute;
top: 25px;
left: 290px;
width:350px;
height:115px;
background: transparent;
border: none;
margin: 0;
padding: 0;
color: #003366;
font-size: 12px;
z-index: 2;
}
div#visual a{
position:absolute;
top: 15px;
left: 290px;
background: transparent;
border: none;
color: #003366;
font-size: 14px;
font-weight: bold;
margin: 0;
z-index: 2;
}
div#visual_botton{
position:absolute;
top: 141px;
left: 562px;
width:162px;
height:79px;
background: transparent url(../img/visual_botton.gif) no-repeat bottom right;
border: none;
margin: 0;
padding: 0;
z-index: 3;
}
div#visual_botton a{
position: relative;
top: 0px;
left: 0px;
text-align: center;
color: #ffffff;
line-height: 35px;
font-size: 12px;
font-weight: bold;
text-decoration: none;
background: transparent;
border: none;
margin: 0;
padding: 0 0 0 28px;
}
div#visual_botton a:hover{
text-align: center;
color: #ffff77;
line-height: 35px;
font-size: 12px;
font-weight: bold;
text-decoration: none;
background: transparent;
border: none;
margin: 0;
padding: 0px 0 0 28px;
}
div#animation {
position:relative;
top: 14px;
left: 60px;
width:157px;
height:206px;
background: transparent url(../img/business_fade.gif) no-repeat bottom right;
border: none;
margin: 0;
padding: 0;
}
p.formadiv {
width:530px;
text-align:justify;
font-size: 12px;
color:#CCCCCC;
display:block;
margin:5px auto;
line-height: 20px;
}
div#bio {
margin-top: 40px;
margin-bottom: -25px;
padding:10px 0px 10px 0px;
width:538px;
border: solid 1px #2b2b2a;
background: #0c0c0c;
align: center;
}
attendo risposta in merito grazie.
ho risolto grazie!!! che stupido che sono!!!
