Fixer la taille d'un bouton



  • Salut les gens !

    Voilà, j'ai un truc comme ça :

    Et je voudrais que la taille des boutons soient fixes, enfin seulement le background. En fait, je voudrais avoir ça à chaque bouton :

    Si quelqu'un avait la solution…

    Merci d'avance =)



  • Tu t'aventure dans les méandre du styling css, là …
    Fait des recherches sur "styled buttons" et "rounded buttons"

    C'est un secteur vachement ch***t du css, et je ne me sens pas vraiment d'expliquer maintenant. Mon propre site commence à me taper sur les nerds donc vaut mieux que je reste concentré :mrgreen:



  • concentré = con centré

    Merci le grand modo du forum que j'admire lèche lèche xD

    EDIT : 1er résultat : "Les Boutons de Perspective". Ce mot me faire peur o.O



  • @Sywim:

    concentré = con centré

    Toi tu va souffrir.



  • @arcanis:

    @Sywim:

    concentré = con centré

    Toi tu va souffrir.

    houla :biglol :out



  • @Sywim:

    Salut les gens !

    Voilà, j'ai un truc comme ça :

    Et je voudrais que la taille des boutons soient fixes, enfin seulement le background. En fait, je voudrais avoir ça à chaque bouton :

    Si quelqu'un avait la solution…

    Merci d'avance =)

    tu fait une image avec le fond qui se repete, une image avec le bord droit et gauche

    <div class="fond-repeat">
    <div class="fond-droit">
    <div class="fond-gauche">
     Nom du bouton.. 
    </div>
    </div>
    </div>
    
    

    et ton css peut ressembler à ça:

    .fond-repeat {
    background: url(fond-repeat.jpg) repeat-x center top;
    margin:0;
    padding:0;
    }
    fond-droit {
    background: url(fond-droit.jpg) no-repeat right top;
    width:auto;
    margin:0;
    padding:0;
    }
    fond-gauche {
    background: url(fond-gauche.jpg) no-repeat left top;
    width:auto;
    height: XXpx;
    line-height: XXpx; /* pour centrer le text verticalement */
    text-align:center;
    padding: Xpx Ypx Zpx Tpx;
    margin:0;
    }
    
    

    c'est une solution parmis tant d'autres .. ;) pas forcément la meilleur je l'admet ^^

    Ou alors la même chose mais sans les div bord-droit et gauche xD et tu fou des balise <img> à la place.. xD

    kurdiste spotted?

    :out


Se connecter pour répondre
 

Il semble que votre connexion ait été perdue, veuillez patienter pendant que nous vous re-connectons.