Probleme taille des colonnes

beninho Membre non connecté

Booster Bazooka

Le 10/01/2010 à 11h03

Booster Bazooka
Voir le profil du membre beninho
Inscrit le : 12/08/2009

Bonjour, j'ai un problème au niveau des colonnes de gauche et de droite. J'essaye de changer leur taille, mais en vain. Je modifie les templates en changeant les valeurs des "width", mais cela ne change rien à la largeur. En recherchant sur le forum, j'ai vu que dans la V2, il fallait modifier également des images. Qu'en est-il pour la V3 ?

Merci

Édité par beninho Le 10/01/2010 à 19h32

Visiteur

Boosteur Inactif

Le 10/01/2010 à 11h30

#80472

Boosteur Inactif
Voir le profil du membre
Inscrit le : 15/06/2026

Bonjour Beninho,

Sur quel thème est tu ?

beninho Membre non connecté

Booster Bazooka

Le 10/01/2010 à 17h31

#80500

Booster Bazooka
Voir le profil du membre beninho
Inscrit le : 12/08/2009

salut, je suis sur le thème "base"

Visiteur

Boosteur Inactif

Le 10/01/2010 à 17h41

#80502

Boosteur Inactif
Voir le profil du membre
Inscrit le : 15/06/2026

Bien ^^

Tu dois modifier le content.css (ligne 589) qui se trouve dans "/templates/base/theme/" :

Code CSS :

.module_mini_container {
-moz-border-radius-bottomleft:12px;
-moz-border-radius-bottomright:12px;
-moz-border-radius-topleft:12px;
-moz-border-radius-topright:12px;
background:#F7F8F5 url(images/contentbg.png) repeat-x scroll 0 0;
border:1px solid #CCCCCC;
border-spacing:1px;
margin:0 0 10px;
padding:5px;
width:180px;
}

- Augment ou diminue la valeur du Width.

Et joue du widthaussi, avec la colonne droite ou gauche dans le design.css à la ligne 92 :

Code CSS :

div#left_menu {
float:left;
margin-bottom:0;
margin-left:0;
margin-right:2px !important;
margin-top:10px;
padding:0;
width:200px;
}
div#right_menu {
float:right;
margin-bottom:0;
margin-left:10px !important;
margin-right:0;
margin-top:10px;
width:190px;
}

voilà

Édité par Visiteur Le 10/01/2010 à 17h41

beninho Membre non connecté

Booster Bazooka

Le 10/01/2010 à 19h24

#80514

Booster Bazooka
Voir le profil du membre beninho
Inscrit le : 12/08/2009

ça marche, mais je veux que le menu de gauche fasse 160px et celui de droite fasse 220px, comment faire ? Ce que tu m'as donné met les deux à la même taille.

Visiteur

Boosteur Inactif

Le 10/01/2010 à 20h54

#80521

Boosteur Inactif
Voir le profil du membre
Inscrit le : 15/06/2026

Un merci ? Ou ne serais ce juste chercher un peu par soi même en essayant diverses solution

Voilà la solution:

La colonne gauche etdroite dans le design.css à la ligne 92 :

Code CSS :

div#left_menu {
float:left;
margin-bottom:0;
margin-left:0;
margin-right:2px !important;
margin-top:10px;
padding:0;
width:160px;
}
div#right_menu {
float:right;
margin-bottom:0;
margin-left:10px !important;
margin-right:0;
margin-top:10px;
width:220px;
}

Et pour les containers:

Modifie le content.css (ligne 589) qui se trouve dans "/templates/base/theme/" :

Code CSS :

.module_mini_container {
-moz-border-radius-bottomleft:12px;
-moz-border-radius-bottomright:12px;
-moz-border-radius-topleft:12px;
-moz-border-radius-topright:12px;
background:#F7F8F5 url(images/contentbg.png) repeat-x scroll 0 0;
border:1px solid #CCCCCC;
border-spacing:1px;
margin:0 0 10px;
padding:5px;
width:auto;
}

Pauvre Demoiselle Courtoisie qui voit s'envoler derrière les écrans les bases simple de la politesse ...

beninho Membre non connecté

Booster Bazooka

Le 11/01/2010 à 07h40

#80545

Booster Bazooka
Voir le profil du membre beninho
Inscrit le : 12/08/2009

merci, je ne savais pas qu'il fallait mettre width:auto.

Support Général

Répondre

Vous n'êtes pas autorisé à écrire dans cette catégorie