Editare Cod HTML.

Sal tuturor, nu stiu daca e bine unde scriu aceasta problema minora, dar tot o sa o fac.

In primul rand, am un cod html pe care doresc sa-l editez, totusi nu imi iese ceea ce imi trebuie.

De exemplu :


Acesta este codul HTML care trebuie editat :

<li><a href='#'>Acum</a>
<ul class='children'>
<li><a href='#'>Mereu</a></li>
<li><a href='#'>Oriunde</a></li>
<li><a href='#'>Oricand</a>
<ul class='children'>
<li><a href='#'>Deseori</a>
</li>
</ul>
</li>
</ul>
</li>

Si in aceata constructie a lui, arata cam asa :

------------------------------------------------------
[ http://s7.directupload.net/images/140325/9igt6l6l.jpg - Pentru incarcare in pagina (embed) Click aici ]
------------------------------------------------------

Dar eu vreau sa il modific pentru a-l putea face sa arate ca ultimul la "Oricand".

Fiecare dintre ele sa aibe unul sau mai multe sub categorii.

"Acum" fiind titlul , iar celelalte sa aibe sub categorii cate doresc.


Am incercat sa modific sa iasa cum vreau eu prin urmatorul cod, dar a iesit asa  :

<li><a href='#'>Acum</a>
<ul class='children'>
<li><a href='#'>Mereu</a></li>
<ul><a href='#'>Deseorix1</a>
<li><a href='#'>Oriunde</a></li>
<ul><a href='#'>Deseorix2</a>
<li><a href='#'>Oricand</a>
<ul class='children'>
<li><a href='#'>Deseorix3</a>
</li>
</ul>
</li>
</ul>
</li>

[ http://s14.directupload.net/images/140325/3yrpkiuz.jpg - Pentru incarcare in pagina (embed) Click aici ]

Eu vreau sa iasa de exemplu  ca in imaginea urmatoare :

[ http://s14.directupload.net/images/140325/cghszs7s.jpg - Pentru incarcare in pagina (embed) Click aici ]
Sa fie asa ca in imaginea de mai sus si sa pot pune cate sub categorii vreau eu.

Dar cum am incercat cu al doilea cod de mai sus, nu merge , imi da eroare la template la blog.

Fac asta pentru blogul meu, dar eu cum nu am asa cunostinte cu html,am incercat cat am putut si mai incerc, dar tot imi da eroare la xml  pentru
ca nu e bun codul cum il aplic.

Aveti vre-o idee?

cand deschizi <ul> trebuie sa si inchizi cu </ul> inainte sa deschizi alt <ul>

Editat de LensFlare, 25 martie 2014 - 10:31.

Am incercat cum ai zis tu  si am editat codul

<li><a href='#'>Acum</a>
<ul class='children'>
<li><a href='#'>Mereu</a></li>
<ul><a href='#'>Deseorix1</a>
<ul>
<li><a href='#'>Oriunde</a></li>
<ul><a href='#'>Deseorix2</a>
<ul>
<li><a href='#'>Oricand</a>
<ul class='children'>
<li><a href='#'>Deseorix3</a>
</li>
</ul>
</li>
</ul>
</li>

A mers,  doar a trebuit sa pun </ul> dupa acel cod ( jos )cu text, mersii.

Editat de TyreXo, 25 martie 2014 - 10:46.

Daca vrei sa inveti mai bine HTML, CSS, PHP etc. foloseste site-ul www.w3schools.com

Mai este și codeacademy