Pagina 1 di 2 1 2 ultimoultimo
Visualizzazione dei risultati da 1 a 10 su 15
  1. #1

    Posizione immagine di sfondo

    Ho un immagine di sfondo che vorrei partisse da una certa altezza della pagina (precisamente 113 pixel) poichè la parte superiore è già occupata da un altro elemento grafico a cui lo sfondo deve "collegarsi".
    Ho usato un foglio di stile tipo:
    codice:
    body { background:url(sfondo.gif) 113px right repeat-y}
    L'effetto è quello voluto ma il validatore del W3C me lo segna errato, da quanto ho capito per il fatto che ho dichiarato una posizione verticale in pixel (e non con "top", "middle" o "bottom" come vorrebbe lui).

    Come posso validare il foglio di stile e mantenere l'aspetto grafico che mi interessa?

  2. #2
    L'effetto è quello voluto ma il validatore del W3C me lo segna errato, da quanto ho capito per il fatto che ho dichiarato una posizione verticale in pixel (e non con "top", "middle" o "bottom" come vorrebbe lui).
    Ti sei risposto da solo. Usa i px, gli em o %. ciao

  3. #3
    Usa i px, gli em o %
    Io sto già usando i px coem vedi dal mio esempio. O ho capito male quello che mi volevi dire?

  4. #4

    devi usare queste misure combinate fra loro. hai detto tu stesso che il validator non te lo valida se lo usi insieme alla keywords....

  5. #5
    Scusa ma non mi è molto chiaro.
    Cosa intendi con:
    usare queste misure combinate fra loro
    Mi puoi fare un esempio?

  6. #6
    codice:
    body {
      background: #f8f8ee url(transp.gif) 10% 2em no-repeat fixed;
    }

  7. #7
    Ho provato con
    codice:
    body { background:#FFFFFF url(sfondo.gif) right 2em repeat-y}
    ma ottengo sempre lo stesso errore di validazione
    Too many values or values are not recognized

  8. #8
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    L'ordine nei valori fa parte della sintassi:
    background: color image repeat attachment position
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  9. #9
    Ho provato seguendo la sintassi corretta
    codice:
    body { background:#FFFFFF url(sfondo.gif) repeat-y right 2em}
    Ma il risultato è sempre lo stesso: fogli di stile non valido!

  10. #10
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Semmai devi scrivere 2em right (prima il verticale, poi l'orizzontale, quando usi top,right, left ecc).

    Comunque non sono sicuro che si possano mescolare due misure di tipo diverso.
    La mia fonte: http://www.w3schools.com/css/css_reference.asp
    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.