salve ce qualcuno che me la puo sistemare questa pagina non riesco a implementare i css alla pagina
per magiori info domandate
css annuncio
[/HTML]
per magiori info domandate
css annuncio
HTML:
[HTML]
/* ANNUNCIO */
#annuncio {
width:645px;
float:left;
margin:1px 0 20px;
}
.annuncio_options {
width:645px;
height:48px;
float:left;
background:url(../images/bg_annuncio_top.gif);
}
.annuncio_options ul {
float:right;
padding:15px 28px 0 0;
margin:0;
}
.annuncio_options ul li {
float:left;
padding:0;
margin:0;
list-style:none;
font-size:11px;
font-weight:bold;
}
.annuncio_options ul li a.ico {
width:32px;
height:10px;
float:left;
}
.annuncio_options ul li.first {
margin:0 10px 0 0;
}
.annuncio_main {
width:620px;
padding:5px 15px 0;
margin-bottom:-4px;
float:left;
background:url(../images/bg_annuncio_main.gif);
}
.annuncio_main .subtitle {
margin:0;
padding:0;
display:block;
font-size:11px;
}
.annuncio_main .bigimg {
width:600px;
height:450px;
background:#f6f6f6;
display:block;
margin:10px 7px;
background-position:center;
background-repeat:no-repeat;
position:relative;
}
.annuncio_main .bigimg #loading{
position:relative;
top:0px;
left:0px;
width:100%;
height:100%;
display:none;
background: url(../images/loading.gif) no-repeat center;
}
.annuncio_main .bigimg a{
position:absolute;
width:100%;
height:100%;
display:block;
text-indent:-9999px;
}
.annuncio_main .annuncio_thumbs {
width:615px;
float:left;
}
.annuncio_thumbs span {
width:25px;
margin:0;
padding:0;
}
.annuncio_thumbs span.arrow_left {
float:left;
}
.annuncio_thumbs span.arrow_left a.back {
float:left;
background:transparent url(../images/back_arrow_photogallery.gif) no-repeat 0 -26px;
width:25px;
height:26px;
margin:18px 0 0;
}
.annuncio_thumbs span.arrow_left a.back:hover {
background-position:0 0;
}
.annuncio_thumbs span.arrow_right a.next {
float:left;
background:transparent url(../images/back_arrow_photogallery.gif) no-repeat -25px -26px;
width:25px;
height:26px;
margin:18px 0 0;
}
.annuncio_thumbs span.arrow_right a.next:hover {
background-position:-25px 0;
}
.annuncio_thumbs span.arrow_right {
float:right;
}
.annuncio_thumbs ul {
float:left;
margin:0;
padding:0;
}
.annuncio_thumbs ul li {
float:left;
margin:0 3px;
padding:0;
list-style:none;
}
.annuncio_thumbs ul li span.imageholder {
width:72px;
}
.annuncio_thumbs ul li div {
}
.annuncio_thumbs ul li span a {
position:absolute;
width:66px;
height:54px;
}
.annuncio_thumbs ul li span a.active,.annuncio_thumbs ul li span a:hover {
border:3px solid #5daa2e;
}
.annuncio_info {
width:615px;/*615*/
float:left;
color:#333;
margin:20px 0;
font-size:10px;
}
.annuncio_info il {/*p*/
font-size:12px;
margin:0;
padding:0px 0px 5px 10px;
float:left;
width:230px;
color: #666;
background:#f6f6f6;
-moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px;
border:0.3px inset #5daa2e;
}
.annuncio_info ul {
font-size:13px;
color: #666;
margin:0px;
padding:0px 15px 5px 15px;
float:right;
width:330px;/*250*/
background:#f6f6f6;
-moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px;
border:0.3px outset #5daa2e ;
}
/*.annuncio_info ul {
margin:0 0 1px;
padding:5px;
float:left;
width:295px;/*240
list-style:none;
text-align:right;
}*/
.annuncio_info ul li.price {
font-weight:bold;
font-size:14px;
}
.annuncio_info ul li.price b{}
.annuncio_info ul li b {
float:left;
}
.annuncio_info ul li.map {
background-color:white;
}
.annuncio_info ul li.map b {
line-height:24px;
}
.annuncio_info ul li.map a {
font-weight:bold;
}
.disclaimer{
font-size:11px;
}
.annuncio_box {
width:615px;
background:url(../images/annuncio_box.gif) no-repeat;
float:left;
}
.annuncio_area {
width:615px;
float:left;
margin:0 0 10px 0;
font-style:italic;
}
.annuncio_area a{
font-weight:bold;
color:#3A5075;
}
.annuncio_area img{
border:none;
}
.annuncio_box .annuncio_dati {
width:220px;
padding:10px 0 0 25px;
float:left;
}
.annuncio_box .annuncio_dati .nophone{
width:32px;
height:28px;
background:#f6f6f6;
position:absolute;
left:0;
top:0;
}
.annuncio_box .annuncio_dati img.phone{
position:absolute;
top:4px;
left:90px;
}
.annuncio_box .annuncio_dati a{
font-weight:bold;
}
.annuncio_dati h3 {
display:block;
font-weight:normal;
height:34px;
margin:0;
padding:0;
}
.annuncio_dati span {
display:block;
font-weight:normal;
margin:0;
padding:0 5px 0 40px;
height:30px;
}
.annuncio_box .annuncio_actions {
float:right;
width:360px;
}
.annuncio_box .annuncio_actions ul {
width:340px;
float:left;
margin:0;
padding:15px 0 0 20px;
}
.annuncio_box .annuncio_actions ul li {
width:170px;
float:left;
margin:0 0 18px;
padding:0;
list-style:none;
font-weight:bold;
}
.annuncio_box .annuncio_actions ul li a.ico {
float:left;
height:15px;
width:28px;
}
.annuncio_close {
width:645px;
height:24px;
float:left;
background:url(../images/bg_annuncio_close.gif) bottom;
}
.annuncio_layer{
width:615px;
float:left;
}
.annuncio_layer .layer_open{
width:615px;
height:40px;
background:url(../images/bg_annuncio_layer.gif) left top;
float:left;
}
.annuncio_layer .layer_main{
width:595px;
background:url(../images/bg_annuncio_layer_main.gif);/*(../images/bg_annuncio_layer_main.gif)*/
float:left;
padding:0 10px;
position:relative;
}
.annuncio_layer .layer_main .yer_hidela{
width:27px;
height:27px;
background: url(../images/ico.gif) 0 -57px no-repeat;
float:left;
display:block;
position:absolute;
right:10px;
top:-10px;
text-indent:-9999px;
}
.annuncio_layer .layer_main h3{
display:block;
margin:0 0 10px 0;
padding:0 0 5px 35px;
font-size:16px;
background:transparent url(../images/ico.gif) 0 0 no-repeat;
}
.annuncio_layer .layer_main h3.send{
background-position:0 -92px;
}
.annuncio_layer .layer_main h3.abuse{
background-position:-27px -57px;
}
.annuncio_layer .layer_main h3.reply{
background-position:0 -123px;
}
.annuncio_layer .field{
width:595px;
float:left;
margin:0 0 10px 0;
line-height:12px;
}
.annuncio_layer .field.half{
width:297px;
float:left;
}
.annuncio_layer .field label{
width:80px;
float:left;
font-weight:bold;
vertical-align:middle;
text-align:right;
padding:6px 7px 0 0;
}
.annuncio_layer .field label.double{
padding:0 5px 0 0;
}
.annuncio_layer .field .input{
width:508px;
float:left;
}
.annuncio_layer .field.half .input{
width:210px;
}
.annuncio_layer .field .input label{
width:450px;
padding:0 0 0 5px;
margin:0;
text-align:left;
}
.annuncio_layer .field span.tmkg{
font-weight:normal;
font-size:11px;
}
.annuncio_layer .field .input input{
width:200px;
float:left;
vertical-align:middle;
}
.annuncio_layer .field .input textarea{
width:498px;
height:70px;
float:left;
}
.annuncio_layer .field .input input.error{
border:1px solid #ff0000;
}
.annuncio_layer .field .input textarea.error{
border:1px solid #ff0000;
}
.annuncio_layer .field .input span.error {
width:500px;
margin:3px 0 0 0;
}
.annuncio_layer .field .input p {
float:left;
width:500px;
padding:5px 0 0 0;
margin:0;
vertical-align:middle;
}
.annuncio_layer .field .input p input{
float:left;
width:auto;
margin:0 2px 0 0;
padding:0;
}
.annuncio_layer p.btn{
float:right;
margin:0;
padding:0;
}
.annuncio_layer .layer_close{
width:615px;
height:30px;
background:url(../images/bg_annuncio_layer.gif) left bottom;
float:left;
margin-bottom:4px;
}
.annuncio_layer .layer_main .abuse_options{
float:left;
}
.annuncio_layer .layer_main .abuse_options p.btn{
float:left;
margin:0 10px 0 0;
}
