Visualizzazione dei risultati da 1 a 2 su 2
  1. #1
    Utente di HTML.it
    Registrato dal
    Jun 2003
    Messaggi
    4

    [MENU CSS]Problema di visualizzazione in Opera

    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!

  2. #2
    Utente di HTML.it
    Registrato dal
    Jun 2003
    Messaggi
    4
    vabbeh... risolto su altro forum con

    table.moduletable td a.mainlevel {
    display:block;
    }

    grazie comunque........

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2026 vBulletin Solutions, Inc. All rights reserved.