Largeur colonne droite, centre et gauche avec Beez 20

Réduire
X
 
  • Filtrer
  • Heure
  • Afficher
Tout effacer
nouveaux messages

  • Largeur colonne droite, centre et gauche avec Beez 20

    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 :

    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 :
    État civil, projets, repas des aînés, chantiers, Résidence Pasteur, Histoire, échos des écoles, périscolaires, faits marquants, vie associative etc. Lire le bulletin n° 132

    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é
    Dernière édition par Bege à 04/06/2012, 15h01

  • #2
    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.

    Commentaire


    • #3
      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
      Dernière édition par Bege à 04/06/2012, 15h29

      Commentaire


      • #4
        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....

        Commentaire


        • #5
          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

          Commentaire


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

            Envoyé par lefabdu51 Voir le message
            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 )


            Envoyé par lefabdu51 Voir le message
            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é

            Envoyé par lefabdu51 Voir le message
            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

            Envoyé par lefabdu51 Voir le message
            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
            Dernière édition par Bege à 04/06/2012, 16h32

            Commentaire


            • #7
              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

              Commentaire


              • #8
                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.

                Commentaire


                • #9
                  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

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

                  Commentaire


                  • #10
                    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

                    Commentaire


                    • #11
                      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

                      Commentaire


                      • #12
                        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
                        Fichiers joints

                        Commentaire


                        • #13
                          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

                          Commentaire


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

                            Envoyé par lefabdu51 Voir le message
                            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

                            Commentaire


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

                              Commentaire

                              Annonce

                              Réduire
                              Aucune annonce pour le moment.

                              Partenaire de l'association

                              Réduire

                              Hébergeur Web PlanetHoster
                              Travaille ...
                              X