28172 sujets

CSS et mise en forme, CSS3

Comment afficher un element externe au dessus d'une div ?

Bonjour tout le monde,

Voila, je cherche un moyen en css ou js d'afficher une div dans le coin supérieur d'autres div sachant que je ne peux pas modifier le code des éléments existants.

Exemple:


<div id="div1">div1</div>
<div id="div2">div2</div>
<div id="div3">div3</div>

<div id="div1-divCorner">div1-divCorner</div>
<div id="div2-divCorner">div2-divCorner</div>


J'aimerais pouvoir afficher une div toute simple au dessus de chacune des ces divs.
Quelque chose comme: 


#div1 {
 position:relative;
}
#div1-divCorner {
 position:absolute;
 top:-10;
 right:+10;
}


Si vous avez des idees ?!
J'ai regarde du cote des lib qui prennent en charge ce type d'utilisation avec popup ou tooltip (dojo, mootools, etc) mais je ne suis pas sur que ce soit la solution dans mon cas ..

Merci par avance,
Kevin
Bonjour,

Vu la position de tes éléments dans ton code, en CSS uniquement à ma connaissance c'est infaisable. Pour le faire en CSS, tu devrait avoir la syntaxe suivante pour pouvoir positionner correctement tes divs :


<div id="div1">
<div id="div1-divContent">Content</div>
<div id="div1-divCorner">Corner</div>
</div>


Sinon je ne vois apparemment pas d'autres solutions que de passer par du Javascript via une librairie Jquery, mootools ou autre.
Dans ton cas tu peux par exemple déplacer "#div1-divCorner", "div2-divCorner" dans "div1" ,"div2"... Avec Jquery je sais que c'est faisable facilement.

Sinon un peu plus compliqué, créer un script (Jquery, mootools etc.) qui récupère la position de tes "div1", "div2"... et qui déplace tes div "corner" en fonction.
Parfait, c'est exactement ça (la fonction "inject"). Le lien est sympa et clair, cela servira surement à d'autres personnes ayant besoin de manipuler des éléments du DOM en mootools.
Le sujet est-il [RESOLU] ? Smiley cligne
Sujet clos
Aller à