Discussion :

[bakonu]

salut,

j'ai un bloc div, et je n'arrive pas à placer mon image, pour représenter un coin arrondi, en haut à droite du bloc (j'utilise les styles).

quelqu'un peut me dire comment il s'y prendrait?

[Johnbob]

Bonjour,

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
div.principal { position:relative; width:200px; height:200px; }
div.coinhautgauche { position:absolute; top:0; left:0; width:10px; height:10px; background:#FF0000; }

[bakonu]

je fais ca:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
<div class="princ">
<div style="position: absolute;top: 0;right: 7"><img.....></div>
....
</div>

le width de mon image est egale à 7

mais ca ne marche pas du tout, mon coin n'apparait meme plus.

[Johnbob]

Lorsque tu écris 0 (pour top, width, line-height...) tu n'as pas besoin de préciser l'unité. En revanche si ce n'est pas 0, il faut préciser l'unité: "right:7px".

Donc, dans le code que tu as posté juste au dessus, le div est placé à 0 pixel du bord haut du div conteneur et à 7 pixels du bord droit du div conteneur. Je suis pas sur que tu aies voulu faire cela...

Sinon, pense à écrire "position:relative;" dans le style du div conteneur sinon, ça marche pas...

[bakonu]

merci, c'est ce que j'ai voulu faire,

mais j'ai résolu le probleme autrement