Autore Topic: inserire immagini di fianco al form  (Letto 1835 volte)

Offline 88davide88

  • Nuovo arrivato
  • *
  • Post: 15
  • Sesso: Maschio
    • Mostra profilo
inserire immagini di fianco al form
« il: 09 Mag 2012, 11:51:25 »
buongiorno a tutti quanti,
 
volevo sapere se era possibile inserire una immagine di fianco al form che ho creato con chronoforms Chronoforms_V4_RC3.3_J1.6.zip e joomla 2.5.1.
 
Il codice del form inizialmente era questo:
Codice: [Seleziona]
<table cellpadding="0" cellspacing="0" border="0">
 <tr>
  <td colspan='2'>
   <h1>Richiesta informazioni</h1>
  </td>
 </tr>
 <tr>
  <td>
   Nome
  </td>
  <td>
   {nome}
  </td>
 </tr>
 <tr>
  <td>
   Cognome
  </td>
  <td>
   {Cognome}
  </td>
 </tr>
 <tr>
  <td>
   Telefono
  </td>
  <td>
   {telefono}
  </td>
 </tr>
 <tr>
  <td>
   Email
  </td>
  <td>
   {email}
  </td>
 </tr>
 <tr>
  <td>
   Indirizzo
  </td>
  <td>
   {indirizzo}
  </td>
 </tr>
 <tr>
  <td>
   seleziona societa
  </td>
  <td>
   {societa}
  </td>
 </tr>
 <tr>
  <td>
   motivo del contatto:
  </td>
  <td>
   {contatto}
  </td>
 </tr>
 <tr>
  <td>
   vuoi essere ricontattato ?
  </td>
  <td>
   {ricontattato}
  </td>
 </tr>
</table>

poi dato che avrei bisogno di inserire delle immagini l'ho modificato in questo modo ma il risultato è sempre lo stesso, mi appare il form ma senza immagine:
Codice: [Seleziona]

 <table border="0">
<tbody>
<tr>
<td>
<table border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td colspan="2">
<h1>Richiesta informazioni</h1>
</td>
</tr>
<tr>
<td>Nome</td>
<td>{nome}</td>
</tr>
<tr>
<td>Cognome</td>
<td>{Cognome}</td>
</tr>
<tr>
<td>Telefono</td>
<td>{telefono}</td>
</tr>
<tr>
<td>Email</td>
<td>{email}</td>
</tr>
<tr>
<td>Indirizzo</td>
<td>{indirizzo}</td>
</tr>
<tr>
<td>seleziona societa</td>
<td>{societa}</td>
</tr>
<tr>
<td>motivo del contatto:</td>
<td>{contatto}</td>
</tr>
<tr>
<td>vuoi essere ricontattato ?</td>
<td>{ricontattato}</td>
</tr>
</tbody>
</table>
</td>
<td>   <img src="images/sito/form1.jpg" border="0" alt="" />          </td>
</tr>
</tbody>
</table>

Come posso fare?? Si può inserire un immagine o è una cosa infattibile?
Grazie  ;)
« Ultima modifica: 09 Mag 2012, 12:00:06 da 88davide88 »

Offline vales

  • Global Moderator
  • Instancabile
  • *****
  • Post: 7920
  • Sesso: Maschio
    • Mostra profilo
    • Test di Albo Pretorio On LIne e Moduli Scuola On Line per Joomla 3
Re:inserire immagini di fianco al form
« Risposta #1 il: 10 Mag 2012, 18:28:02 »
Certo che si può fare, un form può contenere oltre ai campi anche tutti gli altri tag html.

Se non vendi l'immagine probabilmente non è indicato in modo giusto il percorso dell'immagine. Prova ad inserire nell'attributo alt qualcosa e vedi cosa visualizza. Se ti fa vedere il testo alternativo inserito vuol dire che il percorso non è valido.
Download e demo di Albo Pretorio On Line per Joomla 1.5 e Joomla 2.5 e 3
Moduli scuola On Line v1 per Joomla 3
http://valesweb.altervista.org/joomla3/

Offline 88davide88

  • Nuovo arrivato
  • *
  • Post: 15
  • Sesso: Maschio
    • Mostra profilo
Re:inserire immagini di fianco al form
« Risposta #2 il: 11 Mag 2012, 08:31:43 »
Grazie del consiglio comunque nel frattempo che attendessi una risposta ho provato a modificare il codice all'inizio, senza entrare nel wizard edit e sono riuscito ad inserire l'immagine, il problema è che alcuni campi vengono leggermente spostati e avendo inserito anche il carattere captcha quando si genera un errore di codice sbagliato, l'errore appare solo in alto e non anche sotto il codice come dovrebbe avvenire normalmente e come avviene se tolgo l'immagine. Potrebbe essere che l'immagine crea qualche problema al form forse perchè non è stato pensato per quello ?
Comunque il codice modificato con immagine funzionante è questo:
Codice: [Seleziona]

 <table style="width: 968px;" border="0">
<tbody>
<tr>
<td colspan="7">
<h1>Richiesta informazioni</h1>
</td>
</tr>
<tr>
<td rowspan="4" colspan="4">
<div class="clear"> </div>
<div id="autoID-b9949fe91e8fd57d1f9837faca6267f5_container_div" class="ccms_form_element cfdiv_text"><label>Nome*</label> <input class=" validate['required','alpha']" title="" type="text" name="nome" value="" size="30" maxlength="150" />
<div class="clear"> </div>
<div id="error-message-nome"> </div>
</div>
<div id="autoID-8fb0766e88ecd932a1201c3f60817426_container_div" class="ccms_form_element cfdiv_text"><label>Cognome*</label> <input class=" validate['required','alpha']" title="" type="text" name="Cognome" value="" size="30" maxlength="150" />
<div class="clear"> </div>
<div id="error-message-Cognome"> </div>
</div>
<div id="autoID-e9f79d662e2d8b628d80f2025c9c2183_container_div" class="ccms_form_element cfdiv_text"><label>Telefono</label> <input class=" validate['number']" title="" type="text" name="telefono" value="" size="30" maxlength="150" />
<div class="clear"> </div>
<div id="error-message-telefono"> </div>
</div>
<div id="autoID-a5c98393510b9fa626d19637409caf66_container_div" class="ccms_form_element cfdiv_text"><label>Email*</label> <input class=" validate['required','email']" title="" type="text" name="email" value="" size="30" maxlength="150" />
<div class="small-message">inserire un indirizzo email valido</div>
<div class="clear"> </div>
<div id="error-message-email"> </div>
</div>
<div id="autoID-02e15d0dc4c62888db48036eec979cb2_container_div" class="ccms_form_element cfdiv_text"><label>Indirizzo*</label> <input class=" validate['required','alphanum']" title="" type="text" name="indirizzo" value="" size="50" maxlength="200" />
<div class="clear"> </div>
<div id="error-message-indirizzo"> </div>
</div>
<div id="societa_container_div" class="ccms_form_element cfdiv_select"><label for="societa">seleziona societa*</label> <select id="societa" class=" validate['required']" title="" name="societa" size="1"> <option selected="selected" value=""></option> <option value="egb">egb</option> <option value="axl">axl</option> <option value="ivs">ivs</option> <option value="total fada">total fada</option> <option value="unilogistic">unilogistic</option> <option value="b-techno">b-techno</option> <option value="comafo">comafo</option> <option value="athena">athena</option> </select>
<div class="small-message">seleziona una società del gruppo</div>
<div class="clear"> </div>
<div id="error-message-societa"> </div>
</div>
<div id="contatto_container_div" class="ccms_form_element cfdiv_textarea"><label for="contatto">motivo del contatto:*</label> <textarea id="contatto" class=" validate['required']" title="" name="contatto" rows="5" cols="60"></textarea>
<div class="clear"> </div>
<div id="error-message-contatto"> </div>
</div>
<div id="ricontattato_container_div" class="ccms_form_element cfdiv_radio"><label for="ricontattato">vuoi essere ricontattato ?* </label>
<div style="float: left; clear: none;"><input id="ricontattato_0" class="validate['required']" title="" type="radio" name="ricontattato" value="Si" /> <label for="ricontattato_0">Si</label> <input id="ricontattato_1" class="validate['required']" title="" type="radio" name="ricontattato" value="No" /> <label for="ricontattato_1">No</label></div>
<div class="clear"> </div>
<div id="error-message-ricontattato"> </div>
</div>
<div id="autoID-da0e35fc7da555bf88318f97448e758d_container_div" class="ccms_form_element cfdiv_text"><label>Inserisci il codice</label> <input class="chrono_captcha_input validate['required']" title="" type="text" name="chrono_verification" value="" size="5" maxlength="5" />{chronocaptcha_img}
<div class="clear"> </div>
<div id="autoID-7fa262299a73bc4fd3730a07439fdba7_container_div" class="ccms_form_element cfdiv_submit"> <br />
<div id="error-message-input_submit_15"> </div>
</div>
</div>
<div id="autoID-7fa262299a73bc4fd3730a07439fdba7_container_div" class="ccms_form_element cfdiv_submit"><input type="submit" name="input_submit_15" value="Submit" />   <input type="reset" name="reset" value="Reset" />
<div class="clear"> </div>
<div id="error-message-input_submit_15"> </div>
</div>
<h5><strong>I campi contrassegnati dall'asterisco (*) sono obbligatori.</strong></h5>
   </td>
<td rowspan="3">
<p><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAIAAAACUFjqAAAAEElEQVQYlWP4jxcwjEpjAwD6Hirk2LJCeQAAAABJRU5ErkJggg==" border="0" alt="" /> </p>
<p><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAIAAAAC64paAAAAGElEQVQ4jWP4TwFgGNU8qnlU86jmgdUMAOBEq41igGfGAAAAAElFTkSuQmCC" border="0" alt="" /></p>
</td>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> <img src="images/sito/form1.jpg" border="0" alt="" /></td>
</tr>
</tbody>
</table>
<p> </p>
<p> </p>
<div id="autoID-53be8de0a31f169e3c4c8cb653ee4684_container_div" class="ccms_form_element cfdiv_header">
</div>

Spero di essere stato chiaro e grazie per la risposta  :)

 

Torna su