link con text decoration: underline escludendo gli spazi

[flapane]

C'è la possibilità, in un link, di poter sottolineare solo le parole, e non gli eventuali spazi fra queste?

[NicManzana]

dividi il testo in due parti dando lo stesso collegamento e lasciando fuori lo spazio..

esempio:

ciao come stai

[flapane]

Ciao, purtroppo si tratta di link generati automaticamente da wordpress
(v. flapane.com/blog, i link nella colonna destra che elencano gli articoli recenti)

[NicManzana]

non puoi separare le parole con php ?

[flapane]

No, come ti dicevo sono link generati automaticamente.
Posso solo agire sul css.

[Mich_]

Attenzione Nic che il tuo consiglio e` semanticamente sbagliato.
Eventualmente si dovrebbe agire su span interni al link:
<span>ciao</span> <span>ciao</span> <span>ciao</span>

e poi definire la sottolineatura solo sugli span:

a {
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
a span {
  text-decoration: underline;
}
a:hover span {
  text-decoration: underline;
}

C'è la possibilità, in un link, di poter sottolineare solo le parole, e non gli eventuali spazi fra queste?

E` una cosa che fanno i browser in modo autonomo. Non tutti si comportano necessariamente allo stesso modo.
Tramite i CSS si puo` agire separatamente su oggetti diversi, ma non su parti di oggetti (escludendo alcuni pseudoelementi, tipo first-line, first-letter e sim.)

Eventualmente puoi pensare di modificare la marcatura lato client tramite JS: cioe` vai ad inserire le singole parole dentro gli <span> generati al volo.

[flapane]

Ciao,
no, se possibile vorrei evitare di aggiungere altra carne a cuocere come un js, il gioco non varrebbe la candela. Se non ci sono altre alternative, ci conviverò, o al massimo assegno una nuova id a questi link autogenerati (o cerco di capire come fare), e creo una regola nel css per eliminare del tutto l'underline, lasciandolo però al resto dei link del sito.

[NicManzana]

Originariamente inviato da Mich_
Attenzione Nic che il tuo consiglio e` semanticamente sbagliato.
Eventualmente si dovrebbe agire su span interni al link:
<span>ciao</span> <span>ciao</span> <span>ciao</span>

e poi definire la sottolineatura solo sugli span:

a {
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
a span {
  text-decoration: underline;
}
a:hover span {
  text-decoration: underline;
}

................

Hai ragione chiedo scusa, non c'avevo pensato

[flapane]

Ecco il pezzo "incriminato"

<li id="recent-posts" class="widget widget_recent_entries">            <h2 class="widgettitle">Articoli recenti</h2>            <ul>
                        [*][url="http://www.flapane.com/blog/2009/03/sourceslist-per-repository-di-ubuntu-hardy-804-aggiornata-al-5-marzo-2009/"]sources.list per repository di ubuntu hardy 8.04 aggiornata al 5 marzo 2009 [/url]
                        [*][url="http://www.flapane.com/blog/2009/03/howto-airport-extreme-n-e-linux-stampare-via-airport/"]HOWTO: Airport Extreme &#8216;n’ e Linux : Stampare via Airport [/url]
                        [*][url="http://www.flapane.com/blog/2009/03/php-aggiungere-automaticamente-la-data-di-ultima-modifica-ad-un-sito-web/"]Php: aggiungere automaticamente la data di ultima modifica ad un sito web [/url]

                        [*][url="http://www.flapane.com/blog/2009/03/htaccess-redirect-permanente-301-da-dominiocom-a-wwwdominiocom/"].htaccess, redirect permanente 301 da dominio.com a [url]www.dominio.com[/url] [/url]
                        [*][url="http://www.flapane.com/blog/2009/03/questa-e-una-prova/"]Questa è una prova [/url]
                        [/list] 

Come si potrebbe abbozzare la riga del css per eliminare l'underline SOLO per questa classe di link?
Ho aggiunto:
#recent-posts a{
text-decoration: none;
}

E sembra andare, anche se non so se possa creare problemi...
Ho aggiunto anche
#recent-posts ul
{ list-style-type: circle;
}

[Mich_]

E` corretto.
L'oggetto con id="recent-post" deve essere unico nella pagina (gli id devono sempre essere unici), per cui il selettore
#recent-post a { ... }
individua tutti i link all'interno dell'oggetto con id="recent-post".

Stesso discorso per modificare il list-style-type

Eventualmente potresti avere problemi con il segno meno all'interno di un nome: e` sbagliato secondo le specifiche ed alcuni browser non lo accettano: i nomi devono sempre iniziare con una lettera, e contenere solo lettere, numeri ed il carattere _ (underline)