Salve a tutta la community, sto realizzando un sito in locale con joomla è mi serviva mettere degli elementi (icone + testo) dentro una tabella, a sua volta situata in un modulo html personalizzato.
Quindi ho creato un modulo html personalizzato e gli ho dato una posizione, all'interno di questo modulo ho creato una tabella con all'interno gli elementi (icone+testo) che mi servivano.
Il mio problema è che visualizzando il sito con il pc risulta tutto a posto per come lo avevo progettato, ma se vado a visualizzare lo stesso con un emulatore per smartphone/ipad/iphone che giustamente hanno diverse risoluzione e grandezza di schermo da quello di un normae pc, tutto gli elementi risultano spostati e ammassati rispetto alla visualizzazione su un pc,
chiedo quindi lumi su come riuscire a fare in modo che gli elementi restino fissi con tutte le varie risoluzioni.Inserisco degli screen e il codice che ho usato per essere più chiaro:
Visualizzazione attraverso pc:http://imageshack.us/photo/my-images/607/provasito1.png/Visualizzazione attraverso emulatore smartphone/ipad/iphone:[/size]http://imageshack.us/photo/my-images/163/provasito2.png/[/size][/size]Codice utilizzato: [/size]
<p>
<table border="1" style="margin-left: 0px; margin-right: auto; margin-top: -9px; margin-bottom: 3px; border: 0px solid #000000; height: 33px; width: 491px;">
<tbody>
<tr>
<td style="text-align: left;"><span style="color: #ff6600;"> <a href="http://localhost/provasito/" title="contatti"><span style="color: #ff6600;"><img src="images/immagini-logo-contatti.jpg" width="20" height="20" alt="contatti" style="margin: -2px 3px -3px -2px;" onmouseout="this.src='images/immagini-logo/contatti.jpg';" onmouseover="this.src='images/immagini-logo/contatti-2.jpg';" /></span></a><span style="font-size: 13pt; color: #000000;"><span style="font-family: Times New Roman;"><a href="http://localhost/provasito/" title="contatti"><span style="color: #000000;">contatti</span></a> <a href="index.php/chi-siamo" title="chi-siamo"><span style="color: #000000;"><img src="images/immagini-logo/chi-siamo.png" alt="chi-siamo" title="chi-siamo" style="margin: -2px 3px -3px 10px;" onmouseout="this.src='images/immagini-logo/chi-siamo';" onmouseover="this.src='images/immagini-logo/chi-siamo-2.png';" /></span></a><a href="index.php/notizie" title="chi-siamo"><span style="color: #000000;">chi-siamo</span></a> <a href="index.php/news-tv" title="news-tv"><span style="color: #000000;"><img src="images/immagini-logo/news-tv.png" alt="news-tv" title="news-tv" style="margin: -2px 3px -4px 10px;" onmouseout="this.src='images/immagini-logo/news-tv.png';" onmouseover="this.src='images/immagini-logo/news-tv-2.png';" /></span></a><a href="index.php/news-tv" title="news-tv"><span style="color: #000000;">Guida Tv</span></a> <a href="index.php/gossip" title="gossip"><span style="color: #000000;"><img src="images/immagini-logo/.png" alt="gossip" title="gossip" style="margin: -2px 3px -3px 10px;" onmouseout="this.src='images/immagini-logo/gossip.png';" onmouseover="this.src='images/immagini-logo/gossip-2.png';" /></span></a><a href="index.php/gossip" title="gossip"><span style="color: #000000;">Gossip</span></a></span></span></span></td>
</tr>
</tbody>
</table>
</p>
[/font]
[/size]
Visualizza post
