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

    margine e padding liste su firefox

    ho una lista che rendo orizzoontale così?
    codice:
    ul#menu{float:left;margin:0;}
    
    ul#menu,ul#menu li{list-style-type:none;margin:0;}
    
    ul#menu li{float:left;margin:0;}
    
    ul#menu a{float:left;padding:0px 0 0px 25px;width:125px; height:30px;
        text-indent: -1000em; /* nasconde il link */
    }
    
    ul#menu a:hover{color:#333;}
    
    ul#menu li.current a{
        color:#36c;}
    
    ul#menu li.current a:hover{}
    Come mai su firefox ho sempre un margine sinistro e su IE no.
    Su firefox non riesco a toglier il margine o padding che mi fa cominciare il menu a sinistra sopo un po'.
    codice:
    <div id="navigation">
    	
    	<ul id="menu">
    	
    			
    		<li id="home" class="current">
    			Home
    		
    		<li id="azienda">
    			Azienda
    		
    		<li id ="prodotti">
    			Prodotti
    		
    		<li id="news">
    			News
    		
    		<li id="mappa">
    			Mappa del Sito
    		
    		<li id="contatti">
    			Contatti
    		
    		<li id="raggiungerci">
    			Come raggiungerci
    		
    	[/list]
    	</div>
    Questo è il codice html

  2. #2
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Perche` in qualche browser lo spostamento di default dei[*] e` realizzato tramite padding, in altri tramite margin.
    Devi quindi nei[*] definire sia un padding che un margin (metterli a zero esplicitamente).
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  3. #3
    div#navigation ul,div#navigation li{margin:0;padding:0;}

    Così funziona, devo mettere tutto a zero. Grazie

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 © 2025 vBulletin Solutions, Inc. All rights reserved.