Ciao,
posto il css template. Il problema è che il footer non segue il testo. Qui potete vedere il problema
http://www.lisbon-holidays-rental-apartments.com/index.php/apartments/alfama-premium. Fino ad ora ho cercato di "coprire" il problema cercando in ogni pagina di mantenere un testo corto, ma è ora di intervenire seriamente.
Bisogna certamente modificare il css template, ma non so come fare. Grazie
ecco il css template
/* Tipografia */
body{
color: #666;
font-family: Arial,sans-serif;
font-size: 12px;
background: #DEDFE3;
line-height: 1.4em;
}
/* typo */
td, th{
padding: 0;
}
p{
margin: 1.4em 0;
}
a, a.hasTip{
color: #728325;
-webkit-transition:color 0.3s;
-moz-transition:color 0.3s;
-o-transition:color 0.3s;
transition:color 0.3s;
border: 0;
}
a:hover{
text-decoration: none;
color: #4E591F;
}
a.button-more,
div.itemCommentsForm form input#submitCommentButton{
border: none;
display: inline-block;
height: 30px;
line-height: 30px;
padding: 0 20px;
color: #FFF;
text-transform: uppercase;
text-shadow: none;
font-size: 14px;
background: #515C16;
/*
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #515C16), color-stop(57%, #546126));
background-image: -webkit-linear-gradient(#515C16, #546126 57%);
background-image: -moz-linear-gradient(#515C16, #546126 57%);
background-image: -o-linear-gradient(#515C16, #546126 57%);
background-image: linear-gradient(#515C16, #546126 57%);
*/
-webkit-transition:background-color 0.2s;
-moz-transition:background-color 0.2s;
-o-transition:background-color 0.2s;
transition:background-color 0.2s;
}
a.button-more:hover,
div.itemCommentsForm form input#submitCommentButton:hover{
background-color: #728325;
text-shadow: 1px 1px 1px rgba(0,0,0, 0.2);
}
h1, h2, div.componentheading, div.cht_home_items h3{
color: #4E591F;
font-size: 28px;
font-weight: normal;
}
h1, h2{
margin: 15px 0;
}
h3{
font-size: 20px;
font-weight: normal;
}
h3, h4, h5, h5{
color: #251F26;
}
ul{
margin: 0;
line-height: 1.5em;
padding: 0;
}
li{
padding-left: 20px;
background: url('../img/li.png') 5px 6px no-repeat;
}
input[type="text"], input[type="password"], input[type="email"]{
padding: 1px 0 1px 5px;
display: inline-block;
height: 28px;
line-height: 28px;
color: #333333;
background: #FFF;
border: 1px solid #DDDDDD;
font-size: 12px;
}
select{
display: inline-block;
height: 24px;
line-height: 24px;
padding: 2px 1px;
color: #333333;
background: #FFF;
border: 1px solid #DDDDDD;
font-size: 12px;
}
.icon_facebook{
padding: 2px 0 2px 20px;
background: transparent url('../img/icon_facebook.png') 0 50% no-repeat;
}
.icon_twitter{
padding: 2px 0 2px 20px;
background: transparent url('../img/icon_twitter.png') 0 50% no-repeat;
}
/* estructura */
#cht_page{
margin: 0 auto;
width: 1020px;
background: #FFF;
overflow: hidden;
}
div.cht_top{
height: 140px;
}
div.cht_logo{
display: block;
float: left;
width: 280px;
height: 100px;
margin: 20px;
}
div.cht_logo h1{
margin: 0;
padding: 0;
}
div.cht_logo a.template_logo{
display: block;
width: 280px;
height: 100px;
text-indent: -9999px;
background: url('../img/logo.png') 50% 50% no-repeat;
}
div.cht_toolbar{
display: block;
float: right;
width: 600px;
height: 20px;
margin: 10px 20px 20px 0;
text-align: right;
color: #251F26;
}
div.cht_toolbar div{
float: right;
}
div.cht_toolbar p{
margin: 0;
}
div.cht_toolbar a{
color: #251F26;
}
div.cht_toolbar li{
background: none;
padding: 0;
}
div.cht_toolbar li.lang-active a{
color: #999;
}
div.cht_menu{
float: right;
display: block;
height: 60px;
width: 700px;
margin: 0 0;
background: #CDC3B6 url('../img/back_menu.png');
}
div.cht_menu ul, div.cht_menu li{
margin: 0;
padding: 0;
display: block;
}
div.cht_menu ul{
padding-left: 10px;
}
div.cht_menu li{
float: left;
padding: 0;
background: none;
}
div.cht_menu a {
display: block;
font-size: 15px;
line-height: 20px;
padding: 20px 16px;
color: #251F26;
}
div.cht_menu li:hover a, div.cht_menu li.active a{
text-decoration: none;
color: #FFF;
text-shadow: 1px 1px 1px rgba(0,0,0, 0.1);
}
div.cht_breadcrumbs{
background: #CCC;
height: 20px;
padding: 0 30px;
line-height: 20px;
font-size: 11px;
color: #999;
text-align: right;
}
div.cht_breadcrumbs a{
color: #999;
}
div.cht_main{
margin: 20px;
}
div.cht_component{
float: right;
margin: 0 10px 20px 0;
width: 670px;
}
div.cht_sidebar-a,
div.cht_sidebar-b{
margin: 0 10px 0 10px;
float: left;
width: 260px;
}
div.cht_sidebar-a div.moduletable{
margin-bottom: 20px;
padding: 5px 10px;
}
div.cht_sidebar-a div.moduletable.cht_box{
border: 1px solid #EFEFEF;
padding: 10px 20px;
}
div.moduletable h3{
padding-bottom: 10px;
border-bottom: 1px solid #EFEFEF;
margin-bottom: 20px;
}
div.cht_sidebar-a div.moduletable.cht_color{
background: #EFEFEF;
padding: 10px 20px;
color: #251F26;
text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.9);
}
div.moduletable.cht_color h3{
padding-bottom: 5px;
text-shadow: 1px 1px 2px rgba(255,255,255, 0.
;
margin-bottom: 15px;
}
div.moduletable.cht_coin h3{
background: url('../img/coin.png') no-repeat top left;
padding-left: 32px;
padding-top: 4px;
font-size: 18px;
}
div.cht_bottom_wrapper{
background: #C0B4A4 url('../img/back_bottom.png') repeat-x;
overflow: hidden;
}
div.cht_bottom div.moduletable{
padding: 10px 20px;
color: #251F26;
text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.4);
}
div.cht_bottom h3{
margin: 10px 0 20px 0;
color: #251F26;
border: 0;
}
div.cht_bottom a{
color: #4C5818;
}
div.cht_bottom a:hover{
color: #251F26;
}
div.cht_bottom-a,div.cht_bottom-b{
float: left;
}
div.cht_bottom-a,div.cht_bottom-b{
width: 320px;
padding: 10px 0 10px 10px;
background: #FFFFFF;
}
div.cht_bottom-a li{
background: none;
}
div.cht_bottom-b{
width: 670px;
background: none;
}
div.cht_bottom-b div.moduletable{
display: block;
float: left;
width: 200px;
padding: 10px;
}
div#cht_footer{
height: 55px;
line-height: 55px;
background: #909090;
color: #FFF;
font-size: 11px;
padding: 0 30px;
div#footer{clear:both}
}
div#cht_footer li{
background: none;
float: left;
margin: 0;
padding: 0;
line-height: 55px;
}
div#cht_footer div.moduletable_right{
float: right;
text-transform: uppercase;
}
div#cht_footer div.moduletable_left{
float: left;
}
div#cht_footer,
div#cht_footer a{
color: #FFF;
}
div#cht_footer div.moduletable_right a{
padding: 0 8px;
border-left: 1px solid #FFF;
}
div#cht_footer div.moduletable_right li:first-child a{
border: none;
}
div#cht_copy{
height: 55px;
line-height: 50px;
background: #FFF;
color: #666;
text-align: center;
font-size: 11px;
padding: 0 30px;
}
/* content */
.item-page img{
border: 1px solid #EFEFEF;
padding: 4px;
margin: 5px;
}
/* hotel form */
div.cht_header_wrapper{
position: relative;
height: 433px;
background: url('../img/shadow_header.png') 50% 100% no-repeat;
}
div.cht_header_wrapper div.cht_hotel_home{
position: absolute;
top: 0;
left: 20px;
height: 380px;
width: 240px;
padding: 20px;
background: #FFF;
background: rgba(255,255,255, 0.85);
box-shadow: 5px 0 5px rgba(0,0,0,0.2);
color: #251F26;
}
div.cht_header_wrapper div.hotel_mod_form{
padding: 2px;
}
div.cht_header_wrapper div.cht_hotel_home h3{
padding: 20px 0 10px;
text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.
;
border: 0;
}
div.hotel_mod_form label{
display: block;
}
#mod_hotel_view label{
padding-left: 8px;
display: inline-block;
}
#mod_hotel_view{
line-height: 2em;
}
div.hotel_mod_form label.hotel_mod_label_rooms{
display: inline-block;
width: 80px;
}
#hotel_mod_checkin, #hotel_mod_checkout {
padding-left: 38px;
height: 28px;
line-height: 28px;
width: 80px;
background: #FFF url(../img/calendar.png) no-repeat scroll 10px 6px;
}
select.hotel_mod_occupation {
width: 68px;
}
div.hotel_mod_form p{
margin: 12px 0;
}
div.hotel_mod_form p.hotel_mod_room{
margin: 24px 0;
}
div.hotel_mod_form a.button-more{
margin: 10px 0 10px 0;
}
div.cht_hotel_home #hotel_mod_checkin,
div.cht_hotel_home #hotel_mod_checkout,
div.cht_hotel_home select.hotel_mod_occupation{
background-color: #251F26;
color: #FFF;
border: none;
-webkit-transition:background-color 0.2s;
-moz-transition:background-color 0.2s;
-o-transition:background-color 0.2s;
transition:background-color 0.2s;
}
div.cht_hotel_home #hotel_mod_checkin:hover,
div.cht_hotel_home #hotel_mod_checkout:hover,
div.cht_hotel_home select.hotel_mod_occupation:hover{
background-color: #3F3441;
}
#hotel_mod_book{
padding: 10px 0;
}
/* com_hotel */
.hotel_utils, .hotel_list_hotel, .hotel_list_hotel_rooms, .hotel_hotel_rooms_boards, .hotel_hotel_rooms, .hotel_hotel_rooms_booking, .hotel_hotel_photos, .hotel_hotel_cats li, .hotel_book_contact, .hotel_book_guarantee, .hotel_book_submit, .hotel_book_rooms_room, .hotel_book_hotel, .hotel_list_map, #hotel_hotel_calendar {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.hotel_utils{
background: #D1C9BD url('../img/back_utils.png');
color: #4C4546;
line-height: 24px;
border: 0;
}
.hotel_utils_map{
border-left: 1px solid #FFF;
}
.hotel_list_hotel{
background: #EFEFEF;
color: #251F26;
padding: 0;
border: 0;
margin: 15px 0 20px 0;
}
.hotel_list_hotel_price{
text-align: center;
}
.hotel_list_hotel_price_start{
margin: 25px 0 5px 0;
}
.hotel_list_hotel_price_amount, .hotel_list_hotel_price_currency{
font-size: 24px;
font-weight: normal;
text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.9);
}
.hotel_list_hotel_info_title a{
color: #251F26;
font-size: 20px;
text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.9);
}
.hotel_list_hotel_info_text{
margin-left: 16px;
width: 330px;
}
.hotel_list_hotel_img{
margin-top: 20px;
margin-left: 15px;
border: 5px solid #251F26;
padding: 0;
}
.hotel_hotel_hotel_img{
border: 5px solid #251F26;
padding: 0;
}
.hotel_list_hotel_info_title{
margin: 20px 0 5px 0;
}
.hotel_hotel_hotel_img_a{
bottom: 0;
left: 0;
color: #fff;
padding: 0;
background: #251F26;
background: rgba(37, 31, 38, 0.
;
}
#hotel_hotel_photos_show{
display: inline-block;
width: 240px;
text-align: center;
width: 240px;
padding: 2px 0 1px 0;
font-size: 11px;
font-style: italic;
}
.hotel_list_hotel_rooms{
border: 0;
padding-top: 5px;
}
.hotel_list_hotel_room_title{
background: #CCCCCC;
padding: 4px 10px;
font-size: 11px;
color: #251F26;
}
.hotel_list th{
background: #251F26;
color: #FFFFFF;
font-size: 14px;
font-weight: normal;
padding: 12px 10px;
}
.hotel_list tr.hotel_list_room_row td{
padding: 8px 10px;
}
.hotel_list_rooms_boards{
padding: 0;
}
.hotel_list_rooms_boards a{
display: block;
width: 670px;
padding: 3px 0;
background: #DDDDDD;
}
a.hotel_list_hotel_book.readmore{
margin: 10px;
float: none;
}
.hotel_utils.hotel_list_pagination{
background: #EFEFEF;
}
.hotel_head h1{
margin-bottom: 10px;
}
.hotel_body h3{
margin: 25px 0 15px 0;
}
.hotel_hotel_rooms{
padding: 5px 0;
border: 0;
background: #EFEFEF;
}
.hotel_hotel_rooms_quote{
padding: 10px 10px 0 10px;
color: #4C5818;
}
.hotel_hotel_rooms_boards{
background: #D1C9BD url('../img/back_utils.png');
color: #251F26;
text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.
;
}
.hotel_hotel_rooms_title{
font-weight: normal;
padding-left: 5px;
}
div.hotel_hotel_rooms_boards label{
padding: 0 5px 0 28px;
background: url('../img/board.png') 1px no-repeat;
}
.hotel_list tr.hotel_list_room_row td{
background: #EFEFEF;
border-bottom: 1px solid #DDD;
}
.hotel_list tr.hotel_list_room_row.hotel_hotel_chec
ked td{
background: #F9F9F9;
}
.hotel_list_room_row img {
padding: 4px;
border: 1px solid #DFDFDF;
background: white;
margin: 5px 10px 5px 5px;
}
.hotel_room_title a.hasTip{
font-size: 14px;
display: inline-block;
padding-top: 6px;
}
.hotel_hotel_rooms_booking{
background: #D1C9BD url('../img/back_utils.png');
}
.hotel_hotel_rooms_booking_title, .hotel_book_total_amount, .hotel_book_hotel_info_title{
color: #251F26;
font-size: 18px;
line-height: 40px;
text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.9);
}
.hotel_book_hotel, .hotel_book_contact, .hotel_book_guarantee, .hotel_book_submit, .hotel_book_rooms_room {
border: 0;
background: #EFEFEF;
color: #251F26;
text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.9);
}
.hotel_book_fields .hotel_book_rooms{
border: 0;
background: #DDD;
width: 100%;
width: 660px;
padding: 0 5px;
overflow: hidden;
margin: 10px 0;
}
.hotel_book_fields .hotel_book_rooms_room,
.hotel_book_fields .hotel_book_rooms_form{
padding: 0;
border: 0;
}
.hotel_book_fields .hotel_book_rooms_room{
padding: 5px;
}
.hotel_book_hotel img{
padding: 4px;
border: 1px solid #DFDFDF;
background: white;
}
.hotel_book_totals{
background: #D1C9BD url('../img/back_utils.png');
}
.hotel_book_total_text{
font-weight: normal;
}
.hotel_book_hotel_info{
color: #4C5818;
}
/* Loadings */
.hotel_small_loading{
background: url(../img/small-loader.gif) no-repeat scroll 50% 50% transparent;
color: #4E591F;
}
.hotel_ajax_loading{
background: url(../img/loader.gif) no-repeat 50% 50% transparent;
color: #4E591F;
}
/* front rotator */
#cht_front{
background: #000;
height: 420px;
overflow: hidden;
position: relative;
}
#cht_front_wrapp{
position: absolute;
width: 1020px;
height: 420px;
left: 0;
}
div.cht_front_chart, div.cht_front_chart span{
background: #DDD;
display: block;
width: 1020px;
height: 420px;
float: left;
}
#cht_front_control{
position: absolute;
top: 390px;
right: 30px;
}
a.cht_front_button{
display: block;
float: left;
margin-left: 7px;
width: 15px;
height: 12px;
background: #505B21;
box-shadow: 1px 2px 2px rgba(0,0,0,0.5);
}
a.cht_front_button.active{
background: #FFF;
}
a.cht_front_button:hover{
text-decoration: none;
}
/* K2 */
div.item-page, div#k2Container{
padding: 10px;
line-height: 1.5em;
border: 0;
}
div.itemHeader{
margin-top: 10px;
}
div.componentheading, div.cht_home_items h3{
margin: 30px 0 40px 0;
}
div.cht_modk2content_item{
display: block;
padding: 10px 0 25px 0;
margin: 20px 0 20px 0;
border-bottom: 1px solid #EFEFEF;
overflow: hidden;
}
div.cht_modk2content_item img{
border: 1px solid #EFEFEF;
padding: 4px;
float: left;
margin-right: 20px;
width: 160px;
}
div.cht_modk2content_item_text{
display: block;
float: left;
width: 450px;
}
div.cht_modk2content_item h3{
margin: 0 0 5px 0;
}
div.cht_modk2content_item h3 a{
font-size: 20px;
color: #251F26;
}
div.cht_modk2content_item h3 a:hover{
color: #728325;
text-decoration: none;
}
span.cht_modk2content_item_date{
font-size: 11px;
color: #999;
}
div.cht_modk2content_item_text p{
margin: 5px 0;
}
div.catItemImageBlock, div.itemImageBlock{
padding: 8px 0 0 0;
margin: 0;
}
span.catItemImage img, span.itemImage img{
border: 1px solid #EFEFEF;
padding: 4px;
}
h3.catItemTitle{
font-family: Arial,sans-serif;
font-size: 14px;
}
div#itemListLinks{
background: #EFEFEF;
border: 0;
padding: 10px 20px;
text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.
;
}
div#itemListLinks div.catItemView{
margin: 0;
}
div.itemIntroText{
font-size: 14px;
font-weight: normal;
line-height: 1.4em;
margin: 0;
padding: 0;
color: #888;
}
div.itemToolbar{
background: none;
border: none;
}
div.itemContentFooter{
margin: 25px 0 10px 0;
}
div.k2FeedIcon{
float: right;
}
div.genericItemImageBlock{
margin-right: 10px;
margin-top: 15px;
}
div.genericItemIntroText{
margin: 0;
padding: 0;
}
div.catItemBody{
padding-bottom: 0;
}
div.catItemView{
padding: 0;
margin-bottom: 20px;
}
div.itemNavigation{
border: 0;
background: #EFEFEF;
}
div.itemFacebookButton{
width: 260px;
}
div.itemComments{
border: 0;
background: #EFEFEF;
padding: 30px 25px;
}
div.itemCommentsForm p.itemCommentsFormNotes{
border-top: 1px solid #DDD;
}
div.itemBackToTop a,
div.itemBackToTop a:hover{
display: inline-block;
margin: 10px;
text-decoration: none;
}
.pagination ul,
.k2Pagination ul{
margin: 10px 0;
padding: 0;
text-align: center;
text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.
;
}
.pagination li,
.k2Pagination li{
display: inline-block;
margin: 0 10px;
padding: 0;
background: none;
}
.pagination a,
.pagination span,
.k2Pagination a,
.k2Pagination span{
display: inline-block;
border-radius: 3px;
box-shadow: 1px 1px 1px rgba(0,0,0, 0.2);
background: #F5F5F5;
padding: 4px 10px;
}
.pagination span,
.k2Pagination span{
background: #F9F9F9;
box-shadow: 1px 1px 1px rgba(0,0,0, 0.1);
color: #AAA;
}
.pagination a:hover,
.k2Pagination a:hover{
background: #EFEFEF;
text-decoration: none;
}
/* Tips */
.tip-wrap{
z-index: 10;
width: 240px!important;
background: #251F26;
background: rgba(37, 31, 38, 0.94);
padding: 10px;
color: #FFF;
-moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5);
box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5);
-moz-text-shadow: #000 1px 1px 1px;
-webkit-text-shadow: #000 1px 1px 1px;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.9);
}
.tip-title{
font-size: 14px;
font-weight: bold;
color: #EFEFEF;
padding: 3px 1px;
}
/* Menu */
#cht_menu li{
position: relative;
}
#cht_menu li:hover ul{
display: block;
}
#cht_menu li ul{
display: block;
position: absolute;
top: 60px;
left: 10px;
width: 170px;
padding: 5px;
z-index: 10;
background: #251F26;
box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.2);
}
#cht_menu li li{
display: block;
clear: both;
margin: 3px 0 3px 0;
padding: 0;
}
#cht_menu li li a{
margin: 0;
padding: 0;
font-size: 14px;
line-height: 20px;
width: 135px;
display: block;
padding: 5px 10px 5px 20px;
text-transform: none;
background: none;
color: #CCCCCC;
text-shadow: #000 1px 1px 1px;
}
#cht_menu li.active li a,
#cht_menu li.active li.active li a{
background: none;
}
#cht_menu li li a:hover,
#cht_menu li.active li a:hover,
#cht_menu li.active li li a:hover{
color: #FFF;
}
#cht_menu li.active li.active a,
#cht_menu li.active li.active li.active a{
color: #FFF;
}
#cht_menu li li ul{
position: relative;
top: 0;
left: 0;
margin: 0;
padding: 0;
background: none;
box-shadow: none;
}
#cht_menu li li li a{
margin-left: 20px;
width: 140px;
}
/* Transition */
#cht_menu li ul{
opacity: 0;
display: block;
top: -500px;
transition: opacity 0.2s ease-in-out;
-o-transition: opacity 0.2s ease-in-out;
-moz-transition: opacity 0.2s ease-in-out;
-webkit-transition: opacity 0.2s ease-in-out;
-ms-transition: opacity 0.3s ease-in-out;
}
#cht_menu li:hover ul {
opacity: 1;
top: 60px;
}
#cht_menu li:hover ul ul{
top: 0;
}
.hotel_copy {
padding: 30px 0 20px 0;
}