Visualizzazione dei risultati da 1 a 3 su 3
  1. #1
    Utente di HTML.it
    Registrato dal
    Jan 2013
    Messaggi
    1

    aumentare dimensioni caselle immagine homepage

    salve io avrei un problema con il mio sito, nell' homepage si possono inserire solo due immagine di dimensioni prefissate, ora io vorrei sapere come fare per aumentare le dimensioni di queste caselle che contengono le immagini.
    il css è il seguente


    /* classi di struttura */
    body {margin: 0; padding: 0; font-family:arial,sans-serif,georgia,helvetica,verdana; font-size: 12px; color: #fff; background: #5e5e5e;}
    a:active, a:focus {outline-style: none; outline-width: 0;}
    a {color: #fff;}
    a:active, a:hover {text-decoration: none; color: #fff;}
    *, form, img, fieldset {margin: 0; padding: 0; border: 0;}

    /* elementi con clearfix */
    .content:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
    .content {display: inline-block; background:#fff;}
    * html .content {height: 1%;}
    .content {display: block;}

    .page_cont:after, #hp .txt2:after, #hp .txt3:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
    .page_cont, #hp .txt2, #hp .txt3 {display: inline-block;}
    * html .page_cont, * html #hp .txt2, * html #hp .txt3 {height: 1%;}
    .page_cont, #hp .txt2, #hp .txt3 {display: block;}

    .main_container {display: block; margin: 0 auto; width: 960px;}
    .content {background: url(/spg/gibo/tmp/g_fabb001g/img/bg_menu.jpg) no-repeat top #000; width: 960px; padding-bottom: 30px;}
    .header {width: 960px; height: 174px; position: relative;}
    .header .logo {background: url('/spg/gibo/tmp/g_fabb001g/img/bg_fabb.jpg') no-repeat 0 0 #fff; margin: 0 auto; width: 960px; height: 174px;}
    .header .logo img {position: relative; top: 10px; left:20px; border:1px solid #000;}

    /* ------------------- MENU & SOTTOMENU ------------------------- */
    #mn_5 a{border-right: none;}
    .menu{width: 900px; float: left; height: 38px; display: block; padding: 15px 0 0 54px; overflow: visible; z-index: 200; position: relative; text-transform: capitalize;}
    .menu,.sotto_menu{list-style-type: none;}
    li:hover ul.sotto_menu{display: block;}
    ul.menu ul.sotto_menu{width: 408px; margin: 0; position: absolute; left: 247px; bottom: 60px; padding: 14px 0 0 0; text-align: left;}
    #pvt ul.menu ul.sotto_menu {position: absolute; bottom: 161px;}
    .menu a.selected,.menu li a:hover{background: url('/spg/gibo/tmp/g_fabb001g/img/bg_li.gif') repeat; text-decoration: none; color: #fff;}
    .menu li a.selected:visited{color: #fff; background: url('/spg/gibo/tmp/g_fabb001g/img/bg_li.gif') repeat;}
    .menu li{margin: 0 5px; padding: 0; float: left;}
    .menu li a{text-decoration: none!important; padding: 4px 10px 5px 10px; display: block; font-size: 15px; line-height: 15px; color: #fff;}
    .sotto_menu li{display: block; margin: 0 1px 1px 0; width: 135px;}
    .menu .sotto_menu li a{padding: 6px 10px; background: #000; font-size: 12px; font-weight: normal; color: #fff;}
    .sotto_menu li a:hover,.sotto_menu li a.selected{background-color: #ff3333!important; color: #fff!important;}
    /* ------------------- END MENU & SOTTOMENU ------------------------- */

    .page_cont {float: left; position: relative; top: 24px; min-height: 350px; height: auto!important; height: 350px; width: 960px;}
    .page_cont h1 {font-size: 18px; padding: 0; padding: 15px; color: #fff; font-weight: normal;}
    .page_cont p {font-size: 12px; text-align: justify;}
    .txt_cont p {margin-bottom: 5px;}

    #hp .txt1, #pti .txt1 {float: right; background:url(/spg/gibo/tmp/g_fabb001g/img/bg_txt_top.gif) top no-repeat; color:#fff; height:100%; width:324px; padding-top: 30px;}
    #hp .txt1 a, #pti .txt1 a{color: #000;}
    #hp .txt1 p, #pti .txt1 p {line-height:18px; width: 230px; color: #000;}
    #hp .txt1 .txt_cont, #pti .txt1 .txt_cont {color:#000}

    #hp .txt1 h1, #pti .txt1 h1 {margin-left: 35px; width: 230px; padding-top: 0;}
    #hp .txt2, #hp .txt3{min-height:200px;padding-right:15px; width: 550px}

    #hp .txt2 h1, #hp .txt3 h1 {float:right}
    #hp .txt2 .txt_cont, #hp .txt3 .txt_cont {float:right; width: 250px;}
    .txt_cont.empty {min-width:218px}
    #hp .txt2 .se-box-txt p,#hp .txt3 .se-box-txt p {width:242px}
    .txt2 h1, .txt3 h1 {display: inline; padding: 0; color: #c1c1c1; font-size: 18px; line-height:20px; font-weight: normal; width:250px}
    #pti .txt2 h1,#pti .txt3 h1 {width:559px}
    #hp .txt1 .txt_cont, #pti .txt1 .txt_cont {background:url(/spg/gibo/tmp/g_fabb001g/img/bg_txt_bottom.gif) bottom no-repeat; padding: 0 25px 50px 50px; min-height:142px; height:auto!important; height:142px;}
    .txt2 .txt_cont, .txt3 .txt_cont {float: left; padding-bottom: 23px;}
    .txt2 p, .txt3 p {font-size: 13px; line-height: 18px; margin-top:10px;}
    .p_cs .txt1 h1, .p_cf .txt1 h1, .p_ds .txt1 h1, .p_ct .txt1 h1 {width:250px; display: inline; padding: 0; color:#c1c1c1; font-size: 18px; line-height:20px; font-weight: normal;}
    .p_cs .txt1 p, .p_cf .txt1 p, .p_ds .txt1 p, .p_ct .txt1 p {width:250px; margin: 10px 0 30px 0; line-height:18px; font-size: 13px;}


    #pti .txt2, #pti .txt3 {margin: 20px 10px 0 25px; width:560px; float: left;}

    .contTxtSec {float: left; width: 560px; position: relative; padding-left: 25px;}
    .txt3 img, .txt2 img {float: left; margin: 0 20px 0 0;}


    .cont_txt {float: right; padding-right: 42px;}

    .p_cs .txt1, .p_cf .txt1, .p_ds .txt1, .p_ct .txt1 {width: 250px; position: relative;}
    .p_cs .txt2, .p_cf .txt2, .p_ds .txt2, .p_ct .txt2 {width: 250px; position: relative;}


    .contTxtSec img {position: relative; float: left;}

    .cont_fg, .cont_cat {float: left; width: 580px; padding-left: 25px;}
    .cont_datidove {float: left; width: 580px; margin-left: 25px;}
    .cont_contact {width: 600px; float:left; margin-left: 25px;}

    .fg_el1, .fg_el2, .fg_el3, .fg_el4, .fg_el5, .fg_el6, .fg_el7, .fg_el8, .fg_el9, .fg_el10 {float: left; margin: 0 16px 16px 0; position: relative; top: 24px; left: 23px;}
    .cf_el1, .cf_el2, .cf_el3, .cf_el4, .cf_el5, .cf_el6 {float: left; width: 250px; padding: 0 25px 40px 0;}
    .cont_cat img {float: left; margin-right: 10px;}
    .cont_cat h2 {padding: 0 0 5px 0; font-size: 16px; font-weight: normal;}
    .cont_cat p {margin-left: 110px;}
    a.cf_dett {font-size: 9px; text-transform: uppercase; font-weight: bold; line-height: 25px; text-decoration: none; color: #fff; margin-left: 0;}

    .txt_datidove {float: right; width: 170px; margin-left:10px; color: #fff;}
    .txt_datidove span {float: left; clear: both;width:100%;}
    .rgs {font-weight: bold; font-style: normal; color: #fff;}
    .ind {font-style: normal;}
    .tel, .cel, .fx, .em {font-style: normal; margin-top: 15px; color: #fff; font-weight: bold;}
    .txt_datidove strong {font-weight: normal; color: #fff;}
    .em strong a {color: #666;}
    .mappa {float: left; margin-bottom: 70px; width: 390px; height: 300px;}
    .mappa iframe {width: 390px; height: 300px;}
    .mappa a {font-size: 10px;}

    .datiContact {width: 270px; float: left; margin-right: 24px;}
    .datiContact label {float: left; margin-bottom: 2px; font-size: 10px;}
    .cont_contact label {text-transform: uppercase; font-size: 10px;}
    .datiContact input {width: 260px; height: 25px; color: #333; background-color: #fff; margin-bottom: 20px; padding: 0 5px;}

    .msg textarea {color: #333; background-color: #fff; width: 290px; height: 136px; margin: 2px 0 0 0; padding: 5px;}
    .msg input {float: left; margin-right: 5px;}
    .legge{float:left;}
    .legge textarea {color: #333; background-color: #fff; width: 584px; height: 63px; margin: 10px 0; padding: 5px; font-family: arial,sans-serif,georgia,helvetica,verdana; font-size: 10px; border:1px solid #483314;}
    .legge li {list-style-type: none; padding-right: 0;}
    .radio_botton1 input, .radio_botton2 input {float: left; margin-top: 3px; width: 20px; margin-right: 30px;}
    .radio_botton1 label {float: left; font-size: 10px; text-transform: lowercase; margin-top: 3px;}
    .radio_botton2 label {float: left; font-size: 10px; text-transform: lowercase; margin-top: 3px;}

    .cont_contact button {float: right; position: relative; right: 5px; color: #666; font-size: 13px; font-weight: bold; background: url('/spg/gibo/tmp/g_fabb001g/img/btn.png') no-repeat; width: 95px; height: 33px; padding-bottom:5px; cursor: pointer;}

    .footer{clear:both;margin:0 auto;color:#fff;position:relative;padding:10px 0;width:960px;}
    .footer a:link{color:#fff}
    .pow a {color: #fff; text-decoration: none;}
    .txt_fo {font-style: normal; margin-bottom:5px;}

    .cont_sound {display: block; margin-right: -455px; position: absolute; right: 50%; top: 30px;}
    .p_ti .cont_img .se-box-img:first-child {margin-right:30px}
    .p_cs .video_el{margin-left:48px}
    .video_el {width: 560px; float: left; display: inline; padding: 20px 0; margin: 20px 0 20px 25px; background: #5e5e5e; text-align: center;}

    .cont_img {height: 150px; margin: 0 200px 0 25px; width: 570px;
    .cont_img .se-box-img{float:left; width:274px}
    .cont_img .se-box-img:first-child{margin-right:15px}
    .el_img1 {margin-right: 20px;}

    /* classi x ie7 */
    *+html .datiContact input {height: 21px; padding: 3px 5px 0 5px;}
    *+html .legge {float: left;}
    *+html .radio_botton1 label, *+html .radio_botton2 label {margin-top: 5px;}

    /* classi x ie6 */
    * html .page_cont {margin-bottom: 20px;}
    * html .cont_contact {width: 620px; margin-left: 12px;}
    * html .datiContact input {height: 21px; padding: 3px 5px 0 5px; width: 250px;}
    * html .msg textarea {position: relative; right: 20px;}
    * html .radio_botton1 label, * html .radio_botton2 label {margin-top: 5px;}
    * html .cont_contact button {background: url('/spg/gibo/tmp/g_fabb001g/img/btn.gif') no-repeat; right: 20px;}

  2. #2
    Moderatrice di CSS L'avatar di ResianTaxidrive
    Registrato dal
    Oct 2007
    residenza
    Udine
    Messaggi
    2,766
    sì ma non puoi postare codice del genere, non si capisce niente, dai un link alla pagina.
    Giusto perchè mi è caduto l'occhio qui
    codice:
    .cont_img {height: 150px; margin: 0 200px 0 25px; width: 570px;
    .cont_img .se-box-img{float:left; width:274px}
    .cont_img .se-box-img:first-child{margin-right:15px}
    .el_img1 {margin-right: 20px;}
    ti dico di provare a vedere se sono questi stili che danno le dimensioni a quei contenitori a cui ti riferisci.

  3. #3
    Ciao, quoto ResianTaxidrive, è da impazzire !
    Eeb design, web marketing, download template per siti web. www.lisadamus.it/
    Seguimi su Twitter
    Seguimi su Facebook

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2026 vBulletin Solutions, Inc. All rights reserved.