Larghezza sfondo colorato al passaggio del mouse su link

[Gas75]

Spero sia la sezione adatta, sennò cominciamo bene!

Allora, ho applicato questo stile ai link di una pagina:

a:link    { color: #ff0000; text-decoration: none; }
a:visited { color: #ff0000; text-decoration: none; }
a:active  { color: #ff0000; text-decoration: none; }
a:hover   { color: #000000; background: #ff0000; text-decoration: none; }

Funziona, solo che vorrei l'effetto background su "a:hover" fosse più largo, cioè cominciasse prima della prima lettera e finisse dopo l'ultima del link testuale.
Ho rimediato operando direttamente sul codice del link, con una roba del genere...

& nbsp;Home page& nbsp;

(ovviamente non c'è lo spazio tra "&" e "n", l'ho messo per farvi vedere come ho abbozzato la soluzione...
Mi sembra una soluzione poco convincente... per cui chiedo se esiste un modo per avere uno sfondo dei link più largo...

[Gufo]

Puoi mettere il testo in uno span ad esempio e dare una larghezza allo span, ma se come hai fatto ti funziona bene non vedo perchè mettersi dei problemi.

P.S. per scrivere   non c'è bisogno dello spazio

[Gas75]

Nel campo "codice" ho fatto la prova e veniva "tradotto" come uno spazio...

Il problema è che il codice così fatto lo vedo un po' sporco...

[Gufo]

Originariamente inviato da Gas75
Nel campo "codice" ho fatto la prova e veniva "tradotto" come uno spazio...

Il problema è che il codice così fatto lo vedo un po' sporco...

Bah! Non so cosa ne pensano gli altri, ma a me sembra che il codice non si sporchi per aggiungere due spazi ad un testo

[jubstuff]

La soluzione è semplice: aggiungi all'elemento a:link un po' di padding a destra e sinistra

a:link    { color: #ff0000; text-decoration: none; padding:0 5px; [B]padding:0 5px;[/B]   } 

[Gas75]

Originariamente inviato da Gufo
Bah! Non so cosa ne pensano gli altri, ma a me sembra che il codice non si sporchi per aggiungere due spazi ad un testo

Due spazi no, ma il codice corrispondente & nbsp; lo trovo sporco, poiché a me per primo non piace vedere siti fatti da dilettanti che fissano lo spazio tra due oggetti con un fiume di & nbsp;...

Originariamente inviato da jubstuff
La soluzione è semplice: aggiungi all'elemento a:link un po' di padding a destra e sinistra

Provo senz'altro così, grazie.