Discussion :

[Lucas.tordeux]

Bonjour à tous,

J'essaie de créer un menu dynamique en CSS ( sans javascript ) avec une infinité d'arborescences possibles, on dira dans le même genre que le menu démarrer de windows. Jusque la tout va bien , je m'en sors pas trop mal , le menu s'affiche bien , seulement j'essaie de minimiser les attributs et particulièrement les propriétés numériques , width, left etc..., j'aimerai faire en sorte que cela s'automatise le plus possible;

Pour cela lors de l'apparition d'un sous menu, ( lequel se trouvera en position absolute ) j'aurai besoin de connaitre la valeur de la propriété " width " de l'élément qui l'a ouvert ( qui n'est pas son parent point de vue html ) afin de l'utiliser pour la propriété " left " de celui ci ;

en js cela aurait donné :
" document.getElementById('machin').style.left = document.getElementById('truc').style.width;

est ce que quelqu'un saurait s'il est possible de faire ça en CSS, sans passer par js ? un truc du genre

.machin
{
left: truc.width
}

Merci a tous pour votre attention

Amicalement

Lucas

[ledisciple]

Bonjour à tous,

J'essaie de créer un menu dynamique en CSS ( sans javascript ) avec une infinité d'arborescences possibles, on dira dans le même genre que le menu démarrer de windows. Jusque la tout va bien , je m'en sors pas trop mal , le menu s'affiche bien , seulement j'essaie de minimiser les attributs et particulièrement les propriétés numériques , width, left etc..., j'aimerai faire en sorte que cela s'automatise le plus possible;

Pour cela lors de l'apparition d'un sous menu, ( lequel se trouvera en position absolute ) j'aurai besoin de connaitre la valeur de la propriété " width " de l'élément qui l'a ouvert ( qui n'est pas son parent point de vue html ) afin de l'utiliser pour la propriété " left " de celui ci ;

en js cela aurait donné :
" document.getElementById('machin').style.left = document.getElementById('truc').style.width;

est ce que quelqu'un saurait s'il est possible de faire ça en CSS, sans passer par js ? un truc du genre

.machin
{
left: truc.width
}

Merci a tous pour votre attention

Amicalement

Lucas

tu ne peux pas faire ceci dans ta feuille de style?

div#truc{
width: [valeur]
}

[franculo_caoulene]

Salut,

Dans ce que tu souhaites faire, il y a une notion de dynamisme que CSS ne prend pas en charge.