Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

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
avatar

guilltes
***

Masculin
Messages : 127
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.
avatar

Tech
Modéractif
Modéractif

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

https://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:

avatar

guilltes
***

Masculin
Messages : 127
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.
avatar

Tech
Modéractif
Modéractif

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

https://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 !
avatar

guilltes
***

Masculin
Messages : 127
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