Une .div qui ne reste pas à la bonne taille

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Une .div qui ne reste pas à la bonne taille

Message par Aliichaa le Lun 30 Juin 2014 - 17:17

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:
Code:
.description  { background-color : #edf0f1 ;
display:block;
  width:500px ;
padding: 8px!important;
  overflow: auto ;
    border-radius: 10px;
}
.stats {background-color : #edf0f1 ;
 position:relative; 
  padding: 5px!important;
  height: 70px!important;
    border: 2px dashed #fff;
    border-radius: 2px }

Merci de votre aide ..


Dernière édition par Aliichaa le Mer 2 Juil 2014 - 13:48, édité 3 fois

Aliichaa
****

Féminin
Messages : 325
Inscrit(e) le : 13/12/2010

http://touhoudessin.forumactif.com/
Aliichaa a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Une .div qui ne reste pas à la bonne taille

Message par Dr. Sam le Lun 30 Juin 2014 - 18:33

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,
Smile

Dr. Sam
*****

Masculin
Messages : 894
Inscrit(e) le : 28/06/2012

http://www.fa-aide.com/
Dr. Sam a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Une .div qui ne reste pas à la bonne taille

Message par Aliichaa le Lun 30 Juin 2014 - 18:48

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
****

Féminin
Messages : 325
Inscrit(e) le : 13/12/2010

http://touhoudessin.forumactif.com/
Aliichaa a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Une .div qui ne reste pas à la bonne taille

Message par Aliichaa le Lun 30 Juin 2014 - 19:56

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

Aliichaa
****

Féminin
Messages : 325
Inscrit(e) le : 13/12/2010

http://touhoudessin.forumactif.com/
Aliichaa a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Une .div qui ne reste pas à la bonne taille

Message par Aliichaa le Mar 1 Juil 2014 - 19:26

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/

Aliichaa
****

Féminin
Messages : 325
Inscrit(e) le : 13/12/2010

http://touhoudessin.forumactif.com/
Aliichaa a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Une .div qui ne reste pas à la bonne taille

Message par demeter1 le Mer 2 Juil 2014 - 0:20

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.

demeter1
+ Hyperactif +

Masculin
Messages : 8103
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Une .div qui ne reste pas à la bonne taille

Message par Aliichaa le Mer 2 Juil 2014 - 11:37

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

Aliichaa
****

Féminin
Messages : 325
Inscrit(e) le : 13/12/2010

http://touhoudessin.forumactif.com/
Aliichaa a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Une .div qui ne reste pas à la bonne taille

Message par demeter1 le Mer 2 Juil 2014 - 11:55

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.

demeter1
+ Hyperactif +

Masculin
Messages : 8103
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Une .div qui ne reste pas à la bonne taille

Message par MlleAlys le Mer 2 Juil 2014 - 13:30

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 ? ^^"

MlleAlys
+ Hyperactif +

Messages : 4340
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Une .div qui ne reste pas à la bonne taille

Message par Aliichaa le Mer 2 Juil 2014 - 13:47

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 ^^

Aliichaa
****

Féminin
Messages : 325
Inscrit(e) le : 13/12/2010

http://touhoudessin.forumactif.com/
Aliichaa a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum