Lista di elementi

[kapy79]

salve, qualcuno sa come si fa per allineare sulla stessa riga due classi diverse di[*]?

[ricman]

Originariamente inviato da kapy79
salve, qualcuno sa come si fa per allineare sulla stessa riga due classi diverse di[*]?

Gli LI si allineano sulla stessa riga tramite il "float:left"
...a meno che io non abbia frainteso quello che cercavi...

[kapy79]

si il float l'ho usato. Mi spiego meglio.
ho due elementi:[*] e <li class="bis"> il risultato deve essere per esempio:
Città: Roma (ovviament ho bisogno di formattazioni diverse per uno e per l'altro)
il problema è che devo incolonnare più elementi ma me li allinea tutti!!!
cioè invece di ottenere:
Città: Roma
Indirizzo: Via pinco pallino

ottengo:
Città: Roma Indirizzo: Via Pinco Pallino eccc...
non so se mi sono spiegata bene!


In realtà il risultato l'ho già ottenuto ma ho dovuto fare un impiccio pazzesco di h1 innestati dentro a paragrafi con 5000 linee di codice che mi urtano il sistema nervoso, quindi vorrei snellirlo un pò!

[copsteve]

Forse potresti risolvere così:

Codice CSS

<ul>[*]Città: <span class="formatt">Roma</span>[*]Indirizzo: <span class="formatt">Via Pinco pallino</span>[/list]

Ovviamente alla classe formatt associata al tag span andrai ad indicare la formattazione per quelle parti di lista.

[fcaldera]

<ul>[*]...
<li class="bis">...</lI>[*]...
<li class="bis">...</lI>[*]...
<li class="bis">...</lI>[/list]

forse qui una lista di definizione sarebbe stata più adatta al tuo scopo. Ad ogni modo rendi float tutti i list-item, ma per spezzare la linea dai il clear a li.bis ovvero

ul{ height: auto; overflow: hidden; }
li { float: left}
li.bis { clear:left; }

poi lavora sulla formattazione come vuoi tu

[kapy79]

grazie mille!
domani mattina appena torno in ufficio ci provo e vi faccio sapere!

[ricman]

Le liste di definizioni potrebbero servirti?
http://www.w3schools.com/tags/tag_dl.asp

[salasir]

A completamento della segnalazione di ricman ti indico un articolo sull'utilizzo delle liste di definizione:
http://www.maxdesign.com.au/presentation/definition/

[kapy79]

Allora respons...e.write (che simpatica:

x copsteve : mitico funziona! grazie mille!

Per ricman e salasir : grazie anche voi ignoravo l'esistenza di queste liste e sicuramente mi saranno utilissime in futuro!

Per ricman: visto che mi sembri molto esperto di codice...pensi che si possa utilizzare il tag <span> o è meglio non abusarne?...p.s. hai visto che ho validato www.castellintavola.com ? Grazie per avermelo segnalato!

[ricman]

Originariamente inviato da kapy79
Per ricman:
...[cutto i complimenti che non sono veri]...
pensi che si possa utilizzare il tag <span> o è meglio non abusarne?

Per il mio modo di lavorare cerco di evitare gli span al massimo, lasciando il compito il più possibile ai Tag (x)html già esistenti (personalizzandoli da css esterno). Poi, se non puoi farno e meno è ovvio che devi usarli...

Originariamente inviato da kapy79
...p.s. hai visto che ho validato www.castellintavola.com ? Grazie per avermelo segnalato!

Ora è completo e molto carino... già che ci sei dovresti (IMHO) dare un po di padding al blocco che gestisce gli Eventi (quello con le scritte che scorrono)...