Visualizzazione dei risultati da 1 a 2 su 2
  1. #1

    menu unsorted list su ie8

    ciao a tutti,
    sto provando a far funzionare une semplice menu che tenga evidenziata la voce della pagina aperta (in realtà viene aggiornato un solo div sul lato destro della schermata) in rosso.
    il menu funziona egregiamente sugli ultimi mozilla e chrome, ma ie non vuole saperne.
    non riesco a capire se si tratti di una cattiva interpretazione del css o è il codice js che fa casino (uso jquery), per cui non so neppure se sto postando nella sezione giusta.
    il codice HTML è:

    codice:
    <ul id="menutab" >
    	<li id="li1" onclick="setActiveMenu('li1')">home
    	<li id="li2" onclick="setActiveMenu('li2')">l'idea
    	<li id="li3" onclick="setActiveMenu('li3')">lo sviluppo
    	<li id="li4" onclick="setActiveMenu('li4')">promozioni
            <li id="li5" onclick="setActiveMenu('li5')">operazione fedeltà
            <li id="li6" onclick="setActiveMenu('li6')">punti vendita
            <li id="li7" onclick="setActiveMenu('li7')">newsletter
            <li id="li8" onclick="setActiveMenu('li8')">info franchising[/list]

    mentre quello js è:

    codice:
    <script type="text/javascript">
    	$(document).ready(function(){
    		$('#menutab > li').bind('mouseenter mouseleave', function() {
    			$(this).toggleClass('entered');
    		});
    	});
    	function setActiveMenu(voce){
    		$('#menutab > li').removeClass('selected');
    		$('#' + voce).addClass('selected');
    		return true;
    	}
    </script>

    e le regole CSS:

    codice:
    #menutab {
    	position:relative;
    	width:120px;
    	font-size: 9px;
    	font-family: arial, helvetica, sans-serif;
    	margin: -10px 0 0 -30px;
    	text-align:left;
    	color:#000;
    }
    #menutab ul {margin:0; list-style-image:none; list-style:none;}
    #menutab li {margin:0px 3px 6px 0px; cursor:pointer; list-style-position:inside; display:block;}
    #menutab li a {text-decoration:none; color: #000;}
    #menutab li.selected a:link {color: #f00; font-size:10px;}
    .selected {}
    .entered {}
    quale potrebbe essere il problema?

    grazie a tutti.

  2. #2
    risolto!
    semplicemte cambiando
    codice:
    #menutab li.selected a:link {color: #f00; font-size:10px;}
    in
    codice:
    #menutab li.selected a {color: #f00; font-size:10px;}
    resta comunque un mistero della fede.

    grazie uguale e buon natale

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.