Pagina 1 di 2 1 2 ultimoultimo
Visualizzazione dei risultati da 1 a 10 su 11
  1. #1
    Utente di HTML.it L'avatar di buba88
    Registrato dal
    Feb 2004
    Messaggi
    538

    Impostare che lo sfondo si debba ripetere per intero

    Cerco di descrivere brevemente il mio problema: ho una pagina che ha come sfondo una pergamena. questa è ottenuto dividendo in 3 parti la pergamena: una parte iniziale, una parte di mezzo che si ripeterà in base alla lunghezza del testo, e una parte finale.
    Chiaramente la parte di mezzo si "raccorda" perfettamente con la parte finale.
    Quando vado ad aumentare il testo, lo sfondo si allunga inserendo altre ripetizioni della parte di mezzo. il problema è che la parte di mezzo non sempre viene inserita per intera come sfondo, con la conseguenza che nn si raccorda con la parte finale.
    Esiste una proprieta CSS per specificare che, qualora lo sfondo si debba ripetere, va ripetuto per intero?

    Ecco il codice che uso:
    codice:
    <div style="height:150px;">
       [img]img/PerUp.png[/img]
    </div>
    
    <div style="
             background-image:url(img/PerMiddle.png);
             background-repeat:repeat-y;
             background-position:center;
    ">
        
    
    
    
    
    
    
    
    
    
    </div>	
    
    <div style="height:150px;">
        [img]img/PerDown.png[/img]
    </div>

  2. #2
    Utente di HTML.it L'avatar di buba88
    Registrato dal
    Feb 2004
    Messaggi
    538
    up!

  3. #3
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Non mi pare proprio.

    Potresti pensare di fare qualcosa con JS: leggi l'altezza del <div> "parte di mezzo", verifichi se e` un multiplo dell'altezza della pergamena, aggiungi quanto serve, e setti l'altezza del <div> stesso.

    Chiaramente da fare all'evento onload (ed eventualmente al onresize).

    La cosa non comporta perdita di accessibilta`, in quanto si riferisce a modifiche "cosmetiche": in caso di non funzionamento del JS, resta al non perfetta chiusura della "pergamena".

    Se vuoi sposto il thread nel forum "scripting".
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  4. #4
    Utente di HTML.it L'avatar di buba88
    Registrato dal
    Feb 2004
    Messaggi
    538
    ti ringrazio per la risposta.
    si penso che a questo punto è meglio spostare il post in scripting, visto che in javascript nn sono molto ferrato.

  5. #5
    Utente di HTML.it L'avatar di buba88
    Registrato dal
    Feb 2004
    Messaggi
    538

    ottenere l'altezza di un div

    ciao a tutti,
    come posso ottenere con javascript l'altezza di un div?
    da qualche parte avevo letto una cosa tipo:

    document.getElementById("nome_div").style.height

    ma nn funziona.

    Suggerimenti?

  6. #6
    Utente di HTML.it L'avatar di Xinod
    Registrato dal
    Sep 2000
    Messaggi
    13,649
    document.getElementById("nome_div").offsetHeight
    con buona approssimazione restituisce quello che cerchi
    ciao

  7. #7
    Utente di HTML.it L'avatar di buba88
    Registrato dal
    Feb 2004
    Messaggi
    538
    up

  8. #8
    Utente di HTML.it L'avatar di buba88
    Registrato dal
    Feb 2004
    Messaggi
    538
    grazie mille, ora però ho un altro problema, cioè impostare l'altezza di un div.
    ho provato con
    document.getElementById("nome_div").offsetHeight = 1000;
    ma nn funziona

  9. #9
    Utente di HTML.it L'avatar di Xinod
    Registrato dal
    Sep 2000
    Messaggi
    13,649
    setti con
    document.getElementById("nome_div").style.height=' 1000px';

  10. #10
    Utente di HTML.it L'avatar di Xinod
    Registrato dal
    Sep 2000
    Messaggi
    13,649

    Re: ottenere l'altezza di un div

    Originariamente inviato da buba88
    document.getElementById("nome_div").style.height
    questo cmq funziona se lo stile e' settato in linea
    e funzionera' dopo che e' stato attribuito via javascript

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.