Probleme d’alignement des modules

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

Résolu Probleme d’alignement des modules

Message par guilltes le Dim 1 Déc 2013 - 14:58

Bonjour à tous,

J'ai un soucis d'alignement des modules, j'ai essayé de régler le problème sur la page index en modifiant le CSS:

Code:
div#main-content {
width: 972px;
margin: -6px;
}
 
#logo {
margin: -6px;
}
Ce qui à l'air Ok mais maintenant c'est les autres modules qui se chevauchent et qui sont décalés  :



Code:
.navbar ul{border-bottom:none;}
#search-box{height:1px;visibility:hidden;}

#logo {
      padding: 0px !important;
}


body {
background-image: url();
background-repeat: no-repeat;
background-position: left;
}
.content h2, .panel h2 {
color:#FFFFFF;
}



/*ONGLETS*/

.categorylink
{border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: #c7dbdc;}

.categorylink a
{color: #3E4FB9;}

.categorylink a:hover
{color: black;}


.onglet
{background-color: #c7dbdc;
padding-right: 8px;
padding-left: 8px;
padding-bottom: 2px;
text-transform: uppercase;
letter-spacing: -1px;
-moz-border-radius:5px 5px 0px 0px;}

.panel h2.h3 {
color:#3E4FB9; /*Code color peut corrige */
}

.content h2, .panel h2 {
color:#3E4FB9;
}

#tweets
{   
    border: 4px double green;
    max-width:950px;
    padding:16px;
}
#tweets legend
{
    color:green;
}

#twitter_update_list li
{
    list-style-type:none;
    color:black;
}


div#main-content {
width: 972px;
margin: -6px;
}

#logo {
margin: -6px;
}



/*--- Bloc réponse rapide ---*/
 
.sceditor-container.ltr.sourceMode {
width:auto !important;
background-color: #FFFFFF !important;
}
.sceditor-container.ltr.wysiwygMode {
width:auto !important;
background-color: #FFFFFF !important;
}

/* bordure de l'éditeur */
div.sceditor-container {
border: 1px solid #089CB8 !important;
}
 
/* bordure entre la barre d'outils et la zone de saisie de texte */
body div.sceditor-toolbar {
border-bottom: 1px solid #089CB8 !important;
}
 
/* bordure sous les groupes de bouton */
body div.sceditor-group {
border-bottom: none;
}
 
/* ombre d'un bouton survolé ou activé */
a.sceditor-button:hover, a.sceditor-button.hover {
box-shadow: 1px solid #089CB8 !important;
}

/*---  Groupe de boutons ---*/
 
div.sceditor-group {
background-color: #F7F7F7 !important;
}

/*---  Partie supérieur contenant les outils ---*/
 
div.sceditor-toolbar {
background-color: #F7F7F7 !important;
width: auto !important;
}

.doublepost { border-top: 1px solid #888888 }

a {
        -moz-transition:all 0.5s; /* Mozilla Firefox */
        -webkit-transition:all 0.5s; /* Safari et Google Chrome */
        -o-transition:all 0.5s; /* Opera */
        transition:all 0.5s;
    }
Pouvez-vous m'aider je ne suis pas un ténor en CSS ?


Dernière édition par guilltes le Dim 1 Déc 2013 - 17:22, édité 1 fois

guilltes
**

Masculin
Messages : 94
Inscrit(e) le : 20/10/2008

http://www.bbox-forum.net
guilltes a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Probleme d’alignement des modules

Message par Tech le Dim 1 Déc 2013 - 15:47

Bonjour,

Si on retire la ligne margin: -6px; de ce code :
Code:
div#main-content {
    margin: -6px;
    width: 972px;
}
le soucis est résolu.

Cordialement.



{ Règles Générales } { Question & Réponses Fréquentes } { Le Staff de ForumActif }

Tech
Modéractif
Modéractif

Masculin
Messages : 20889
Inscrit(e) le : 01/12/2007

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

Résolu Re: Probleme d’alignement des modules

Message par guilltes le Dim 1 Déc 2013 - 16:06

Merci de votre aide

Mais si je corrige cette variable c'est les modules "portail" qui sont décalés:


guilltes
**

Masculin
Messages : 94
Inscrit(e) le : 20/10/2008

http://www.bbox-forum.net
guilltes a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Probleme d’alignement des modules

Message par Tech le Dim 1 Déc 2013 - 16:11

Je ne vois pas pourquoi on a ce problème ...

Mais on peut rajouter ceci dans le CSS :
Code:
.portal {
    margin: -6px;
}

Cordialement.



{ Règles Générales } { Question & Réponses Fréquentes } { Le Staff de ForumActif }

Tech
Modéractif
Modéractif

Masculin
Messages : 20889
Inscrit(e) le : 01/12/2007

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

Résolu Re: Probleme d’alignement des modules

Message par guilltes le Dim 1 Déc 2013 - 17:22

Excellent merci !

guilltes
**

Masculin
Messages : 94
Inscrit(e) le : 20/10/2008

http://www.bbox-forum.net
guilltes 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