Visualizzazione dei risultati da 1 a 3 su 3
  1. #1
    Utente di HTML.it
    Registrato dal
    Oct 2007
    Messaggi
    90

    HELP - Posizionamento background

    Ho un problema strutturale :

    Questo è il codice HTML :

    codice:
    <div id="involucro"> 
        <div id="intestazione"> 
            <div id="intestazione-dx"> 
                <div id="logo">SITO</div> 
            </div>
        </div> 
    </div>
    Questo invece il CSS :

    codice:
    /* CSS for Forum */
    body
    {
    	background: #aa602b url(img/background2.jpg) no-repeat center top;
    	margin: 0px;
    	padding: 0px;
    	font-size:70%;
    	font-family : Georgia, Verdana, Geneva, Arial, Helvetica, sans-serif;
    	text-align: center;
    }
    
    /* INVOLUCRO FORUM*/
    #involucro {
    	padding:0 0 0 0;
    	margin:0px auto;
    	width:80%;
    	text-align:left;
    }
    
    /* INTESTAZIONE*/
    
    #intestazione {
    	background:  url(img/head.png) repeat-x top;
    
    
    }
    #intestazione-dx{
    	background: url(img/head_right.png) no-repeat top right;
    }
    #logo a {
    	margin: 0;
    	padding: 0;
    	background: transparent url(img/logo.png) no-repeat left top;
    	display:block;
    	text-decoration: none;
    	padding: 207px 0 0 0;
    	overflow: hidden;
    	height: 0px !important; 
    	height /**/:207px; /* for IE5/Win only */
    }
    Il problema è che le immagini logo.png e head_right.png ai loro lati rispettivamente sinistro e destro sono trasparenti..Per questo si vede l'immagine di sfondo head.png . Essendo un layout liquido, quest'ultima dovrà per forza ripetersi. Quindi, come si potrebbe rimediare ? Altrimenti c'è un modo per far ripetere un'immagine fino ad una certa posizione o comunque per tot numero di pixel ?? GRAZIE !!

  2. #2
    Utente di HTML.it L'avatar di Prill
    Registrato dal
    Oct 2006
    Messaggi
    2,947
    Cercare di farsi un'idea dal codice è un po' difficile, vedere la pagina con le immagini forse aiuterebbe di più. Comunque, almeno per quanto riguarda l'immagine head_right: se tu imposti questo sfondo nel primo dei div e poi annidi al suo interno quello con lo sfondo head, cui dai un margine destro eguale all'immagine head_right, dovresti evitare la prima sovrapposizione. Forse col logo potresti risolvere seguendo lo stesso sistema e cambiando l'ordine di annidamento dei div (ma non puoi creare un logo che non sia trasparente?). Se vuoi mostra la pagina così da vedere il problema direttamente

  3. #3
    Utente di HTML.it
    Registrato dal
    Oct 2007
    Messaggi
    90
    Hai ragione scusami , ti allego un immagine :
    Immagini allegate Immagini allegate

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.