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

    L' immagine che deve fare la riga si deve ripetere solo sotto e non sopra.

    Di sicuro col titolo non avrete capito niente e quindi mi spiego meglio qui.
    Ho fatto un template e lo sfondo lo fatto scendere di 32 px per poter lasciare la pubblicità del servizio in quello spazio, se lo copro vado contro il regolamento.
    L'immagine di sfondo ha questa istruzione.
    <body>
    <div id="immagine" style="position: absolute; top: 32px; left:0px;">
    [img]sfondo.jpg[/img]</div>
    </body>

    Fino a qui tutto ok, dopo ho usato un file .gif per poter fare la riga e ripeterla in senso verticale cioè verso il basso tramite questa istruzione.
    <style>
    body {
    background-image: url(riga.gif);
    background-repeat: repeat-y;
    background-position: 0px 32px;
    }
    </style>

    Fin qui tutto apposto ma, lasciando lo spazio per la pubblicità allo sfondo di 32px la riga si ripete anche sopra e quindi copre lo stesso la pubblicità. Se poi tolgo le istruzioni per la riga per vedere se sempre farà vedere la pubblicità, giusto come esperimento, si nota lo sfondo bianco sopra e sotto, cioè le parti non ricoperte dalla immagine di sfondo principale.
    Come devo fare? C'è un modo per evitare il riempimento bianco sopra che cosi sicuramente la riga non andrà anche sopra.Fatemi sapere grazie.

  2. #2
    Potresti postare del codice oppure un link per capire meglio il tuo problema?

  3. #3
    Utente di HTML.it
    Registrato dal
    Jul 2007
    Messaggi
    3
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

    <html>
    <head>
    <title>Template</title>
    <style>
    p, body, td, tr, div {
    font-family: Verdana;
    font-size: 10px;
    color: #586d88;
    }
    h1 {
    font-family: Verdana;
    font-size: 11px;
    color: Grey;
    text-decoration: none;
    }

    A:link{
    text-decoration:none;
    color: blue;
    font-weight: bold;
    }

    A:visited {
    text-decoration:none;
    color: orange;
    }

    A:hover {
    text-decoration:none;
    color: white;
    }
    body {
    background-color:#35478f;
    background-image: url(riga.gif);
    background-repeat: repeat-y;
    background-position: 0px 32px;
    }
    </style>
    <body oncontextmenu="return false" ondragstart="return false" onselectstart="return false">
    <meta http-equiv="imagetoolbar" content="no">
    <body>
    <div id="immagine" style="position: absolute; top:32px; left:0px;">[img]sfondo.jpg[/img]</div>
    <div id="sinistra" style="position: absolute; top: 766px; left: 105px; width: 245px; height: 506px;">
    </div>
    </body>
    </html>


    Fammi sapere se riesci a risolvere qualcosa.

  4. #4
    Utente di HTML.it
    Registrato dal
    Jul 2007
    Messaggi
    3
    Risolto da solo. Grazie comunque.

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.