Problema banner

[zeromila]

Buonasera a tutti, spero qualcuno possa aiutarmi, ho un problema con il seguente sito:




pià precisamente con il banner sotto i menu orizzontali (quello che contiene "le cinque terre della val gandino" "lista canali" etc.) in pratica ora è un unico jpeg posto in un modulo di testo standard, dovrei riuscire a dare un collegamento ipertestuale a ogni singolo riquadro, se provo a caricare 5 immagini differenti non mantiene gli spazi e crea due linee anche dimezzando le dimensioni, se provo a inserire in quella posizione dl templete un modulo come quello sottostante per la pubblicità mi trovo ancora ad aver problemi, infine ho anche provato a inserire nel codice html del modulo degli "area shape" ma questi vengono automaticamente rimossi quando salvo.


Qualcuno ha soluzioni da propormi o riesce a indicarmi come correggere gli errori in uno dei metodi che ho testato?


Grazie mille

[Peppe-73]

inseriscili dentro le celle, creati delle tabelle con editor e fai tante celle per ogni immagine cosi potrai mantenere le distanze

[zeromila]

provato pure quella soluzione ma nulla... è uno "spazio" un po particolare, a partire dal fatto che ha margini differenti e che sparisce passando sul tastino home...

[Peppe-73]

devi saperli creare, gli spazzi li puoi dare basta creare le celle e posizionarle

[adottauncane]

Ciao zeromila,
cioè se carichi nell'editor 5 immagini dando ad ognuna il float:left; e un margin-right:10px; ad esempio, non te li tiene?

[zeromila]

no... magari sbaglio io qualcosa... ora ho provato a fare le tabelle ma il risultato è assolutamente orribile..

edit:

sono arrivato a questa situazione

<table class="MsoTableGrid" style="border-collapse: collapse; border: none; mso-yfti-tbllook: 1184; mso-padding-alt: 0cm 5.4pt 0cm 5.4pt; mso-border-insideh: none; mso-border-insidev: none;" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td style="width: 50pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="5">
<p class="MsoNormal" style="margin-bottom: 0.0001pt;"> </p>
</td>
<td style="width: 50pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="5">
<p class="MsoNormal" style="margin-bottom: 0.0001pt;"> </p>
</td>
<td style="width: 97.8pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="5">
<p class="MsoNormal" style="margin-bottom: 0.0001pt;"> </p>
</td>
<td style="width: 97.8pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="5">
<p class="MsoNormal" style="margin-bottom: 0.0001pt;"> </p>
</td>
<td style="width: 97.8pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="5">
<p class="MsoNormal" style="margin-bottom: 0.0001pt;"> </p>
</td>
</tr>
<tr>
<td style="width: 97.8pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="5">
<p class="MsoNormal" style="margin-bottom: 0.0001pt;"><img src="images/pubblicita/1.jpg" border="0" alt="1" title="1" /></p>
</td>
<td style="width: 97.8pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="5">
<p class="MsoNormal" style="margin-bottom: 0.0001pt;"><img src="images/pubblicita/2.jpg" border="0" alt="2" title="2" /></p>
</td>
<td style="width: 97.8pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="5">
<p class="MsoNormal" style="margin-bottom: 0.0001pt;"><a href="http://www.lecinqueterredellavalgandino.it/" target="_blank"><img src="images/pubblicita/3.jpg" border="0" alt="3" title="3" />[/url]</p>
</td>
<td style="width: 97.8pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="5">
<p class="MsoNormal" style="margin-bottom: 0.0001pt;"><img src="images/pubblicita/4.jpg" border="0" alt="4" title="4" /> </p>
</td>
<td style="width: 97.8pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="5">
<p class="MsoNormal" style="margin-bottom: 0.0001pt;"><img src="images/pubblicita/5.jpg" border="0" alt="5" title="5" /> </p>
</td>
</tr>
</tbody>
</table>

come tolgo il cambio colore sfondo al passaggio del mouse?! riducendo le immagini dovrei esserci!

[adottauncane]

Per curiosità, provi a metterli dentro l'editor senza tabella (e rendi visibili le posizioni con il ?tp=1).

[Peppe-73]

Le immagini vanno fatte intanto tutte di una stessa larghezza


prova questo inserendolo disattivando l'editor


<style type="text/css">
.cent {
   text-align: center;
}
</style>

<table width="500" border="0" align="center">
  <tr>
    <td class="cent">images/pubblicita/1.jpg</td>
    <td class="cent">&nbsp;</td>
    <td class="cent">images/pubblicita/2.jpg</td>
    <td class="cent">&nbsp;</td>
    <td class="cent">images/pubblicita/3.jpg</td>
    <td class="cent">&nbsp;</td>
    <td class="cent">images/pubblicita/4.jpg</td>
    <td class="cent">&nbsp;</td>
    <td class="cent">images/pubblicita/5.jpg</td>
  </tr>
</table>

[zeromila]

ok, risultato simile al mio con 5chilometri di codice in meno... problem resta ora ridurre margini e fare in modo che nn cambi colore lo sfondo al passaggio del mouse.. le immagini anno tutte larghezza 170 px tranne la centrale 225


<style type="text/css">
.cent {
   text-align: center;
}
</style>

<table width="500" border="0" align="center">
  <tr>
    <td class="cent"><img src="images/pubblicita/1.jpg"</td>
    <td class="cent">&nbsp;</td>
    <td class="cent"><img src="images/pubblicita/2.jpg"</td>
    <td class="cent">&nbsp;</td>
    <td class="cent"><img src="images/pubblicita/3.jpg"</td>
    <td class="cent">&nbsp;</td>
    <td class="cent"><img src="images/pubblicita/4.jpg"</td>
    <td class="cent">&nbsp;</td>
    <td class="cent"><img src="images/pubblicita/5.jpg"</td>
  </tr>
</table>


edit:

<table class="MsoTableGrid" style="border-collapse: collapse; border: none; mso-yfti-tbllook: 1184; mso-padding-alt: 0cm 5.4pt 0cm 5.4pt; mso-border-insideh: none; mso-border-insidev: none;" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td style="width: 50pt; padding: 0cm 2pt 0cm 2pt;" valign="top" width="5">
<p class="MsoNormal" style="margin-bottom: 0.0001pt;"> </p>
</td>
<td style="width: 50pt; padding: 0cm 2pt 0cm 2pt;" valign="top" width="5">
<p class="MsoNormal" style="margin-bottom: 0.0001pt;"> </p>
</td>
<td style="width: 97.8pt; padding: 0cm 2pt 0cm 2pt;" valign="top" width="5">
<p class="MsoNormal" style="margin-bottom: 0.0001pt;"> </p>
</td>
<td style="width: 97.8pt; padding: 0cm 2pt 0cm 2pt;" valign="top" width="5">
<p class="MsoNormal" style="margin-bottom: 0.0001pt;"> </p>
</td>
<td style="width: 97.8pt; padding: 0cm 2pt 0cm 2pt;" valign="top" width="5">
<p class="MsoNormal" style="margin-bottom: 0.0001pt;"> </p>
</td>
</tr>
<tr>
<td style="width: 97.8pt; padding: 0cm 2pt 0cm 2pt;" valign="top" width="5">
<p class="MsoNormal" style="margin-bottom: 0.0001pt;"><img src="images/pubblicita/1.jpg" border="0" alt="1" title="1" /></p>
</td>
<td style="width: 97.8pt; padding: 0cm 2pt 0cm 2pt;" valign="top" width="5">
<p class="MsoNormal" style="margin-bottom: 0.0001pt;"><img src="images/pubblicita/2.jpg" border="0" alt="2" title="2" /></p>
</td>
<td style="width: 97.8pt; padding: 0cm 2pt 0cm 2pt;" valign="top" width="5">
<p class="MsoNormal" style="margin-bottom: 0.0001pt;"><a href="http://www.lecinqueterredellavalgandino.it/" target="_blank"><img src="images/pubblicita/3.jpg" border="0" alt="3" title="3" />[/url]</p>
</td>
<td style="width: 97.8pt; padding: 0cm 2pt 0cm 2pt;" valign="top" width="5">
<p class="MsoNormal" style="margin-bottom: 0.0001pt;"><img src="images/pubblicita/4.jpg" border="0" alt="4" title="4" /> </p>
</td>
<td style="width: 97.8pt; padding: 0cm 2pt 0cm 2pt;" valign="top" width="5">
<p class="MsoNormal" style="margin-bottom: 0.0001pt;"><img src="images/pubblicita/5.jpg" border="0" alt="5" title="5" /> </p>
</td>
</tr>
</tbody>
</table>


cosi mi esce perfetto, devo solo eliminare il cambio colore al passaggio del mouse... come si fa?

[Peppe-73]

 per l'effetto owner e il template che lo fa, devi modificare il CSS

[zeromila]

sai dirmi una dritta per dove modificarlo nel css?!?! perdonami ma come si capisce non sono un fenomeno

[Peppe-73]

sai dirmi una dritta per dove modificarlo nel css?!?! perdonami ma come si capisce non sono un fenomeno

Il CSS non e il mio campo    qualche altro ti saprà dare risposta

[zeromila]

per ora grazie mille, sembra tutto apposto, intanto cerco come risolvere il problema al passaggio del mouse, o attendo qualche altra anima pia