Joomla.it Forum
Joomla! 2.5 (versione con supporto terminato) => Joomla! 1.6/1.7/2.5 => I Template di Joomla 1.6/1.7/2.5 => : zeromila 13 Mar 2013, 22:53:56
-
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
-
inseriscili dentro le celle, creati delle tabelle con editor e fai tante celle per ogni immagine cosi potrai mantenere le distanze
-
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...
-
devi saperli creare, gli spazzi li puoi dare basta creare le celle e posizionarle
-
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?
-
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!
-
Per curiosità, provi a metterli dentro l'editor senza tabella (e rendi visibili le posizioni con il ?tp=1).
-
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"> </td>
<td class="cent">images/pubblicita/2.jpg</td>
<td class="cent"> </td>
<td class="cent">images/pubblicita/3.jpg</td>
<td class="cent"> </td>
<td class="cent">images/pubblicita/4.jpg</td>
<td class="cent"> </td>
<td class="cent">images/pubblicita/5.jpg</td>
</tr>
</table>
-
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"> </td>
<td class="cent"><img src="images/pubblicita/2.jpg"</td>
<td class="cent"> </td>
<td class="cent"><img src="images/pubblicita/3.jpg"</td>
<td class="cent"> </td>
<td class="cent"><img src="images/pubblicita/4.jpg"</td>
<td class="cent"> </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?
-
per l'effetto owner e il template che lo fa, devi modificare il CSS
-
sai dirmi una dritta per dove modificarlo nel css?!?! perdonami ma come si capisce non sono un fenomeno :D
-
sai dirmi una dritta per dove modificarlo nel css?!?! perdonami ma come si capisce non sono un fenomeno :D
Il CSS non e il mio campo ;) qualche altro ti saprà dare risposta
-
per ora grazie mille, sembra tutto apposto, intanto cerco come risolvere il problema al passaggio del mouse, o attendo qualche altra anima pia :D