Joomla.it Forum
Joomla! 2.5 (versione con supporto terminato) => Joomla! 1.6/1.7/2.5 => : vchierici 30 Jun 2013, 23:44:41
-
Buonasera, sono di nuovo qui...
Ho fatto un template full pagina.. molto semplice.. l'header di questo sito è un immagine con una scritta.
Il problema è questo.
L'immagine che inserisco tramite il css viene ancorata al centro e la parte sx e dx dell'immagine si vede a seconda della risoluzione del monitor (piu risoluzione hai e piu immagine vedi)
Io vorrei che l'immagine faccia un resize automatico in base alla risoluzione del monitor in modo tale che da qualsiasi pc il sito venga visualizzato sia sempre uguale! :-\
il css che l'header usa è questo
.art-header {
background-image: url("../images/header.jpg");
background-position: center top;
background-repeat: no-repeat;
height: 110px;
margin: 0 auto;
position: relative;
z-index: auto !important;
una piccola soluzione l'avrei trovata. cioè usare
background-position: left top;
in modo tale da ancorarla a sinistra, ma la fluidità comunque non la raggiungo.
Potete aiutarmi ? c'è una soluzione?
GRAZIE
Il link del sito è
http://www.maricapiccardi.it (http://www.maricapiccardi.it)
-
Ciao vchierici,
il sito è off line.
-
Scusa! hai ragione.. mea culpa..
in realtà ho risolto facendo un immagine più corta e sfruttando il fatto che sia l'immagine che lo sfondo della pagina sono bianchi e quindi non si nota questo "orrore" ::)
Inoltre usando il comando css
background-position: left top;
[size=78%]la posizione dell'header è fissa a sinistra e non va in gir[/size]o :P
Ciao e Grazie!