[RÉGLÉ] largeur de colonne

[jess68]

Bonjour,

J'ai créé la base de mon template avec artisteer puis j'ai modifié pas mal de choses dessus et à présent j'aimerai modifier la largeur de ma colonne de gauche directement depuis les codes sans repasser par artisteer car je devrai refaire toutes mes modifs autrement. Mais voilà, je ne trouve pas où je peux modifier ça même avec l'aide de firebug.

Ma colonne est actuellement à 243px et j'aimerai la passer à 260px.

Voilà ce que j'ai du côté du layout:

/* begin Layout */
.art-layout-wrapper
{
   position:relative;
   margin:0 auto 0 auto;
}

.art-content-layout
{
   display: table;
   width:100%;
   table-layout: fixed;
   border-collapse: collapse;
}

.art-content-layout-row {
   display: table-row;
}

.art-layout-cell
{
   display: table-cell;
   vertical-align: top;
}
/* end Layout */

/* begin Box, Block, VMenuBlock */ 

Et pour le menu:

/* begin Box, Block, VMenuBlock */
.art-vmenublock
{
   max-width:986px;
   margin: 20px;
}
.art-vmenublock-body 
{
   padding:5px;
}

/* end Box, Block, VMenuBlock */

/* begin Box, Box, VMenuBlockContent */
.art-vmenublockcontent
{
   max-width:986px;
}
.art-vmenublockcontent-body 
{
   padding:0;
}

/* end Box, Box, VMenuBlockContent */

/* begin VMenu */
ul.art-vmenu, ul.art-vmenu ul
{
   list-style: none;
   display: block;
}

ul.art-vmenu, ul.art-vmenu li
{
   display: block;
   margin: 0;
   padding: 0;
   width: auto;
   line-height: 0;
}

ul.art-vmenu
{
   margin-top: 0;
   margin-bottom: 0;
}

ul.art-vmenu ul
{
   display: none;
   margin: 0;
   padding: 0;
   position:relative;
   margin-left: 0;
   margin-right: 0;
}

ul.art-vmenu ul.active
{
   display: block;
}

/* images in menu items */
ul.art-vmenu img.art-menu-image, ul.art-vmenu img.art-menu-image-left
{
   vertical-align: middle;
   margin-right: 5px;
}

ul.art-vmenu img.art-menu-image-right
{
   vertical-align: middle;
   margin-left: 5px;
}
/* end VMenu */

/* begin VMenuItem */
ul.art-vmenu a 
{
   display: block;
   cursor: pointer;
   z-index:0;
   text-decoration: none;
   font-family: Arial, Helvetica, Sans-Serif;
   font-style: normal;
   font-weight: normal;
   font-size: 12px;
   margin-left:0;
   margin-right:0;
   position:relative;
}

ul.art-vmenu li{
   position:relative;
}

ul.art-vmenu>li>a 
{
   color: #596151;
   padding: 0 10px 0 20px;
   height: 28px;
   line-height: 28px;
   white-space: nowrap;
   
}

ul.art-vmenu>li>a.active {
   color: #B22D00;
}
ul.art-vmenu a:hover, ul.art-vmenu a.active:hover {
   color: #596151;
}

ul.art-vmenu>li>a:before, ul.art-vmenu>li>a:after 
{
   position: absolute;
   display: block;
   content: ' ';
   z-index:-1;
   background-image: url('../images/vmenuitem.png');
   top:0;
   height:28px;
}

ul.art-vmenu>li>a:before{
   left: 0;
   right: 15px;
   background-position: top left;
}
ul.art-vmenu>li>a:after{
   width: 15px;
   right: 0;
   background-position: top right;
}
ul.art-vmenu>li>a.active:before {
   background-position: bottom left;
}
ul.art-vmenu>li>a.active:after {
   background-position: bottom right;
}
ul.art-vmenu>li>a:hover {
   background-color: transparent;
}
ul.art-vmenu>li>a:hover:before  {
   background-position: center left;
}
ul.art-vmenu>li>a:hover:after {
   background-position: center right;
}

ul.art-vmenu>li{
   margin-top:0;
}
ul.art-vmenu>li>ul{
   margin-top:0;
   padding-bottom: 0;
}
ul.art-vmenu>li:first-child{
   margin-top:0;
}

/* end VMenuItem */

/* begin VMenuSubItem */
ul.art-vmenu ul li{
   margin: 0;
   padding: 0;
}
ul.art-vmenu li li, ul.art-vmenu li li a {
   position:relative;
}

ul.art-vmenu ul a
{
   display: block;
   position:relative;
   white-space: nowrap;
   height: 24px;
   overflow: visible;
   background-image: url('../images/vsubitem.png');
   background-repeat: repeat-x;
   background-position: top left;
   padding:0;
   padding-left:15px;
   padding-right:15px;
   line-height: 24px;
   color: #596151;
   font-size: 11px;
   margin-left: 0;
   margin-right: 0;
}

ul.art-vmenu ul a.active{
   background-position: bottom left;
}
ul.art-vmenu ul a:hover{
   background-position: center left;
   line-height: 24px;
   color: #596151;
   font-size: 11px;
   margin-left: 0;
   margin-right: 0;
}
ul.art-vmenu ul li li a:hover, ul.art-vmenu ul li li a:hover.active{
   background-position: left center;
}

ul.art-vmenu ul a:link, ul.art-vmenu ul a:visited, ul.art-vmenu ul a:active
{
   line-height: 24px;
   color: #596151;
   font-size: 11px;
   margin-left: 0;
   margin-right: 0;
}

ul.art-vmenu>li>ul>li:first-child{
   padding-top: 0;
   margin-top:0;
}
 
ul.art-vmenu li li{
   position:relative;
   margin-top:0;
}

ul.art-vmenu ul ul a{
   padding-left:30px;
}
ul.art-vmenu ul ul ul a{
   padding-left:45px;
}
ul.art-vmenu ul ul ul ul a{
   padding-left:60px;
}
ul.art-vmenu ul ul ul ul ul a{
   padding-left:75px;
}

ul.art-vmenu ul li a.active {
   color: #B22D00;
}
ul.art-vmenu ul li a:hover, ul.art-vmenu ul li a:hover.active {
   color: #596151;
}
/* end VMenuSubItem */ 

Si quelqu'un arrivait à repérer un endroit où je pourrai mettre mon "width" ça serait vraiment top! Merci d'avance

Si jamais vous voulez voir de quoi je parle c'est ici

[lomart]

Re : largeur de colonne

Bonjour,

la colonne de gauche fait 25% de son conteneur.
Il faut modifier la largeur de #all (ligne 33 de position.css) pour donner de l'espace

Bonne journée
Lomart

[jess68]

Re : largeur de colonne

Salut,

Merci pour ta réponse. Je n'ai pas le fichier position.css j'ai seulement les fichiers editor, template et print et j'ai fais une recherche du 25% et il n'y a rien

Une autre idée?

[lomart]

Re : largeur de colonne

Une autre idée?

Oui, corrigez le bon template

J'ai créé la base de mon template avec artisteer

NON, le site donné en exemple utilise beez_20 qui utilise bien ce fichier position.
voir : http://fitness-energie.ch/essai/temp...s/position.css

[jess68]

Re : largeur de colonne

Oh mais minceuh, la monstre erreur de débutant! La honte! Bon et bien la photo du lion sur le profil exprime bien ce que je ressens en ce moment...Merci beaucoup, j'aurais pu chercher encore longtemps autrement avant de me rendre compte de ma bêtise.

[lomart]

Re : largeur de colonne

Oh mais minceuh, la monstre erreur de débutant!

C'est pas une erreur de débutant, cela arrive même au gens les plus chevronnés. J'ai passé 2 heures hier sur une erreur aussi idiote.
L'erreur, c'est de dire "une autre idée" sans penser une seconde que la personne qui prend la peine de te répondre peut avoir raison.

[jess68]

Re : largeur de colonne

Désolée et encore merci!