Une .div qui ne reste pas à la bonne taille

[Aliichaa]

Bonsoir !

J'ai un petit soucis de .div ... plus exactement la parti height (la hauteur).
Dès que je mets une description, la div contenant les informations de cette dernière s'agrandit et dépasse de la catégorie :

http://touhoudessin.forumactif.com/

Peut-ont bloquer la hateur de cette div grace à un code css?

Le CSS des 2 div en question:

Merci de votre aide ..

[Dr. Sam]

Bonjour,

Dans votre code CSS, il faut rajouter un position: absolute; à votre classe description:

Code:

.description {
background-color: #edf0f1;
display: block;
width: 500px;
padding: 8px!important;
overflow: auto;
border-radius: 10px;
position: absolute;
}

Cordialement,

[Aliichaa]

C'est nickel, merci ^^

Sauf que maintenant, le titre des sous-forum vient se mettre sur la description ... et un " margin-top " ne change rien...

[Aliichaa]

Désolé de up juste pour dire que j'ai éditer mon précédent message ^^'

[Aliichaa]

Un petit up ...
Le titre des sous-forum vient se mettre sur la description ... et un " margin-top " ne change rien...
Et les stats s'allonge au passage de la sourit sur les titres de la catégorie...

adresse forum : http://touhoudessin.forumactif.com/

[demeter1]

Pour les titres des sous forum, je suppose que vous les voulez à droite
Dans votre feuille de style vous recherchez a.forumlink et, remplacez le css par celui ci

Code:

a.forumlink {
background-color: #DCE1E4;
border-bottom: 0px solid #000000;
border-radius: 20px;
margin: 3px;
padding: 2px !important;
position: absolute;
}

Pour les stats, je ne rencontre pas le soucis sous Opera.

[Aliichaa]

J'ai régler le soucis des titres seule...
Mais les sous forum viennent toujours se placer sur la description du forum...

[demeter1]

Bonjour Alichaa,
C'est bien une modification de ce style que vous souhaitez faire



Si tel est le cas, il suffit de modifier le a.forumlink avec le css donné plus haut.

C'est peu être moi qui ai mal compris.

[MlleAlys]

Bonjour,
j'obtiens ceci :

en faisant quelques modifications du css, si c'est ce que vous souhaitez avoir, les voici :

.description {
text-align: justify;
background-color: #edf0f1;
display: block;
height: 70px;
width: 510px;
position: absolute; /*retirer cette ligne là*/
padding: 8px!important;
overflow: auto;
border-radius: 10px;
}

.categorie {
background-color: #B9C5CA;
border-radius: 10px;
padding: 8px!important;
margin: 4px!important;
display: block;
border-radius: 5px;
height: 150px; /*retirer cette ligne là*/
}

.sousforum {
background-color: #fff0; /*retirer cette ligne ou la corriger, elle ne sert à rien*/
position: relative;
display: block; /*ajouter cette ligne pour plus de rigueur*/
}

.stats div { /*ajouter div pour viser le bloc plutôt que la cellule et éviter la déformation*/
background-color: #edf0f1;
position: relative;
padding: 5px!important;
display: block; /*retirer cette ligne qui ne sert plus à rien*/
height: 55px; /*ajouter cette ligne pour que l'overflow puisse fonctionner*/
overflow: auto;
border: 2px dashed #fff;
border-radius: 2px;
margin-top:10px; /*ajouter cette ligne et modifier la valeur si besoin*/
}

ajouter :

td.stats {
vertical-align: top;
}

était-ce que que vous souhaitiez, ou ai je mal compris ? ^^"

[Aliichaa]

demeter1 > ce n'est toujours pas ça, j'ai réglé le soucis toute seule, mais un grand merci pour votre aide

MlleAlys > C'était exactement ce que je voulais ! Et que je n'arrivais pas à faire... un très très grand merci à vous ^^