header con immagine per background

[piermu]

Vorrei mettere una foto per background all'header con sopra il titolo  del sito: mi potete dare una mano? il sito è http://unitalsigiovanilucca.altervista.org/
Il template è: [size=78%]At_blanton-free.[/size]
[/size]

[56francesco]

presta attenzione al modulo a destra, ultimi eventi
leggo righe del genere

Codice: [Seleziona]

yfhjfbgslxsrtjhdtykgtdyiti
rykiyfkikvyjujvb,vb,llfj,vu kkyvyylu7rmi ricordano tanto i messaggi di un certo tipo di spammer,
ma se hai scritto tu quelle righe  per prova non tener conto di questo avviso.
.....

per lo sfondo non ho capito esattamente dove lo vorresti, sii più preciso.

[MasterOfDisaster]

Ciao Piermu,

poi puoi inserire un titolo (modificando il file index.php nella cartella del template) dentro il div header-inner, ad esempio;

<div class="header-inner">
<h2>"Unitalsi Giovani Lucca"</h2>
</div>


Puoi disattivare lo slide nella posizione header  e scrivere una regola css per <div class="header-inner"> ed aggiungere una regola css per far impostare il background e la dimensione desiderata.

Se non sono stato chiaro fammi sapere.

[piermu]

Sono riuscito a far apparire il titolo nella dimensione  e posizione desiderata , non riesco a far apparire il background:


Ecco il codice css:

.header-inner IMG
{
   margin-left: 79px;
   float: left;
   width: 100px;
   height: 100px;
    margin-top: 22px;
   background:url (.../images/home.jpg) height: 60px; widht: 50px ;   }

[Rasjah]

metti

background-image: ......

[piermu]

Modifica fatta niente da fare, sarà la div giusta?

.header-inner IMG
{
   margin-left: 79px;
   float: left;
   width: 100px;
   height: 100px;
    margin-top: 22px;
   background-image:url (../images/home.jpg);
   }

[piermu]

Ho disattivato lo slide,  e addirittura  lo ho levato nel file php:; forse non dovevo toccare il php?

[MasterOfDisaster]

Ciao Piermu,

Ho visto le modifiche,

Devi stilare il div che contiene l'header in modo che gli assegni il background.

rimpiazza la regola -> .header-inner img

con :

.header-inner
{
    margin-left: 79px;
    float: left;
    width: 100%;
    background:url (../images/home.jpg) no-repeat 0 0 transparent;
    }