AccueilDernières imagesRechercherS'enregistrerConnexion

Forum de graphisme, codage et game design proposant des tutoriels, astuces, libres services et commandes dans les domaines de l'infographie amateur, de l'intégration web (HTML et CSS essentiellement) ainsi que dans la conception de RPG sur forum.

Le Deal du moment :
Jeux, jouets et Lego : le deuxième à ...
Voir le deal

    Problème de largeur

    FraiseChoco
    FraiseChoco
    FémininAge : 30Messages : 31

    Mer 8 Juin 2016 - 5:34

    Bonjour,

    je suis vraiment nulle en html, css et tout ce tralala. Je suis capable de modifié certaine chose, mais quand j'ai des problèmes, j'arrive pas toujours à les régler.

    Je fais une PA test pour un forum. Je me suis créée un forum test pour pouvoir monter la PA. C'est une PA qui a été mise dans le libre-service de ce site.

    Mon petit soucis risque d'être très facile pour certain, mais pour la case Staff, j'aimerais enligné les membres qui sont Administrateur, et la ligne du dessous, ceux et celles qui sont modérateurs avec une ligne qui sépare les deux. Seulement, lorsque l'on pose la souris dans le tableau, il se rapetisse, j'aimerais garder la même dimension que lorsque l'on ne met pas la souris sur celle-ci.

    Je vous donne les codes html et le css pour que vous voyez le petit quelque chose à modifié.

    Html:

    CSS:

    Je vous dis merci d'avance pour la ou les personnes qui vont prendre le temps de me répondre :3
    Ylkhana
    Ylkhana
    FémininAge : 30Messages : 328

    Mer 8 Juin 2016 - 8:23

    Hello :)

    J'ai jeté un oeil à ton code, et le souci que tu rencontres vient d'une "contradiction" entre la largeur des "boîtes" de la PA (400 px) et la largeur que tu lui "imposes" en mettant cinq portraits d'administrateurs côte à côte (un peu plus de 550px). Du coup, quand tu passes ton curseur sur le tableau, le morceau de code mis en action est celui-ci :
    Code:
    .blocpa:hover {
      width: 400px;
      background-color: #141517;
      border-left: 2px solid #2F3C3E;
      border-right: 2px solid #2F3C3E;
    }
    La première ligne, "width : 400px" dit "Hey, ce bout de tableau ne doit faire que 400px de large, pas 550 !". D'où ce rétrécissement impromptu.

    Pour régler ça, tu as plusieurs solutions.
    La première (et à mon humble avis la meilleure) est de simplement virer cette première ligne. Puisque la taille des boîtes est déjà définie dans le .blocpa{} juste au-dessus, ça ne devrait pas déformer ta PA, et ça laissera tes admins organisés comme tu veux.
    La seconde est de mettre un retour à la ligne (balise < br > sans les espaces ^^) entre ton troisième et ton quatrième admin, afin de faire coïncider la largeur du bloc avec les images que tu y mets.

    Normalement ça devrait suffire à régler ton problème, mais s'il y a quoi que ce soit d'autre, n'hésite pas à me faire signe :)
    Onyx
    Onyx
    FémininAge : 30Messages : 3350

    Lun 20 Juin 2016 - 21:28

    Hellow!

    Tu as vu la réponse de Ylkhana? Merci de donner de tes nouvelles dans les 10 prochains jours si tu ne veux pas que le sujet soit archivé Wink



    Contenu sponsorisé


      La date/heure actuelle est Sam 27 Avr 2024 - 10:28