Discussion :

[tazmania]

Bonjour,

Voila ce que j'aimerais réaliser, reste à voir si c'est faisable.

En fait, dans mon document, l'utilisateur peut rajouter plusieurs éléments.
Pour l'un de ces éléments je voudrais créer une bordure qui encadrerait les autres éléments qui n'ont pas encore été créés.
Donc il faudrait que la bordure s'agrandisse au fûr et à mesure que je rajoute des éléments.

Voila ce que j'ai mis :

Code :

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

1
2
3
4
border: solid 2px #990000 ; 
padding: 10px 220px 150px; 
width: 350px ; 
text-align: justify ;

Bon je sais, je débute en CSS donc ce n'est peut être pas les bonnes propriétés

[Bisûnûrs]

Tu veux que ça s'agrandisse en largeur ou en hauteur ?

Parce qu'à priori, avec juste ce que tu nous montres, ça devrait s'agrandir automatiquement en hauteur.

[tazmania]

En effet, ça devrait juste s'aggrandir en hauteur.
Désolé pour mon manque de précisions

[Bisûnûrs]

avec juste ce que tu nous montres, ça devrait s'agrandir automatiquement en hauteur.

Merci de nous donner plus d'infos (code CSS, HTML, ...).

[tazmania]

Le code css que j'ai donné ne permet pas d'agrandir automatiquement mon cadre.

Lorsque l'utilisateur insére une nouvelle balise, le cadre se coupe en deux parties.

Sa me donne un truc comme sa :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
------------------
|
|
|               -------------
|                            |
|                            |
|                            |
------------------           |
                             |
                             |
                             |
              ---------------

Je veux bien vous donner mon code HTML mais il n'y a rien dedans sauf la balise de base.
Tout le reste est du javascript pour l'ajout des autres balises.
Quand à mon css, j'ai juste mis ce bout de code

[MasterOfChakhaL]

Salut,

Le code html serait interessant quand même.
Vu ton schéma, je dirais que ton élément conteneur (celui pour lequel tu définis les bordures) et un élément de type inline. Si tu veux un encadrement global, alors il faut utiliser un élément de type bloc.

Si tu mets utilises un span, alors remplace le par un div. Si tu utilises un autre élément inline dont tu ne peux pas te passer, ajoute la propriété display:block; dans les règles CSS.