• User

    Immagine ripetuta come sfondo di un testo dinamico.non funzionano tag diversi da "p"!

    Ciao ragazzi ho un problema bello grosso, premetto che non sono espertissimo di CSS.
    Allora il problema è questo:

    ho realizzato un sito dinamico in ASP che tira su i contenuti da database, questi contenuti sono modificabili dall'utente tramite una interfaccia Admin con presente un editor web, esattamente TinyMCE.
    I contenuti dinamici sono visualuzzati nella pagina con sfondo ripetuto tante volte per quanto è lungo il testo che tira su dal database, lo sfondo che ripeto è un'immafine di 800 e qualcosa px per 6 px di altezza.

    Il mio problema è che se dal tiny salvo un testo o una immagine non ho problemi, ma se salvo qualcosa con un tag diverso da quello (es TABLE, UL, LI, ecc..) il testo caricato dinamicamente nella pagina non ha più la formattazione che gli ho dato, quindi non vi è più l'immagine ripetuta in sfondo e nemmeno i caratteri che avevo settato al testo.

    L'effetto che mi risulta purtroppo è questo:

    hxxp://img407.imageshack.us/my.php?image=16344379az7.jpg

    Come potete vedere la parte alta e quella bassa del testo sono perfettamente realizzate, ma la parte centrale che ho provato a tabulare con una Tabella quindi utilizzando il tag TABLE non è formattatta come il resto..nonostante faccia parte delle stesso contenuto..:o

    Infatti ho inserito il testo dinamico dentro ad un tag "p" che ha delle caratteristiche ben precise nel css:

    <p id="strisciaRipetuta">Ecco l'estratto fondamentale dell'HTML:

    <div id="strisciaIniziale"></div>
    
    <div id="strisciaRipetuta">
            
            <p id="strisciaRipetuta">
    
                    <%=Rs("contenuto")%> /* Mi carica il contenuto dal DataBase../*
    
            </p>
        
    
        <div id="strisciaFinale"></div>
        
        <div id="footer">
    
            Powered By ... <br />&nbsp;
        
        </div>
    
    </div>
    ```E quello del CSS:
    
    

    #strisciaIniziale{
    background-image: url(../strisciaIniziale.png);
    width: 816px;
    height: 27px;
    position: relative;
    left: 50%;
    margin: 30px 0 0 -408px;
    }

    #strisciaRipetuta{

    width:       816px;
    

    height: 6px;
    position: relative;
    left: 50%;
    margin: 0 0 0 -408px;
    }

    line-height: 20px;
    padding: 0.3% 50px 0.5% 50px;
    background-image: url(../strisciaRipetuta.png);
    background-repeat: repeat-y;
    font-size: 15px;
    font-family: "Times New Roman", Times, serif;
    color: #404040;

    }

    #strisciaFinale{

    background-image: url(../strisciaFinale.png);
    width:       816px;
    

    height: 38px;
    position: relative;
    left: 50%;
    margin: 0 0 0 -408px;

    }

    #footer{

    position: relative;
    text-align: center;
    font: "Arial Black";
    font-size: 15px;
    color: #1e20ff;
    margin: 20px 0 0 0;
    

    }

    
    

    <p>BlaBlaBlaBlaBlaBlBlaBlaBlBlaBlaBlBlaBlaBlBlaBlaBlBlaBlaBlBlaBlaBlBlaBlaBlBlaBlaBlBlaB</p><p>aBlBlaBlaBlBlaBlaBlBlaBlaBl</p><p>BlaBlaBlBlaBlaBlBlaBlaBlBlaBlaBlBlaBlaBlBlaBlaBlBlaBlaBlBlaBlaBlBlaBlaBl</p><p>BlaBlaBlBlaBlaBlBlaBlaBlBlaBlaBlBlaBlaBlBlaBlaBlBlaBlaBlBlaBlaBlBlaBlaBlBlaBlaBlBlaBlaBlempre aBlaBlaBlo deBlaBlaBlBlaBlaBlBlaBlaBlBlaBlaBllle tecnoBlaBlaBlBlaBlaBl.</p>
    <p> </p>
    <p>
    <table style="text-align: justify;" border="0" cellspacing="6" cellpadding="2">
    <tbody>
    <tr>
    <td><img title="ZZZ" src="../public/ZZZ.png" alt="Architettura" width="150" height="150" /></td>
    <td>ARasdadasdTICasd<br /><br />LBlaBlaBlBlaBlaBlBlaBlaBlBlaBlaBlBlaBlaBlBlaBlaBlBlaBlaBlBlaBlaBlBlaBlaBlempre aBlaBlaBlo deBlaBlaBlBlaBlaBlBlae.</td>
    </tr>
    <tr>
    <td><img title="XXX" src="../public/XXX.png" alt="biomedicale" width="150" height="150" /></td>
    <td>BLAVLAALSLSLDJ<br /><br />BlaBlaBlBlaBlaBlBlaBlaBlBlaBlaBlBlaBlaBlBlaBlaBlBlaBlaBlBlaBlaBlBlaBlaBlempre aBlaBlaBlo deBlaBlaBlBlaBlaBlBla</td>
    </tr>
    </tbody>
    </table>
    </p>
    <p>BlaBlaBlaBlaBlaBlBlaBlaBlBlaBlaBlBlaBlaBlBlaBlaBlBlaBlaBlBlaBlaBlBlaBlaBlBlaBlaBlBlaB</p>
    <p>aBlBlaBlaBlBlaBlaBlBlaBlaBl</p>
    <p>BlaBlaBlBlaBlaBlBlaBlaBlBlaBlaBlBlaBlaBlBlaBlaBlBlaBlaBlBlaBlaBlBlaBlaBl</p>
    <p>BlaBlaBlBlaBlaBlBlaBlaBlBlaBlaBlBlaBlaBlBlaBlaBlBlaBlaBlBlaBlaBlBlaBlaBlBlaBlaBlBlaBlaBlempre aBlaBlaBlo deBlaBlaBlBlaBlaBlBlaBlaBlBlaBlaBllle tecnoBlaBlaBlBlaBlaBl.</p>

    
    Help please..sono ad un vicolo cieco..ho guardato anche in giro ma non ho trovato molto..:?
    Se non capite qualcosa domandate pure, l'ora è molto tarda, sto già quasi dormendo..
    ..grazie a tutti..

  • Super User

    Ciao ale1kids.

    Avresti una risorsa online tipo un link di test da darci?