Largeur colonne droite, centre et gauche avec Beez 20

[Bege]

Bonjour à tous,

après avoir pas mal cherché sur le forum et essayé d'appliquer les codes proposés je n'arrive toujours pas à faire ce que je voudrais, pourtant je suis sûr que pour les spécialistes que vous êtes ça doit pas être bien compliqué

alors voilà, je voudrais tout simplement réduire un petit peu la largeur les colonnes de droite et gauche, et donc augmenter un peu celle du centre, voilà l'adresse de mon site :

http://rouhling.net/portail/index.php

et vous verrez que l'article affiché est tronqué du côté droit, pareil si je clique sur un lien par exemple su ce lien :

http://rouhling.net/portail/index.php/rouhling-information

je voudrais que la partie centrale s'affiche entièrement,

Merci de votre aide

[edit] j'ai trouvé comment diminuer la largeur de la colonne de gauche par exemple mais pas comment augmenter l'affichage du milieu qui reste coupé

[lefabdu51]

Re : Largeur colonne droite, centre et gauche avec Beez 20

modifies le margin comme ci dessous
position.css ligne 125
.left1 {
padding: 0px 0 0 0px;
float: left;
margin: 1px 0 10px 0px;
width: 18%;
position: relative;
}
et augmentes la largeur width comme ci dessous.
position.css ligne 66

#wrapper {
width: 62%;
float: left;
position: relative;
}
si tu augmentes plus, la colonne de droite vas passer au dessous car elle n auras plus assez de place.

[Bege]

Re : Largeur colonne droite, centre et gauche avec Beez 20

yeah! super t'es un chef!
mais pour que je comprenne bien, et surtout me prendre quelques notes, c'est quel paramètres qui fait changer les points suivants :
- largeur des colonnes
- marges depuis le bord des colonnes

et comme ça je mettrais ça en commentaires dans le fichier

merci à toi

[edit] ah oui j'ai du mettre le #wrapper { à width:58%; car à 62% la colonne de droite passe en dessous

[lefabdu51]

Re : Largeur colonne droite, centre et gauche avec Beez 20

firebug te les donneras...mais comme je te l ais dit il te faut un precis des propriétés css

margin = marges tu agit dessus pour modifier les marges de tes éléments,
width= largeur c est la largeur de ton élément.
padding = espacement
il faudras que tu lises sur le html et les css ....
Apres sous beez tout depend du nombre de colonnes que tu utilise

Ca me donnes un sujet de plus a mettre sur mon petit blog tout ca....

[lefabdu51]

Re : Largeur colonne droite, centre et gauche avec Beez 20

pour la colonne de droite reduire la largeur reviens a ajuster le width
ligne 93 du fichier position.css
#right {
float: left;
width: 15%;
margin: 1px 0px 10px 2%;
padding: 0px 0px 5px 0px;
position: relative;
}
Apres a toi de jouer sur ces 3 valeurs

[Bege]

Re : Largeur colonne droite, centre et gauche avec Beez 20

firebug te les donneras....

oui j'ai pas mal regardé ce firebug mais j'ai un petit peu de mal à comprendre, mais c'est vrai que j'ai déjà trouvé des infos intéressantes
quoi que maintenant j'utilise Chrome, j'ai remarqué qu'il était encore mieux que Firefox (enfin c'est mon avis )

margin = marges tu agit dessus pour modifier les marges de tes éléments,
width= largeur c est la largeur de ton élément.
padding = espacement
il faudras que tu lises sur le html et les css ....
Apres sous beez tout depend du nombre de colonnes que tu utilise

merci pour ces infos, et pour le nombre de colonnes, j'ai pris l'habitude depuis longtemps, déjà avec NPDS et même avant quand je faisais des pages html, d'utiliser trois colonnes, une centrale et une de chaque côté

il faudras que tu lises sur le html et les css ....
Apres sous beez tout depend du nombre de colonnes que tu utilise

oui oui je vais m'y mettre! mais surtout sur le css car ça m'a pas l'air hyper compliqué, pour ce qui est du html, j'ai utilisé longtemps Dreamveaver, et donc j'apprenais en affichant le code etc. maintenant je préfère éditer avec Notepad + et quand j'ai un doute je colle le code dans une page de Dreamweaver et je l'affiche dans un navigateur

Ca me donnes un sujet de plus a mettre sur mon petit blog tout ca....

ah mais je vais aller y jeter un coup d'oeil je n'ais pas encore le réflexe d'aller voir chaque site mais c'est vrai que ça ne peut être que ludique
[edit] ben je trouve pas l'adresse de ton blog? [/edit]
merci encore à toi

[Bege]

Re : Largeur colonne droite, centre et gauche avec Beez 20

Hello, j'aurais encore besoin de ton aide, voilà, je voudrais pousser un peu la colonne de droite un peu plus vers la droite pour que la
calendrier se trouve à la verticale du trait numéro 2 sur cette image


j'ai essayé plusieurs fois, mais ça me mets la colonne en dessous ou c'est tout décalé

merci de tes conseils

[lefabdu51]

Re : Largeur colonne droite, centre et gauche avec Beez 20

#right {
float: right;
width: 18%;
margin: 0;
padding: 0px 0px 5px 0px;
position: relative;
}

le float right: fait que lacolonne se colles a droite au lieu de se coller a gauche.Et j ai ajuste les marges... teste et dit moi si ca passe comme ca.

[lefabdu51]

Re : Largeur colonne droite, centre et gauche avec Beez 20

supprimesle overflow comme ci dessous. quand on survoles un lien de ton calendrier on en voit qu une partie.

#contentarea, #contentarea2 {
position: relative;
padding: 0px 20px !important;
margin: 0;
}

Deuxieme solution aller ds la css du composant all event et modifier ce fichier

http://rouhling.net/portail/modules/mod_allevents/tmpl/calendar/style.css

pour decaler ton infobulle vers la gauche.
il faudrais decaler l'infobulle avec une marge gauche a -200px, pour qu elle soit completement visible.

[lefabdu51]

Re : Largeur colonne droite, centre et gauche avec Beez 20

.se_Calendar .ae_tootips span i ligne 2 du fichier précédement cité
ajouste la margin-left a -300px

[Bege]

Re : Largeur colonne droite, centre et gauche avec Beez 20

merci,

alors je viens d'essayer, mais il ne bouge pas et le problème c'est qu'il y a un trait qui traverse toute la page du dessus du calendrier jusque de l'autre côté à gauche

[lefabdu51]

Re : Largeur colonne droite, centre et gauche avec Beez 20

pour ton calendrier j ai trouvé ceci sur le meme fichier
ligne 2 supprimes le bottom
ligne 3 supprimes le botttom et met a la place top:200px

Apres c est a toi d ajuster comme tu veux.
Tu as le resyltat que j ai obtenu

[lefabdu51]

Re : Largeur colonne droite, centre et gauche avec Beez 20

remet ceeci ligne 767 fichier nature.css

#right {
float: right;
width: 18%;
margin: 0;
padding: 0px 0px 5px 0px;
position: relative;
}
merci

[Bege]

Re : Largeur colonne droite, centre et gauche avec Beez 20

pour ton calendrier j ai trouvé ceci sur le meme fichier
ligne 2 supprimes le bottom
ligne 3 supprimes le botttom et met a la place top:200px

Apres c est a toi d ajuster comme tu veux.
Tu as le resyltat que j ai obtenu

ah oui ok mais c'est dans quel fichier ça?

sinon pour le reste ça fonctionne super, j'avais fait une petite erreur en laissant deux fois #right
l'affichage est ok, maintenant faut que je voit cette histoire de calendrier

[lefabdu51]

Re : Largeur colonne droite, centre et gauche avec Beez 20

http://rouhling.net/portail/modules/mod_allevents/tmpl/calendar/style.css