Inserire immagine in css

[andrea080690]

Ciao, ho un sito www.arenagiochionline.com, o meglio una sala giochi online, ma ho qualche problema nel fare alcune modifiche:

1)vorrei modificare i bannerini dove c'e scritta la categoria dei giochi e dei membri, piu votati ecc..insomma quelli arancioni e blu.

Per modificare colori e dimensioni di questi si fa dal css,questo:

.bcontenthead {
margin: 2px;
margin-bottom: 0px;
background-color: #47A2CB;
padding: 2px;
color: #FFFFFF;
font-family: Verdana;
font-weight: bold;
font-size: 11px;

Mi e stato deetto di inserire in questo codice la voce
backgroung-image: url(image.estensione);
ma cosa si intende per url? nelle parentesi devo inserire solo il nome dell'immagine con l'estensione?
Questo ce scritto anche in una vostra guida qui: http://css.html.it/guide/lezione/30/...-dello-sfondo/
ma non ho capito bene, potete spiegarmelo voi......

[nickt]

Per url si intende il percorso per giungere all'immagine

url(../cartella immagine/immagine.estensione)

capito??

[andrea080690]

Quindi dovrebbe venire cosi:

.bcontenthead {
margin: 2px;
margin-bottom: 0px;
background-color: #47A2CB;
background-image: url(public_html/plugins/site/themes/21/banner.jpg);
padding: 2px;
color: #FFFFFF;
font-family: Verdana;
font-weight: bold;
font-size: 11px;

[nickt]

Allora prova a risparmiare un pò di spazio nel codice così:

bcontenthead {
      margin: 2px;
      margin-bottom: 0px;
      background: #47A2CB url(../public_html/plugins/site/themes/21/banner.jpg);
      padding: 2px ;
      color: #FFFFFF;
      font-family: Verdana;
      font-weight: bold;
      font-size: 11px;
}

Poi il padding: 2px; non penso ti funzioni devi specificare a quale lato lo devi applicare.
Il percorso dell'immagine lo devi specificare a partire dalla cartella di dove è situato il foglio HTML senza considerarla.

[andrea080690]

Originariamente inviato da nickt
Allora prova a risparmiare un pò di spazio nel codice così:

bcontenthead {
      margin: 2px;
      margin-bottom: 0px;
      background: #47A2CB url(../public_html/plugins/site/themes/21/banner.jpg);
      padding: 2px ;
      color: #FFFFFF;
      font-family: Verdana;
      font-weight: bold;
      font-size: 11px;
}

Poi il padding: 2px; non penso ti funzioni devi specificare a quale lato lo devi applicare.
Il percorso dell'immagine lo devi specificare a partire dalla cartella di dove è situato il foglio HTML senza considerarla.

Il padding e gia a 2px, ma non ho capito come dovrebbe venireil codice? COME LO HAI SCRITTO TU? IO potrei mettere l'immagine anche nella directory principale public_html/banner.jpg

[nickt]

Se l'immagine la inserisci nella directory principale non dei specificare la cartella ma solo immagine e estensione...

[andrea080690]

Originariamente inviato da nickt
Se l'immagine la inserisci nella directory principale non dei specificare la cartella ma solo immagine e estensione...

Grazie mille adesso va..

[nickt]

Ok figurati.