Joomla.it Forum

Componenti per Joomla! => Gestione Form => : antjoom 29 Dec 2014, 16:29:05

: [RISOLTO] Immagine non troppo responsive
: antjoom 29 Dec 2014, 16:29:05

Attualmente per inserire un immagine di sfondo in un form, utilizzo l'articolo come recipiente inserendo questo codice:

:

<div style="background: url(/images/antonio/sfondipaginemenu/assistenza.jpg) no-repeat center -10px"
        style="background-size: cover ">
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<p> {chronoforms5}copienew{/chronoforms5}</p>

Purtroppo anche se il codice è responsive, l'immagine non si adatta del tutto.


Ho provato invano anche questo tipo di soluzione inserendo questi due parametri nella finestra "setup" del form
load CSS con questo codice

:

.flex {width: 100%}Custom Code:

:

<p><img class="flex" background: url(/images/antonio/sfondipaginemenu/assistenza.jpg)" alt="pini"></p>

Dove sbaglio?
Grazie

: Re:Immagine non troppo responsive
: andreadamoni 29 Dec 2014, 17:07:19

Hai controllato la compatibilità di background-size con il browser che stai usando?
Firefox, ad esempio ha bisogno di dichiarazioni particolari:
http://www.html.it/pag/19457/background-size/ (http://www.html.it/pag/19457/background-size/)

: Re:Immagine non troppo responsive
: antjoom 29 Dec 2014, 17:18:41

Niente da fare  :(
Ho provato con diversi codice ma non va


Potresti suggerirmi un codice da poter inserire direttamente in chronoform senza creare l'articolo?
Grazie

: Re:Immagine non troppo responsive
: andreadamoni 29 Dec 2014, 18:56:46

Io, per ovviare ad inconvenienti simili, inserisco una immagine con classe ad hoc al posto del bg, poi le dò posizione assoluta e z-index inferiore a quello del testo.

: Re:Immagine non troppo responsive
: antjoom 29 Dec 2014, 19:02:23

Riusciresti ad essere più preciso?
Magari suggerendomi il codice.
Ti ringrazio

: Re:Immagine non troppo responsive
: antjoom 01 Jan 2015, 10:46:04

Risolto  :)


Ho inserito nel Load CSS questo codice:

:

.gbs3{
 background-image:
 url('/images/antonio/sfondipaginemenu/pconline.jpg');
 background-size:contain;
 background-repeat: no-repeat;
 background-position:top;
}



così facendo ho ottenuto un'immagine pienamente responsive per il mio form