Visualizzazione dei risultati da 1 a 3 su 3
  1. #1
    Utente di HTML.it
    Registrato dal
    Jun 2010
    Messaggi
    67

    Impossibile eliminare margine da link

    Ho un menù fatto da elemnti "li" con all'interno dei link, c'è un noioso margine per ogni elemento che non riesco ad eliminare.

    Il codice css relativo all'elemento #menu è questo:

    codice:
    #menu {
    	padding-top: 15px; 
    }
    
    
    #menu li{
    	display: inline;
    	list-style-type: none;
    }
    
    
    #menu a {
    	text-decoration: none;
    	color: #fff;
    	text-align: center;
    	font-size: 11pt;
    	padding-bottom: 26px;
    	padding-top: 30px; 
    	padding-left: 17px;
    	padding-right: 17px;
    	/*-webkit-transition-property: background;
    	-webkit-transition-duration: 0.4s;
    	-webkit-transition-timing-function: ease-out;
    	
    	-moz-transition-property: background;
    	-moz-transition-duration: 0.4s;
    	-moz-transition-timing-function: ease-out;
    	
    	
    	-o-transition-property: background;
    	-o-transition-duration: 0.4s;
    	-o-transition-timing-function: ease-out;
    
    	transition-property: background;
    	transition-duration: 0.4s;
    	transition-timing-function: ease-out;*/
    	border-right: 2px solid #c1481e;
    	
    }
    
    
    #menu a:hover {
    	background: #c1481e;
    }
    L'html questo:

    codice:
    <div id="menu">
    					<ul>
    						[*]Ultimi
    						[*]Preferiti 
    						[*]Aggiornati
    						[*]Categorie  
    					[/list]
    				</div>

    Potete vedere quello che succede a questo indirizzo http://projects.paglias.net/ppa/

  2. #2
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Il[*] e/o anche il <ul> hanno dei margini (o padding in qualche browser) di default.

    Prova a modificare cosi`:
    codice:
    #menu {
    	padding: 15px 0 0 0; 
    	margin: 0;
    }
    #menu li{
    	display: inline;
    	list-style-type: none;
    	padding: 0; 
    	margin: 0;
    }
    Nota che questi possono dare altri effetti: prova e poi eventualmente correggi gli altri margini e padding. Quelli che ti interessano sono quelli sinistri.
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  3. #3
    Utente di HTML.it
    Registrato dal
    Jun 2010
    Messaggi
    67
    Originariamente inviato da Mich_
    Il[*] e/o anche il <ul> hanno dei margini (o padding in qualche browser) di default.

    Prova a modificare cosi`:
    codice:
    #menu {
    	padding: 15px 0 0 0; 
    	margin: 0;
    }
    #menu li{
    	display: inline;
    	list-style-type: none;
    	padding: 0; 
    	margin: 0;
    }
    Nota che questi possono dare altri effetti: prova e poi eventualmente correggi gli altri margini e padding. Quelli che ti interessano sono quelli sinistri.
    Ho inserito *{margin: 0; padding:0;} e ho provato eliminando i margini dai li oppure addirittura eliminando i li, niente, neanche per i ul

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.