IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Mise en page CSS Discussion :

Modification du CSS d'un template


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre habitué
    Profil pro
    Inscrit en
    Février 2007
    Messages
    8
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2007
    Messages : 8
    Par défaut Modification du CSS d'un template
    Bonsoir,

    Je vous demande de l'aide sur la modification d'une feuille de style du CMS Itseasy. Le problème est le suivant : le thème par défaut du script intègre deux menus, 1 à gauche et 1 à droite. Je souhaiterai pouvoir supprimer le menu de droite et ainsi pouvoir agrandir la zone de texte.

    Voici la page :
    http://alex.olympe-network.com/index.php

    J'ai donc laisser libre le menu de droite mais je n'arrive pas à supprimer cette barre et ainsi élagir la zone centrale de texte.

    La feuille de style se trouve ici :
    http://alex.olympe-network.com/themes/defaut/defaut.css


    Merci pour votre aide.

    Cordialement,

    Alex

  2. #2
    Rédacteur
    Avatar de MasterOfChakhaL
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2004
    Messages
    2 147
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 45
    Localisation : France

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Juin 2004
    Messages : 2 147
    Par défaut
    Salut et bienvenue à toi sur les forums de developpez.com,

    j'ai regardé vite fait ta page, et il me semble que la modification doit avoir lieu dans ces deux blocs:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    .gauche {
    float:left;
    width:20%;
    background:#fff;
    }
    et
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    .article {
    float:left;
    width:59%;
    margin-top:0em;
    margin-bottom:0em;
    background:#fff;
    border-right:1px solid #CDCDCD;
    border-left:1px solid #CDCDCD;
    }
    il faut que ajustes la propriété width.
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    N'oubliez pas de cliquer sur quand votre question à trouvé une solution.

    Si vous n'avez pas encore lu les règles du club, mieux vaut tard que jamais!

  3. #3
    Membre habitué
    Profil pro
    Inscrit en
    Février 2007
    Messages
    8
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2007
    Messages : 8
    Par défaut
    Merci pour votre réponse.

    Je l'ai réglé le width sur article à 80% mais j'obtient sur la page a défaut d'affichage. (voir http://alex.olympe-network.com/).

    Alors qu'en paramétrant sur 79% le trait verticale reste sur la droite avec un léger décallage sur le rebord.

  4. #4
    Membre habitué
    Profil pro
    Inscrit en
    Février 2007
    Messages
    8
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2007
    Messages : 8
    Par défaut
    Le problème semble résolu en supprimant dans le bloc article la ligne :

    border-right:1px solid

    Et en paramétrant sur 79% la propriété width.

    Merci de m'avoir éclairé.

    Une petite question encore :

    Pour que la barre de gauche occupe jusqu'en bas le menu que faut-il rajouter au code ?


    Merci

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Modification HTML/CSS qui perturbe les scripts
    Par developpeuse20 dans le forum Général JavaScript
    Réponses: 8
    Dernier message: 04/03/2009, 11h32
  2. Réponses: 12
    Dernier message: 04/04/2008, 16h24
  3. Modifications feuilles CSS non prises en compte immédiatement
    Par brouce80 dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 10/08/2007, 15h40

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo