CSS indentation relative [résolu]

CSS indentation relative [résolu] - HTML/CSS - Programmation

Marsh Posté le 19-05-2004 à 12:51:37    

bonjour !
 
voila je voulais savoir comment faire pour indenter un bloc par rapport au bloc qui le contient sachant qu'ils ont la meme classe.
 
ex, je souhaiterai qu'avec ce code:
 


<style type="text/css">
.blocfils
{
 position:inherit;
 text-indent:20;
}
</style>
[...]
<span class="noeud"> branch name </span>
<div class="blocfils">  
 <span class="noeud"> sub branch </span>
 <div class="blocfils">
  <span class="noeud"> leaf name </span>
  <span class="noeud"> sub branch </span>
  <div class="blocfils">
   <span class="noeud"> leaf name </span>
   <span class="noeud"> leaf name </span>
  </div>
 </div>
</div>


 
je puisse obtenir:
 


branch name
    sub branch  
        leaf name
        sub branch
            leaf name
            leaf name


 
Comme vous vous en doutez, c'est en vu d'implémenter un arbe type explorateur windows. Voila donc je ne sais pas avec quels attributs jouer pour obtenir l'effet désiré.
 
Merci de votre aide.


Message édité par boulax le 21-05-2004 à 09:37:17

---------------
Posté depuis des chiottes, sales. Me gusta.
Reply

Marsh Posté le 19-05-2004 à 12:51:37   

Reply

Marsh Posté le 19-05-2004 à 12:53:14    

[:drapo]

Reply

Marsh Posté le 19-05-2004 à 16:04:30    

Personne ?  
 
Bon c'est pas trop grave etant donné que je génère l'arbre avec php je peut utiliser une variable et faire un truc genre
 
<div style=\"text-indent:".$niveau*$npx."\">


---------------
Posté depuis des chiottes, sales. Me gusta.
Reply

Marsh Posté le 19-05-2004 à 23:06:44    

met par exemple un padding-left sur les div

Reply

Marsh Posté le 19-05-2004 à 23:30:01    

bobe a écrit :

met par exemple un padding-left sur les div


ou une marge à gauche


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 20-05-2004 à 00:05:16    

Euh... si tu fais un arbre, ce sont plutôt les listes que tu dois utiliser.

Reply

Marsh Posté le 21-05-2004 à 09:17:03    

Et comble du bonheur, dans le cas des listes, l'indentation est déjà dedans.

Reply

Marsh Posté le 21-05-2004 à 09:36:59    

Exactement, c'est ce qu'il me fallait merci beaucoup :)


---------------
Posté depuis des chiottes, sales. Me gusta.
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed