testo e img sullo stesso rigo

[angelicab]

sto creando un menu per un sito accessibile usando i tab UL e LI .. ho la necessità di mettere sullo stesso rigo un link testuale ed un con una piccola immagine ...
[*]Itinerari[img]img/english.gif[/img]

.. perchè vedo l'immagine sul rigo successivo??

[pierofix]

Abituati innanzitutto a scrivere il codice in maniera più ordinata, e occhio alle virgolette annidate:

[*]
   <a href="turismo/itin.htm" onclick="window.open(this.href); return false;" title="Itinerari" id="itin" tabindex="135">
      Itinerari
   </a>
   <a href="turismo/itin_EN.htm" onclick="window.open(this.href); return false;" title="'Masserie Fortificate' tours - English version" tabindex="140">
      [img]img/english.gif[/img]
   </a>

Prova intanto a correggere così. Poi ci sono un po' di cose da vedere, proprio a livello di accessibilità.

[angelicab]

cosa ci sarebbe da vedere per l'accessibilità?

[pierofix]

Miii, quanto mi fate innervosire quando fate così! VVoVe: Ti ho detto di correggere intanto il codice, verificare se così il problema si risolve e poi farmi sapere il risultato.

Un passo per volta, no? Dai, con ordine...

Forse non ho focalizzato bene il problema. Tu avevi scritto:

""Masserie Fortificate" tours - English version"

Devi correggere in

"'Masserie Fortificate' tours - English version"

[angelicab]

ok .. agli ordini ..

[angelicab]

il problema non si risolve ...

questo è il css collegato .. penso che il problema possa essere anche qui ..

ul.menu3 {
width:160px;
list-style:none; /* elimino i punti elenco */
margin:0; padding:0; /* elimino i rientri delle liste */
font-size: 10px;
}
ul.menu3 li a {
display: block; /* il link occupa tutto lo spazio orizzontale */
text-decoration: none; /* elimino la sottolineatura, che si tratta di un link si capisce dalla struttura */
padding: 0; /* lascia spazio far il bordo del menu e il testo del link */
height: 1.5em;
line-height: 1.5em; /* altezza del link: height e line-height devono avere il medesimo valore */
}
ul.menu3 li {
display:inline;
background:url(sfumato.png); /*pre-load immagine*/
}
ul.menu3 li a:link, ul.menu3 li a:visited {
background:#d5e0e4;
color: #009;
} /* colori per il link */
ul.menu3 li a:hover, ul.menu3 li a:active {
background:#eee url(sfumato.png) 100% 0 repeat-y;
color:#c00;
} /* colori per l'effetto roll-over */

[pierofix]

Non mi pare. Hai la pagina online?

[angelicab]

qui c'è la pagina .. http://www.comune.monopoli.bari.it/new/default1.asp

[pierofix]

La Develper Toolbar di Firefox è troppo figa! Tu la usi? Mi sono velocemente accorto grazie ad essa che i link del menu sono stati dichiarati di tipo block, ecco perchè vanno a capo.

Ma quello scherzo della lingua devi farlo per ogni link?

[angelicab]

di tipo block .. quindi?? come dovrei impostarli per avere link testo + img sullo stesso rigo .. ma con due link diversi??

lo scherzo della lingua () devo farlo solo per 5 link..