Opinioni su elemento Inline XHTML...

[goat]

Ciao ciao.
Quello che vorrei ottenere è una lista di voci per un menù le quali abbiano davanti come elemento grafico una "o" minuscola e di colore grigetto. Ho quindi creato il seguente codice:

<a href="index.php?area=book&amp;page={link}" class="menu-book">
<font class="pallini">o</font>
{name}</a>

Avendo gestito bene le proprietà delle due classi "menu-book" e "pallini" ottengo l'effetto cercato. Ma mi chiedevo, è corretto utilizzare l'elemento <font> come ho fatto io? Oppure me ne consigliereste un'altro più opportuno?

Grazie,
goat

[goat]

Noto ora di aver sbagliato forum.
Però di poco...
Schiuz.

[fcaldera]

piuttosto è meglio
<span class="pallini" style="font-family:Verdana">o</span>

Ad ogni modo ti consiglierei di usare i tag <ul> e[*] visto che il link corrisponde ad una lista puntata di un solo elemento

[pierofix]

Ti sconsiglio questa soluzione.

Pensandoci su, forse l'unico modo corretto sarebbe quello di fare la classica lista, eliminare il punto tramite CSS ed inserire la "o" come una piccola gif di sfondo:

XHTML
<ul id="menu">[*]Uno[*]Due[*]Tre[/list]

CSS
#menu li {
   list-style-type:none;
   padding-left:20px;
   background:url(punto.gif) no-repeat 0 50%;
}

Non so se hai mai letto una lista HTML con uno screen-reader: già è frustrante suo, se poi ci aggiungi anche una "o" che non fa nemmeno parte del contenuto allora diventa un inferno.

[goat]

Originariamente inviato da fcaldera
piuttosto è meglio
<span class="pallini" style="font-family:Verdana">o</span>

Ad ogni modo ti consiglierei di usare i tag <ul> e[*] visto che il link corrisponde ad una lista puntata di un solo elemento

La soluzione di pierofix mi piace, anche perchè mi permetterebbe di creare un'infinità di elementi grafici. Ergo per cui adesso mi ci metto...

Per quanto riguarda la tua: a me è stato detto che in XHTML sarebbe meglio evitare di usare "style" e gestire il tutto sempre da un unico foglio CSS.
Scuole di pensiero differenti?

[fcaldera]

ovviamente ciò che definisci con style lo puoi mettere in un css esterno... era solo un esempio per farti capire.

[goat]

Ok, ho ottenuto l'effetto desiderato.
Grazie a tutti dell'aiuto.
Baci...

goat

[pierofix]

Originariamente inviato da goat
La soluzione di pierofix mi piace, anche perchè mi permetterebbe di creare un'infinità di elementi grafici.

Sì, è un grande vantaggio, ma non sottovalutare l'aspetto dell'accessibilità: con queste piccole considerazione abbiamo anche reso il documento più intelligente e meglio fruibile da un utente di screen-reader.

Oltre ovviamente ad aver usato il markup in modo semantico, come andrebbe sempre fatto.