indentation imbriqués

7 réponses

Une bévue

14/12/2005 à 13:09

j'ai une structure <ul /> <li /> imbriquée, du genre :

<ul>
<li>Machin contient :</li>
<ul>
<li>un</li>
<ul>
<li>bidule</>
...
</ul>
<li>deux</li>
...
</ul
</ul>

ça représente l'arborescence d'un dossier...

problème : tous les <ul /> sont au même niveau (distance par rapport à
la gauche de la fenêtre), les <li /> à un autre niveau, plus à droite.

question, peut-on obtenir un indentation automatique en css ?
un peu comme ci-dessus.

je peux toujours insérer des      mais c'est pas
très "jojo"...

--
Une bévue

7 réponses

Raphaël Wils

14/12/2005 à 13:14

Une bévue a écrit :

j'ai une structure <ul /> <li /> imbriquée, du genre :

<ul>
<li>Machin contient :</li>
<ul>
<li>un</li>
<ul>
<li>bidule</>
...
</ul>
<li>deux</li>
...
</ul
</ul>

ça représente l'arborescence d'un dossier...

problème : tous les <ul /> sont au même niveau (distance par rapport à
la gauche de la fenêtre), les <li /> à un autre niveau, plus à droite.

question, peut-on obtenir un indentation automatique en css ?
un peu comme ci-dessus.

je peux toujours insérer des      mais c'est pas
très "jojo"...

utilisez la structure ainsi
<ul>
<li>liste des trucs :
<ul>
<li>machin</li>
<li>bidule</li>
</ul>
</li>
<li>chose</li>
</ul>

Un ul se trouve à l'interieur d'un li (sauf le premier bien sur)

--
Raphaël
http://www.r-wils.com
« Don't mean a thing if you ain't got that swing ! »

Une bévue

14/12/2005 à 13:24

Le Wed, 14 Dec 2005 13:14:14 +0100, Raphaël Wils a écrit :

<ul>
<li>liste des trucs :
<ul>
<li>machin</li>
<li>bidule</li>
</ul>
</li>
<li>chose</li>
</ul>

Un ul se trouve à l'interieur d'un li (sauf le premier bien sur)

d'accord, bien vu, c'est corrigé, mais bon ça ne change rien au niveau
indentation...

c'est ici : <http://81.57.96.20/dirlisto.rhtml>

Une bévue

domi --d

14/12/2005 à 13:29

Le Wed, 14 Dec 2005 13:14:14 +0100, Raphaël Wils a écrit :

<ul>
<li>liste des trucs :
<ul>
<li>machin</li>
<li>bidule</li>
</ul>
</li>
<li>chose</li>
</ul>

Un ul se trouve à l'interieur d'un li (sauf le premier bien sur)

d'accord, bien vu, c'est corrigé,

tu veux dire "il manque <ul> dans un <li> ?? " ou quelque chose du
genre ???

Une bévue

14/12/2005 à 13:42

Le Wed, 14 Dec 2005 13:29:22 +0100, domi --d a écrit :

u veux dire "il manque <ul> dans un <li> ?? " ou quelque chose du genre
???

non pas du tout, avant ta remarque ma structure était :

<ul>
<li>blabla</li>
<ul><li>vnvnv</li><li>uouou</li></ul>
...
</ul>

suivant ton conseil, je l'ai passe en :

<ul>
<li>blabla
<ul><li>vnvnv</li><li>uouou</li></ul>
</li>
...
</ul>

mais ça ne change rien au niveau de l'indentation sur le navigateur...
--
Une bévue

Onthisplanet

14/12/2005 à 13:51

Faut faire suivre dans fr.rec.humour...

Michaël
http://onthisplanet.free.fr

Sergio

14/12/2005 à 14:06

domi --d a pensé très fort :

tu veux dire "il manque <ul> dans un <li> ?? " ou quelque chose du genre ???

Il manque <ul> dans un coin ?
;-)

--
Serge http://leserged.online.fr/
Mon blog: http://cahierdesergio.free.fr/
Soutenez le libre: http://www.framasoft.org

ASM

14/12/2005 à 15:18

Une bévue a écrit :

mais ça ne change rien au niveau de l'indentation sur le navigateur...

Voici :

<style type="text/css">
#menu li { cursor: hand; }
#menu li ul { display: none; }
/* style pour les autres que Internet Explorer */
#menu li:hover ul { display: block; }
</style>
<script type="text/javascript">
/* javascript pour l'idiot d'Internet Explorer */
var ieúlse; /*@cc_on ie=true; @*/
function roll(quoi) {
var L = quoi.getElementsByTagName('UL');
L[0].style.display = L[0].style.display!='block'? 'block' : 'none';
}
function init() {
var U = document.getElementById('menu').getElementsByTagName('LI');
for(var i=0;i<U.length;i++) if(ie) U[i].title="cliquez-moi";
}
onload = init;
</script>
</head>
<body>
<ul id="menu">
<li onclick="if(ie) roll(this);">blabla
<ul>
<li>machin</li>
<li>bidule</li>
</ul></li>
</li>
<li onclick="if(ie) roll(this);">chose
<ul>
<li>truc</li>
<li>muche</li>
</ul>
</li>
</ul>

--
Stephane Moriaux et son [moins] vieux Mac

indentation imbriqués

7 réponses

Veuillez sélectionner un problème