Discussion :

[hackrobat]

Bonjour a tous,

Juste une question que je ne parviens pas a resoudre :

j'ai une boite <div> de taille 300x150 et une petite de 20x20 par exemple, je souhaite placer ma petite boite en bas a droite de ma grosse boite. J'ai essayé différentes propriété mais je ne parviens pas a la placer en bas a droite sans utiliser les relative et absolute( a eviter ).

Quelqu'un aurait une idée ?

Merci par avance

[ilood]

Si tu supprimes les positions relative et absolute, il ne te reste plus beaucoup de possibilités pour positionner des objets.

Pourquoi vouloir absolument éviter d'utiliser ces propriétés ?

[hackrobat]

Il y aurait pas une propriété dans float à qui on peut attribuer les deux valeurs "rigth" et "bottom" ? (right ca marche mais bottom, il en veux pas )

...

[noOneIsInnocent]

http://www.w3schools.com/css/pr_class_float.asp
voilà ça peut t'aider
mais donne nous du code ...

[hackrobat]

code css :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
 
div.art_01_txt
{
float : left;
width : 160px;
height : 150px;
padding-left : 6px;
text-align : right;
}
 
div.arrow_art_01
{
float : right;
margin-top : 134px;
width : 16px;
height : 16px;
background: url("../gfx/arrow_art_01.png") right top no-repeat;
}

code html( soyez pas surpris par les boucles, je bosse avec spip )

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<div class = "art_01_txt"> 
 
      <div class = "arrow_art_01"> <!--<img src = "gfx/arrow_art_01.png" width = "16" height = "16" border= "0" align="center" /> --> </div>    
 
        <BOUCLE_article_def_1(ARTICLES) {id_article = 3} >
          <span class = "titre_art_01">
            <a href ="#URL_ARTICLE" title = "[(#DESCRIPTIF|textebrut|entites_html)]" > #TITRE </a>
          </span>
            <p class = "texte_art_01">
              [(#TEXTE|couper{200})]
            </p>
        </BOUCLE_article_def_1>
 
      </div>
 
    </div>

merci par avance

[10-nice]

Il y aurait pas une propriété dans float à qui on peut attribuer les deux valeurs "rigth" et "bottom" ? (right ca marche mais bottom, il en veux pas )

...

Il existe trois valeur possible à la propriété css float : left, right et none.

j'aurais cru qu'avec ton code ca fonctionnerait, le CSS est toujours un peu étrange

Par contre Y a doublon lorsque tu utilise text-align:right; et que tu rajoute un float:right;
Apparemment tu ne mets pas de texte dans ta grande div tu pourrais mettre un padding-left à 144px pour voir. Mais bon c'est pas recommandé car si tu veux mettre qqchose dans ta div après... ce sera revenir à la case départ.

j'ai beau cherché là de suite je trouve pas d'où vient le pb dsl.

[hackrobat]

Ok merci,

je pense avoir trouver la solution : Utiliser les boites meres en relative et placer les petites boites en absolute

je voulais pas utiliser ca en absolute mais j'ai pas le choix. Merci quand meme

A bientot