Visualizzazione dei risultati da 1 a 6 su 6
  1. #1

    Sfondo Footer Trasparente

    Buongiorno a tutti,

    è da poco che mastico i css ed ho un problema

    devo inserire in fondo alla pagina il footer con un backgruond png obreggiato con lo sfondo trasparente (creata con photoshop).

    Lo sfondo del sito è una sfumatura ripetuta con l'opzione repeat-y.

    Il problema è che dove la png del footer è trasparente, mi si vede bianco invece della sfumatura di sfondo....

    qualcuno ha capito? o mi sono spigato male??

    Grazie a tutti.

    Saluti

  2. #2
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Esiste un problema con le PNG in IE.

    Se e` questo il tuo problema, fa' una ricerca nel forum (bottone in alto): se ne e` gia` parlato piu` volte.
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  3. #3
    Ciao,

    grazie per la risposta....

    mi succede anche con firefox....

    Daniele

  4. #4
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Allora con le info che dai non so come rispondere.
    Se puoi, posta il link; altrimenti posta il codice HTML e CSS del blocco con il problema e di tutti i blocchi che lo contengono.

    Una possibilita` e` che il blocco che lo contiene (padre) ha sfondo bianco opaco. Oppure qualche altro blocco nell'albero "genealogico)
    E tieni presente che l'oggetto <html> (che corrisponde alla finestra del browser) ha sempre di default sfondo opaco bianco.
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  5. #5
    Il css è compreso in un template di joomla ora ti posto il codice:


    questo è il css
    Codice PHP:
    /* #######################  GENERAL ############################ */
    html.body{
        
    font-familyArialVerdanaHelveticasans-serif;
        
    font-size12px;
        
    color#00000;
        
    margin-top0px;
    }

    /*  Global Formatting */
    h1 {font-size:16px;line-height1em;font-weight900;}
    h2 {font-size:15px;line-height1em;font-weight900;}
    h3 {font-size:14px;line-height1em;font-weight900;}
    h4 {font-size:13px;line-height1em;font-weight900;}
    h5 {font-size:12px;line-height1em;font-weight900;}
    h6 {font-size:11px;line-height1em;font-weight900;}
    /*td{font-size: 11px;}*/
    th{font-size12px;}
    {
    color#2650b3;}
    a:hover {
    color#FF0000;}
    a:visited {color#2650b3;}
    a.imagea.image:hover  {border:0;}
    li{ list-stylesquare;}
    ul { list-stylesquare;}

    /* #######################  END GENERAL SETTINGS ############################ */


    body {
        
    font-familyArialVerdanaHelveticasans-serif;
        
    font-size12px;
        
    color#687898;
        
    text-align:center/*center hack*/
        
    background-imageurl(../images/background.png); 
        
    background-repeatrepeat-x;
        
    background-positionbottom;
        
    background-attachmentfixed;
        

        
    padding0em;
        
    margin-top1em;
        
    margin-bottom1em;
    }
    div#container {
        
    min-width:800px;
        
    max-width:800px;
        
    widthauto !important/*IE6 hack*/
        
    width:800px/*IE6 hack*/
        
    margin:auto/*center hack*/
        
    text-align:left/*center hack*/
        
    background-imageurl(../images/main_box_background.gif);
        
    background-repeatrepeat-y;
        
    color#000000;
        
    font-size12px;
        
        
        
    }

    .
    clearfix:after {
        
    content".";     
        
    displayblock;     
        
    height0;     
        
    clearboth;     
        
    visibilityhidden;
    }
    .
    clearfix {
        
    displayinline-block;
    }
    /* Hides from IE-mac \*/
    html .clearfix {
        
    height1%;
    }
    .
    clearfix {
        
    displayblock;
    }
    /* end hide from ie-mac */

    #div#top_header{
        
    background-color#E0E8F5;
        
    width800px;
        
    floatleft;
            
    }
    div#header {
        
    font-size2em;
        
    font-weightbold;
        
    background-color#E0E8F5;
        
    width800px;
        
    floatleft;
        
    border-bottom0px #79555A solid;
        
    background-positionbottom;
        
    background-imageurl(../images/logo_top.png);
    }
    .
    inside_header {
        
    padding-top0px;
        
    padding-left8px;
        
    padding-bottom0px;    
        
    height142px;
        
    color#79555A;
    }

    div#top_maune_div {
        
    floatright;
        
    overflowhidden;
        
    font-size12px;
        
    padding-right8px;
    }

    div#leftside {
        
    width21%;
        
    floatleft;
        
    overflowhidden;
        
    padding-top1px;
        
    background-repeatno-repeat;
        */
    background-imageurl(../images/left_leafes.gif);*/
        
    background-position0px 0px;
    }
    .
    inside {
        
    padding4px;
    }

    div#main {
        
    width78%;
        
    floatleft;
        
    overflowhidden;
    }
    .
    inside_main {
        
    width95%;
        
    floatleft;
        
    overflowhidden;
        
    padding-left22px;
    }
    div#footer {
        
    text-aligncenter;
        
    width100%;
        
    height80px%;
        
    floatleft;
        
    margin-top4px;
        
    border-top0px #000000 solid;
        
    background-colortransparent;
        
    background-imageurl(../images/footer_background.png);

        }
    div#footer_bottom{
        
    width100%;
        
    height100%;
        
    floatleft;
        
    background-imageurl(../images/footer_background.png);
        
    background-repeatno-repeat;
        
    background-colortransparent;
        
    background-positionbottom;
    }

    /* ######################  End LAYOUT SETTINGS       ############################## */ 
    La parte interessata è "footer"


    questo è l'index.php

    [PHP]
    <?php

    defined( '_VALID_MOS' ) or die( 'Direct Access to this location is not allowed.' );
    $iso = split( '=', _ISO ); echo '<?xml version="1.0" encoding="'. $iso[1] .'"?' .'>';
    ?>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; <?php echo _ISO; ?>" />
    <?php mosShowHead(); ?>
    <link href="<?php echo "$GLOBALS[mosConfig_live_site]/templates/$GLOBALS[cur_template]/css/template_css.css";?>" rel="stylesheet" type="text/css" media="all" />

    </head>
    <body>

    <div id="container" class="clearfix">

    <div id="header">
    <div id="top_maune_div">
    <?php if (mosCountModules('user3')>0) mosLoadModules('user3',0); ?>
    </div>
    <div class="inside_header">
    <!-- [img]<?php echo [/img]logo.gif" alt="logo" width="67" height="78" longdesc="company logo" /><?php echo $mosConfig_sitename; ?>
    --> </div>
    </div>

    <div id="leftside" >
    <div class="inside" >
    <?php if (mosCountModules('user4')>0) mosLoadModules('user4',0); ?>
    <?php if (mosCountModules('user2')>0) mosLoadModules('user2',0); ?>
    <?php if (mosCountModules('user1')>0) mosLoadModules('user1',0); ?>
    <?php if (mosCountModules('left')>0) mosLoadModules('left',0); ?>
    </div>
    </div>

    <div id="main">
    <div class="inside_main">
    <?php if (mosCountModules('top')>0) mosLoadModules('top',0); ?>
    <?php if (mosCountModules('banner')>0) mosLoadModules('banner',0); ?>
    <?php mosPathWay(); ?>
    <?php mosMainBody(); ?>
    </div>
    </div>

    <div id="footer">
    <?php if (mosCountModules('bottom')>0){mosLoadModules('bott om',0);} else {echo ""; } ?>
    <hr width="98%" align="center" />
    <?php include_once('includes/footer.php'); ?>
    <?php mosLoadModules ( 'debug', -2); ?>
    </div>


    </div>






    [url="http://lady-beetle.com">

    </body>
    </html>
    [/PHP]

    Hai bisogno di qualcosaltro

    Grazie ancora

    Daniele

  6. #6
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Avevo chiesto il codice HTML, tu hai postato il sorgente lato server (PHP). In tale file mancano dei blocchi che vengono inseriti prima di passare la pagina al client. Il codice HTML lo puoi ricavare dal browser (click destro > visualizza sorgente).

    Comunque il tuo codice ha dei problemi:
    - Usi anche formattazione HTML: questo genera dei conflitti con il CSS e i conflitti vengono risolti in modo diverso dai diversi browser.
    - Ci sono errori di sintassi (ad esempio height: 80px%; ): prima di cercare altre cause, passa dai validatori.
    - Manca la formattazione per i tag <html> e <body>: infatti il selettore html.body{ non corrisponde a nessun oggetto della tua pagina.
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

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 © 2025 vBulletin Solutions, Inc. All rights reserved.