Ho un problema con un template di Joomla che appare completamente sfasatoin Opera.
Vi allego una immagine per rendere l'idea.
A destra il menu in IE6, a sinistra lo stesso in Opera 9:
![]()
Questa è la parte di codice HTML che genera il menu:
codice:<table cellpadding="0" cellspacing="0" class="moduletable"> <tr> <th valign="top"> Main Menu </th> </tr> <tr> <td> <table width="100%" border="0" cellpadding="0" cellspacing="0"> <tr align="left"><td>Home</td></tr> <tr align="left"><td>Joomla! License</td></tr> <tr align="left"><td>News</td></tr> <tr align="left"><td>Blog</td></tr> <tr align="left"><td>Links</td></tr> <tr align="left"><td>Contact Us</td></tr> <tr align="left"><td>Search</td></tr> <tr align="left"><td>News Feeds</td></tr> <tr align="left"><td>FAQs</td></tr> <tr align="left"><td>Wrapper</td></tr> <tr align="left"><td>Photos</td></tr> </table> </td> </tr> </table>
E questi sono i CSS a cui fa riferimento l'HTML:
codice:a.mainlevel:link, a.mainlevel:visited { color: White; font-family: Trebuchet MS, Verdana, Geneva, Arial, Helvetica, serif; font-weight: bold; width: 95%; background-color: #59A6FF; border-bottom: 2px solid #2B8CFF; border-right: 2px solid #B9D9FF; border-left: 2px solid #2B8CFF; border-top: 2px solid #B9D9FF; text-align: center; letter-spacing: 3px; } a.mainlevel:hover { color: White; background-color: #3592FF; width: 95%; border-top-width: 1px; border-top: 2px solid #2B8CFF; border-left: 2px solid #B9D9FF; border-bottom: 2px solid #B9D9FF; border-right: 2px solid #2B8CFF; text-align: center; letter-spacing: 3px; } table.moduletable { margin: 0px 0px 0px 0px; width: 95%; border-left: solid 0px #000000; border-right: solid 0px #000000; border-top: solid 0px #000000; border-bottom: 0px solid Aqua; background-repeat: no-repeat; background-position: bottom; } table.moduletable th { font: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #0277FF; text-align: left; height: 36px; line-height: 22px; white-space: nowrap; width: 95%; border-bottom: 3px; background-image: url(../images/modhead.gif); background-position: left; background-repeat: no-repeat; text-indent: 30px; } table.moduletable td { font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; }
Ora so che Opera non è certo il più diffuso browser, ma sfiga vuole che la maggiora parte delle perosone che accederanno a questo sito usanno appunto Opera.
Avete idea di quale potrebbe essere la causa del problema?
Grazie mille!

Rispondi quotando