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:
L'html 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; }
codice:<div id="menu"> <ul> [*]Ultimi [*]Preferiti [*]Aggiornati [*]Categorie [/list] </div>
Potete vedere quello che succede a questo indirizzo http://projects.paglias.net/ppa/