Problema con il foglio di style

[stefano24]

Salve, ho un problema con un foglio di style css esterno.
Dunque, ho una barra di navigazione in alto d’avvero orribile, guardate qui:
www.livers2000.it
Vorrei almeno eliminare qui spazietti blu che ci sono tra un link e l’altro.
Nei link c’è un’immagine in background (quella verde) larga 170px alta 30px, questo è il codice css del foglio di style:

#topmenu
{	
	background: mediumblue;
	border-top: solid 8px #008000;
	font-family: comic sans ms;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

a.topmenu, a.topmenu:visited
{
	width: 170px;
	height: 30px;
                color: #ffffff;
                background: url(/immagini/topmenu.png);
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px
}

a.topmenu:hover
{
    color: 008000;
    background: url(/immagini/topmenuhover.png);
}

Quindi nella pagina html ho:
< a class=”topmenu” href=”…..
< a class=”topmenu” href=”......
< a class=”topmenu” href=”…..

L’altezza e la larghezza dei a.topmenu corrispondono a quelle dell’immagine
Ho provato con tutto: padding margin ma niente.
Come faccio a togliere lo spazio tra un link (verde) e l’altro?

Grazie

[Gufo]

Originariamente inviato da stefano24
Salve, ho un problema con un foglio di style css esterno.
Dunque, ho una barra di navigazione in alto d’avvero orribile, guardate qui:
www.livers2000.it
Vorrei almeno eliminare qui spazietti blu che ci sono tra un link e l’altro.
Nei link c’è un’immagine in background (quella verde) larga 170px alta 30px, questo è il codice css del foglio di style:

#topmenu
{	
	background: mediumblue;
	border-top: solid 8px #008000;
	font-family: comic sans ms;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

a.topmenu, a.topmenu:visited
{
	width: 170px;
	height: 30px;
                color: #ffffff;
                background: url(/immagini/topmenu.png);
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px
}

a.topmenu:hover
{
    color: 008000;
    background: url(/immagini/topmenuhover.png);
}

Quindi nella pagina html ho:
< a class=”topmenu” href=”…..
< a class=”topmenu” href=”......
< a class=”topmenu” href=”…..

L’altezza e la larghezza dei a.topmenu corrispondono a quelle dell’immagine
Ho provato con tutto: padding margin ma niente.
Come faccio a togliere lo spazio tra un link (verde) e l’altro?

Grazie

1-Nei css hai specificato un id e nel codice ktml ha messo class
2-Se ci fornisci un link per vedere in complessivo forse è meglio

[fcaldera]

3 - se non risolvi con l'indicazione di gufo riapri il thread specificando un titolo significativo, come da regolamento in evidenza, grazie.