codice css per DIV

[giusebos]

Ho utilizzato JoomD per la realizzazione di alcune schede di camere di albergo,
Il codice sottostante è il risultato di una serie di flag inseriti su degli itens che si attivano con dei CheckBox.

Vorrei formattare queste voci con i css ma non ci sto riuscendo, mi basterebbe staccare le parole dal segno |

tipo "doccia | asciugacapelli | tv | .........

Codice: [Seleziona]

<div class="item_cell servizi">doccia|asciugacapelli|tv|ricezione satellitare|telefono|internet wifi</div>

[tonicopi]

Non ci posso credere! Dare un suggerimento e te che ne sai più di me....
Prova con questo:
letter-spacing:2px;
ma naturalmente non andrà perchè legge una sola parola.
Non riesci a trovare il modo di aggiungere uno spazio vuoto dopo le parole o accanto al segno | prima e dopo?

[giusebos]

ci avevo provato, ma il risultato e che mi si allarga anche la parola...
Confidavo in qualche codicillo CSS specifico, l'alernativa è fare un overrire della vista, ma non ne avevo voglia!!

Uffa il componente è ottimo, poi perrò mi fanno cascare l'asino su delle c***te

[joomla_fan]

Salve.

Ho provato anche [word-spacing] ma il problema é che:
"doccia|asciugacapelli|tv|ricezione" è considerata come una parola unica e quindi spazia da qui 

Forse l'alternativa è fargli arrivare un " | "

[giusebos]

ho inserito anche quelli e vengono eliminati....
sono alla frutta!

[Fa.Ar.]

Rispondo qui perchè magari può essere utile a qualcuno.
Io sono riuscito a risolvere nel seguente modo. (versione Joomd 2.3.0)

Ho aperto il file /components/com_joomd/libraries/apps/field/fields/checkbox.php
Ho modificato le righe 94 e 199 dove c'è scritto:
$values = explode('|', $value);
e le ho cambiate con
$values = explode(' - ', $value);  (oppure qualsiasi altra cosa tipo una virgola e spazio oppure un punto e virgola etc etc)
Poi però non basta soltanto aggiornare la pagina per vedere il cambiamento, ma bisogna avere l'accortezza di riaprire la scheda lato backand e spuntare di nuovo i campi dove c'è la check box.
Credo si possano anche mettere delle immagini al posto delle parole (tipo un'icona del bar al posto della scritta bar) inserendo per ogni riga un codice che richiama un'immagine, ma al momento ancora non riesco a trovare la soluzione.

[giusebos]

ma volendo avere una classe per un maggior controllo?
Perchè così non abbiamo più i testi appiccicati, ma non è ancora possibile controllare lo stile del singolo elemento......

vabbè ci penso un pò

intanto grazie

[Fa.Ar.]

Tipo? (non ho capito bene cosa intendi)


Se non ho capito male non basta inserire la class nel field creato e richiamarla sul file .css?
Esempio: aggiungo un nuovo field dal nome servizi e in class metto cservizi


Poi nel file .css di joomd inserisco una riga dove richiamo quell'item chiamandola .cservizi e lì imposto le caratteristiche.

Intendi una cosa del genere?

[giusebos]

sarebbe comodo avere un controllo a livello di ELEMENTO/VOCE, tipo:


elemento verde | Elemento rosso bold | ELEMENTO UPPERCASE

[BelinBelan]

Ciao Giuse,

a me viene in mente la WORD-SPACING introdotta con CSS3, questa clausola aumenta lo spazio bianco tra una parola e l'altra.

Però poi con i "vecchi" browser? 

[giusebos]

avevo provato anche quella, ma aveva effetto solo sgli elementi composti da più parole, sulla singola mi ha fatto una bella pernacchia!!

[BelinBelan]

Tento questa e poi basta! getto la spugna! 

E dividere invece il testo in "colonne"? 

Codice: [Seleziona]

div
 {
 -moz-column-gap:40px; /* Firefox */
 -webkit-column-gap:40px; /* Safari and Chrome */
 column-gap:40px;
 }
Il Codice l'ho preso da qui:

 

[giusebos]

diciamo che potrebbe essere, forse un escamotage, ma continuere a non aver controllo.
con questo div la vedo dura

Codice: [Seleziona]

<div class="item_cell servizi">doccia|asciugacapelli|tv|ricezione satellitare|telefono|internet wifi</div>
immagina una lunga serie di caratteristiche dove decidi di abbinare un icona+testo...

Diciamo che per adesso sono incontetabile peggio di questo:
youtube.com/watch?v=5vVT0I-7Bv4

[BelinBelan]

ahhhhhhh altro che IGNIS...


Bè ma scusa, perché usare il "modello" CSS classico, cioè padding etc..etc.. per ogni elemento di una lista UNordered? O mi sfugge qualcosa?

[giusebos]

Bè ma scusa, perché usare il "modello" CSS classico, cioè padding etc..etc.. per ogni elemento di una lista UNordered? O mi sfugge qualcosa?

quel div è il risultato di una serie di dati inseriti flaggando dei checkbox nel back end che pruduce quel pezzo di testo.