28221 sujets

CSS et mise en forme, CSS3

Salut,

Voilà mon pb : j'ai un bloc conteneur comme ceci

<div class="member">
  <a href="avatar.php"><img src="truc.jpg" /></a>
  <a href="fiche.php">Prénom<br />NOM</a>
  <a href="del.php" class="delMember">voir</a>
</div>


Je voudrais que le lien de la classe "delMember" soit situé en bas et à droite du bloc conteneur, à une position précise (x pixel depuis le bord droit et y depuis le bord bas), sachant que celui-ci est flottant.
Le tout en Xhtml 1.0 Strict, mais j'avoue que là je me fais mal au crâne à force de me taper la tête sur le bureau. Smiley biggol
Merci Smiley lol
upload/82-member.png
Modifié le 18 Jan 2005 - 22:48
Administrateur
Sans le CSS c'est assez difficile, mais le principe général :
- position relative sur "member" (afin de devenir conteneur pour des positions absolues)
- position absolue sur delMember + bottom:x + right:x
Ben oui, mais comme j'ai plein d'items de classe member qui doivent s'enchaîner, je pensais les mettre en float pour qu'ils s'enchaînent et passent à la ligne au besoin.
C'est pourquoi je recherche si c'est faisable avec des "member" en float.

.member
{
  width : 250px;
  height : 60px;
  padding : 5px;
  float : left;
}
.member img
{
  float : left;
  margin : 0 10px 0 0;
}
.member .delMember
{
  text-align : right;
}


Euh à moins qu'un bloc puisse être à la fois en position float et relative (ce qui semble être le cas au vu de mes tests Smiley biggol Smiley fulmine [mode comprend plus ON]
Modifié le 18 Jan 2005 - 23:07
Administrateur
Marvin Le Rouge a écrit :

Euh à moins qu'un bloc puisse être à la fois en position float et relative

Oui bien sûr, ces deux schemas ne sont pas incompatibles.
Je rappelle que le positionnement relatif n'est rien d'autre qu'un positionnement normal (dans le flux) mais décalé s'il existe des valeurs top, left, bottom ou right.
Le placement en flottant (qui n'utilise pas la propriété position) pousse l'élément à droite ou à gauche du conteneur.

L'un est l'autre ne sont pas incompatibles. Si ton élément flottant doit contenir des objets positionnés (absolu, fixed), tu peux très bien lui appliquer un positionnement relatif.
Ah ben merci je me coucherai moins bête ce soir. Smiley biggrin
Je pensais (à tort) que le float était considéré comme une forme particulière de positionnement.

Merci Raphaël Smiley lol