Aggiungere "ul" ed "li"

[licaone]

Stò utilizzando un template che non prevede l'utilizzo degli elenchi puntati: come e dove posso inserire i tag?


All'interno del foglio style.css?
Ed in quale posizione?Grazie!

[licaone]

Ho giustamente aperto un topic relativo al template a cui mi riferisco http://forum.joomla.it/index.php/topic,145093.msg646512.html#msg646512

[xplosion]

Ciao licaone,
Non c'entra nulla il template con l'editing dei articoli. Questa funzionalità (inserimento degli elenchi puntati) è gestito dal editor.

[licaone]

Ciao licaone,
Non c'entra nulla il template con l'editing dei articoli. Questa funzionalità (inserimento degli elenchi puntati) è gestito dal editor.

Io ho creato con l'editor l'elenco puntato ma questo non viene visto correttamente nel nuovo template come invece veniva visto nel vecchio template.

[licaone]

Posto un'immagine su come lo stesso articolo viene visto dai due template.
 

Uploaded with ImageShack.us

[xplosion]

Puoi fornire un link al tuo sito (con il nuovo template)?

[licaone]

Purtroppo no perché lo sto sviluppando in locale con il template che ho linkato anche su http://forum.joomla.it/index.php/topic,145093.msg646512.html#msg646512

Ho provato ad aprire un post proprio per quel templare che sto provando.

[licaone]

Posso provare a postare il codice di style.css del templare nuovo, che dici?

[xplosion]

Purtroppo non si può dare una soluzione in base a queste informazioni, perché è possibile che ci sono più file css che controllano l'aspetto, non solo style.css.
Come consiglio cerca di installare firebug su firefox, ti aiuta molto a trovare il punto di riferimento dove modificare.

[licaone]

Purtroppo non si può dare una soluzione in base a queste informazioni, perché è possibile che ci sono più file css che controllano l'aspetto, non solo style.css.
Come consiglio cerca di installare firebug su firefox, ti aiuta molto a trovare il punto di riferimento dove modificare.

Nella cartella del template esiste solo style.css comunque proverò a seguire il tuo consiglio: si tratta di un tool che sinceramente non ho mai provato.
Grazie della paziente disponibilità!!

[xplosion]

...si tratta di un tool che sinceramente non ho mai provato.

E che lo troverai davvero utile!

L'unica cosa che posso dire, cerca nel tuo style.css le classi che fanno riferimento a UL e LI, classi che (suppongo) hanno attualmente degli atributi tipo list-style-type:none;
A te serve una specie di list-style-type:circle; o una cosa simile...

[licaone]

L'unica cosa che posso dire, cerca nel tuo style.css le classi che fanno riferimento a UL e LI, classi che (suppongo) hanno attualmente degli atributi tipo list-style-type:none;
A te serve una specie di list-style-type:circle; o una cosa simile...

Sei un grande! 
Ho trovato e modificato la riga su style.css mettendo "yes" e funziona, ma i punti sono allineati in colonna e non "a scaletta": sapresti darmi qualche indicazione anche su questa cosa?
Sono proprio a digiuno di css come avrai notato 


Codice trovato

Codice: [Seleziona]

* { margin: 0; padding: 0; list-style-type: yes; padding: 0; }

[xplosion]

Quindi, se è una lista semplice allora il codice giusto sarebbe così:

Codice: [Seleziona]

<ul>
<li>item1</li>
<li>item2</li>
</ul>
Per avere allineamento "a scaletta" significa che devi avere una lista all'interno di un'altra lista, e in questo caso il tuo html sarebbe così:

Codice: [Seleziona]

<ul>
<li>item1
<ul><li>subitem1</li></ul>
</li>
</ul>
Spero che mi sono spiegato meglio 

[licaone]

In realtà l'elenco che ho creato è come hai indicato nel secondo esempio: a "prova" di ciò nel template 1 si vede bene che tutte le voci sono una "dentro" l'altra...
 
E' che adesso, dopo aver messo "yes" su "list-style-type:" vedo l'elenco in questo modo:
 

 

Si nota, come è giusto che sia, che:
il punto di "cc" è banco proprio perché è collegato a "bb"
i punti "dd-ee" sono quadrati perché collegati a "cc"
 

[xplosion]

ok, allora nel tuo css al posto di padding:0; metti ad esempio padding:0 0 0 20px;
e vedi cosa succede

[licaone]

In realtà in style.css le righe che includono il parametro "list-style-type" sono 3:
 
Riga1

Codice: [Seleziona]

* { margin: 0; padding: 0; list-style-type: yes; padding: 0; }
Riga 2

Codice: [Seleziona]

.module ul.menu, .module_menu ul.menu{margin:0; padding:0;list-style:none; padding:0 ; list-style-type:none; }
Riga 3

Codice: [Seleziona]

.module ul.menu li, .module_menu ul.menu li{ list-style:none; list-style-type:none;margin:0; padding:0; border-bottom:1px dotted #e8e8e8;}
Solo mettendo "yes" sulla riga 1 ho ottentuo il risultato che ho scritto prima ma aggiungendo "0 0 0 20px" ottengo solo uno spostamento di tutto il corpo dell'articolo all'interno del corpo del sito.
 
Credo che la riga 2 e 3 si riferiscano agli elenchi puntati dei menù sparsi nel sito...

[xplosion]

E per questo ti dicevo che è difficile darti una risposta ad occhi chiusi.
Le modifiche vanno fatte sulla terza riga che hai mostrato:
list-style-type:yes;
padding:0 0 0 20px;

[licaone]

Purtroppo l'effetto "scaletta" lo ottengo solo modificando la RIGA-1 ma succede questo:








A sinistra si crea lo spazio evidenziato dal riquadro viola
L'articolo, evidenziato in rosso, si sposta verso destra
I moduli che stanno a destra scompaiono dalla zona indicata dalla freccia verde


Ecco le righe come sono ora.


RIGA-1

Codice: [Seleziona]

* { margin: 0; padding: 0; list-style-type: yes; padding: 0 0 0 10px; }

RIGA-2

Codice: [Seleziona]

.module ul.menu, .module_menu ul.menu{margin:0; padding:0;list-style:none; padding:0; list-style-type:none; }

RIGA-3

Codice: [Seleziona]

.module ul.menu li, .module_menu ul.menu li{ list-style:none; list-style-type:yes;margin:0; padding:0 0 0 10 20px; border-bottom:1px dotted #e8e8e8;}

Tutte le modifiche effettuate sulle RIGHE-2 e 3 non sembrano produrre alcun effetto.

[xplosion]

Alla riga 1 devi modificare al posto di padding:0 0 0 20px; metti come era prima cioè padding:0;
Alla riga 3 vedi che è un 0 in più, quindi al posto di padding:0 0 0 10px 20px; scrivi padding:0 0 0 20px;

Dovrebbe andare bene adesso.

[licaone]

Guarda, sei stato un grande, è da oggi che mi stai praticamente facendo da help-desk!!
Purtroppo anche con questa che mi hai passato di modifica non ne vengo fuori, non va... 


Io continuo, stò mettendo anche il colore di fondo ai moduli per capire dove intervenire ma credo che si tratta solo di agire tra quegli zeri e quei pixel del tag "padding".


Non voglio rubarti altro tempo prezioso ma continuerò a scrivere in questo post e se vorrai, potrai rispondere...


Dire che sei stato gentile è poco! 


Grazie "xplosion"!

[xplosion]

Mi dispiace che non si e risolta la facenda... come ti dicevo era meglio di avere un link al sito.
Un'ideea: perché non prendi uno spazio free e caricarti il sito li, solo per la durata dello sviluppo, ulteriormente lo puoi spostare su un tuo dominio.
No so altro come aiutarti...

Buon lavoro!

[licaone]

Mettendo uno sfondo al layout risalta che l'elenco numerato/puntato risulta fuori dal corpo dell'articolo (vedi freccia verde).


Se li faccio mettere a scaletta usando il padding: 0 0 0 20px la zona bianca dove ci sono i punti si allarga e saltano tutti i moduli sulla destra...






Ecco la riga-1 come è modificata:

Codice: [Seleziona]

* { margin: 0 0 0 0 ; padding: 0 0 0 0; list-style-type: yes; padding: 0 0 0 1px; background: #FF40FF}

Per lo spazio "free" provvederò quanto prima...