Underline sulla prima lettera di un link.

**purno** · 09-07-2006, 08:53

Ho incontrato in alcuni siti una sottoliniatura/underline che invece di estendersi sull'intero testo del link si "fermava" sulla prima lettera.

Quali attributi si usano?

Grazie 1000

**pierofix** · 09-07-2006, 10:25

I CSS mettono a disposizione una pseudo-classe per puntare alla prima lettera del testo contenuto in un elemento. Per fare ciò chiedi, ad esempio:

codice:

a:first-letter
{
   text-decoration:underline;
}

Per approfondire: www.w3.org/TR/CSS21/selector.html#first-letter .

Ora, non avendo provato, direi che quel mona di IE sicuramente non lo supporta. :rollo: Se qualcuno ha tempo di provare e confermare o meno mi farebbe un piacere.

Quindi, per andare sul sicuro (nel caso appunto IE si rifiutasse), si potrebbe intervenire sul markup, inserendo un elemento in più.

Non tutti i mali vengono per nuocere.

Se infatti abbiamo bisogno che una lettera di una parola sia evidenziata in maniera grafica, molto probabilmente ciò è una conseguenza di una distinzione logica. Mi viene ad esempio in mente il caso delle access-key: con l'attributo title potremmo aggiungere questa informazione e farla così arrivare meglio all'utente. Esempio:

codice:

XHTML
<a href="sito.it/blog" accesskey="b">
   <span title="Tasto di accesso rapido: alt+B">B</span>log
</a>

CSS
a span
{
   text-decoration:underline;
}

**purno** · 09-07-2006, 20:02

Grazie 1000.

**ana4ever-vids** · 10-07-2006, 09:48

Incredibbile amisci!

IE 6 supporta la pseudo-classe (io ho provato rapidamente con il seguente codice):

codice:

<html>
<head>
<style type="text/css">
<!--
p:first-letter
{
   text-decoration:underline;
}
-->
</style>
</head>
<body>


oiguyftdyfgyuhjnikm</p>
</body>
</html>

Sogno o son desto??

**purno** · 10-07-2006, 14:17

C onfermo! Non sò se gira anche su versioni più datate.

**pierofix** · 10-07-2006, 14:30

Grazie per la segnalazione.

**Laurami** · 15-04-2007, 03:44

Raga, io vorrei sottolineare una lettera per ogni bottone del menù testuale al fine di comunicare che la lettera sottolineata è un accesskey [alt + lettera].
Putroppo però 2 bottoni del menù (che sfiga) iniziano con la stessa lettera e quindi non posso sfruttare la proprietà "first-letter".

Che faccio?

Discussione: Underline sulla prima lettera di un link.

Strumenti discussione

Ricerca discussione

Visualizza

Underline sulla prima lettera di un link.

Permessi di invio