allineamento misto in una lista

[paw]

ciao

sto letteralmente "sbroccando"
non riesco ad allineare una parte del testo in una lista

il codice che uso è il seguente :

<div id="contenitore">
<div id="contenuto">


<h2>dove mangiare</h2>


<h3>xxxxxxxxx</h3>
<div class="dovemangiare">
<ul id="operatore">[*]Ristorante 1

Via xxxxxx n. 99 <span class="telefono">055 9999999</span> [*]Ristorante 2

Via xxxxxx n. 99 <span class="telefono">055 9999999</span> [*]Ristorante 3

Via xxxxxx n. 99 <span class="telefono">055 9999999</span> [/list]
</div>
</div>
</div>

quello che vorrei ottenere è che la calsse "telefono" fosse allineata a destra ottenendo cioè questo risultato:

.Ristorante 1
Via xxxxxx n.99 055 8199999
.Ristorante 2
Via xxxxxx n.99 055 8199999
.Ristorante 3
Via xxxxxx n.99 055 8199999

ho provato con

#telefono{
text-align:right;
}

#dovemangiare #telefono{
text-align:right;
}

e tantissimi altre soluzioni ma il telefono rimane a sinistra

se provo invece a cambiare colore quello funziona

dove sto sbagliando?

Grazie

Antonella

[thomas_anderson]

Antonella, posso vedere la pagina?

[paw]

non l'ho ancora pubblicata....

sto lavorando in locale

p.s. in realtà non avevo visto come era venuto il messaggio precedente ....il risultato devrebbe essre questo, senza trattini ovviamente

.Ristorante 1
Via xxxxxx n.99 ---------------------------------055 8199999
.Ristorante 2
Via xxxxxx n.99 ---------------------------------055 8199999
.Ristorante 3
Via xxxxxx n.99 ---------------------------------055 8199999

[Homer_J.S.]

Ave,

se ho ben capito la questione potresti annidare, all'interno del div "dovemangiare", altri due div, per serparare con il div di sinistra l'indirizzo(allineato quindi a sinistra del div di sinistra) mentre col div di destra il telefono (allineato a destra del div di destra).

stessa cosa potresti farla utilizzando una tabella con una riga e 2 colonne...ma sarebbe semanticamente scorretto dato che usi i div

ciao

[thomas_anderson]

Se vuoi un consiglio ti consiglio di lavorare con le liste di definizioni. Vanno meglio per il tuo scopo, cioè:

<dl>
  <dt>Ristorante Michele il cafone</dt>
  <dd>Via Del Porco n° 15</dd>
</dt>

[paw]

ma se inserisco un div il telefono va a capo rispetto all'indirizzo...

le "liste di definizione" non le conosco...adesso cerco un po' di documentazione

[paw]

ok ho provato cosi ( a parte che dovrei inserire l'allineamento nel css)

<dl>
<dt>Ristorante 1

Via xxxxxx n. 99 </dt>
<dd style="text-align:right">055 8199999</dd>
</dl>

però anche in questo caso il numero di telefono va a capo
io invece avrei bisogno che rimanesse nella linea dell'indirizzo

[Homer_J.S.]

puoi provare un css del tipo:

div#dovemangiare{
...
}

div#dovemangiare_left{
width: 50%;
height: 100%;
float: left;
text-align: left;
...
}

div#dovemangiare_right{
width: 50%;
height: 100%;
float:right;
text-align:right;
...
}

/*

e nell'html li annidi così:

<div id="dovemangiare">
<div id="dovemangiare_left"> ... </div>
<div id="dovemangiare_right"> ... </div>
</div>

[paw]

scusa...per essere sicura di aver capito bene...
devo mettere cosi:

<ul id="operatore">

<div id="dovemangiare_left">[*]Ristorante 1

Via xxxxxx n. 99 </div>
<div id="dovemangiare_right">055 8199999</div>

<div id="dovemangiare_left">[*]Ristorante 2

Via xxxxxx n. 99 </div>
<div id="dovemangiare_right">055 8199999</div>

<div id="dovemangiare_left">[*]Ristorante 3

Via xxxxxx n. 99 </div>
<div id="dovemangiare_right">055 8199999</div>

<div id="dovemangiare_left">[*]Ristorante 4

Via xxxxxx n. 99 </div>
<div id="dovemangiare_right">055 8199999</div>
[/list]

cosi funziona ma non so se ho ottimizzato le cose

[Homer_J.S.]

si intendevo quello ...
...o in alternativa potresti fare su dovemangiare_left la lista degli indirizzi e per dovemangiare_right la lista dei numeri (per comodità e per usare meno codice)

quindi:
<div id="dovemangiare">

<div id="dovemangiare_left">[*]Ristorante 1

Via xxxxxx n. 99 [*]Ristorante 2

Via xxxxxx n. 99 [*]Ristorante 3

Via xxxxxx n. 99 [*]Ristorante 4

Via xxxxxx n. 99
</div>

<div id="dovemangiare_right">055 8199999

<div id="dovemangiare_right">055 8199999

<div id="dovemangiare_right">055 8199999

<div id="dovemangiare_right">055 8199999
</div>

</div>