Visualizzazione dei risultati da 1 a 5 su 5
  1. #1
    Utente di HTML.it
    Registrato dal
    Nov 2001
    Messaggi
    236

    Ripetizione immagine background nell'header

    Salve,
    Ho un sito fatto in CSS e nell'header ho messo un'immagine di sfondo, in risoluzione 800x600 si vede bene ma in 1024x768 l'immagine di sfondo nell'header si ripete e sta malissimo.
    C'è un codice che fa in modo di non far ripetere l'immagine?

    Grazie,
    Mauro22it

  2. #2
    Devi mettere anche
    codice:
    background-repeat: no-repeat;
    nello stile dove specifichi l'immagini di sfondo dell'header.
    FEDERIX.IT - [Pillola] GRAFICA DEI FORM

    ...ho ancora quella forza che ti serve, quando dici "Si comincia!"

  3. #3
    Utente di HTML.it
    Registrato dal
    Nov 2001
    Messaggi
    236
    Grazie mille!
    Ho scoperto che con risoluzione di schermo 80x600 che uso attualmente si vede bene ma con 1024x768 rimane una parte bianca a destra dello schermo, cioè il sito attualmente non si adatta alla risoluzione video. Ho provato a leggere in giro come adattare la pagina alla risoluzione video ma è un vero rompicapo.
    Mauro22it

  4. #4
    Dovresti mettere delle dimensioni fisse in pixel alle tabelle, o ai livelli.
    FEDERIX.IT - [Pillola] GRAFICA DEI FORM

    ...ho ancora quella forza che ti serve, quando dici "Si comincia!"

  5. #5
    Utente di HTML.it
    Registrato dal
    Nov 2001
    Messaggi
    236
    Se metto delle dimensioni fisse nelle tabelle o nei livelli cmq il layout non si adatta alla risoluzione dello schermo.

    Ho letto sulla possibilità di fare un layout fluido; come si può rendere fluido un layout così composto;

    #container {background : #ffffff; font-family: comic sans ms; margin-top: 0px; font-size: small; width: 780px; }

    #header {background-image: url(images/header.jpg); background-repeat: no-repeat; display: block; font-family: comic sans ms; height: 80px;}

    #menu {background-color: #006699; margin-top: 1px; font-family: arial; font-size: 12px; height: 30px}

    #contenuto {font: small; font-family: comic sans ms; margin-top: 0px; margin-left: 2px; padding: 0px}

    #footer {clear: both; padding: 5px; margin-top: 5px; background: #ffffff;}

    Grazie in anticipo del contributo.
    Mauro
    Mauro22it

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.