Visualizzazione dei risultati da 1 a 5 su 5

Discussione: sfondo + immagine

  1. #1
    codice:
    #selettore {
       background-color: #000;
       background-image: url(.../percorso/immagine.ext);
       background-repeat: no-repeat;
       background-position: left center;
    }
    Ovviamente è l'immagine che dovrà contenere la 'transizione' verso il nero; altrimenti ti troverai un brutto effetto di 'distacco' tra l'immagine e lo sfondo.

    Comunque il metodo dovrebbe esser quello.
    Basta sostituire il selettore e il percorso dell'immagine.


  2. #2
    *Usa le shorthand properties per risparmiare spazio e diminuire il peso:

    codice:
    background: color image repeat attachment position;

  3. #3
    il codice deve rissiedere nel file.css. se il background e' del body il codice deve essere:

    codice:
    body
    {
       background: color image repeat attachment position;
    }
    una volta collegato il CSS, il tuo documento prendera' automaticamente la formattazione.

  4. #4
    posta il codice oppure il link alla pagina (meglio).

  5. #5
    la prossima volta che posti del codice usa il tag code per renderlo leggibile. prima di scriverti la soluzione di consiglio di leggerti le guide di html.it sui CSS.

    il codice dovrebbe essere:

    codice:
    body
    {
       background:#000 url(.../img/sfondo.jpg) no-repeat left center;
    }
    
    td, th
    {
       color:#fff;
    }
    per fare la stessa cosa con un selettore, come avevi scritto te, devi richiamare quest'ultimo nel body in questo modo:

    codice:
       
       <body id="selettore">
          codice
       </body>
    inoltre:
    · metti un doctype
    · sposta i CSS in un file esterno
    · non usare le tabelle per il layout
    · non usare formattazioni inline (ma solo nel CSS)

    ulteriori informazioni nelle guide di html.it che ti consiglio caldamente e anche sul sito in firma (poco aggiornato perche' sono in vacanza).

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.