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 :

[CSS] Dimensionnement d'une boîte


Sujet :

Dimensionnement en CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Invité
    Invité(e)
    Par défaut [CSS] Dimensionnement d'une boîte
    Bonjour,

    J'essaie de créer un menu dynamique grâce au CSS, lors du passage de la souris le fond change de couleur.

    Sur le principe aucun problème, j'ai juste un souci de dimensionnement de la boîte de chaque bouton du menu.

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    a.menubutton:link {
    	height: 30px;
    	width: 80px;
    	text-align: center;
    	text-decoration: none;
    	font-size: 12pt;
    	font-variant: small-caps;
    	font-weight: bold;
    	color: #fff;
    	background-color: #142A7C;
    	vertical-align: middle;
    }
    Et j'insère un truc du genre dans mon code HTML

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    <div id='xyz'> /* Positionnement du menu */
    	<span>
    		<a class='menubutton' href='/bouton.php'>Bouton</a>
    		...
    		...
    	</span>
    </div>
    Je définis la hauteur à 30px et la largeur à 80px mais dans la pratique la boîte ne fait que la hauteur et la largeur du texte que j'y insère (Bouton), donc moins que ce que je souhaite. Comment forcer la navigateur à afficher à chaque fois des boîtes de la dimension donnée dans CSS?

    Merci!

    webrider

  2. #2
    Membre averti
    Inscrit en
    Août 2006
    Messages
    45
    Détails du profil
    Informations personnelles :
    Âge : 40

    Informations forums :
    Inscription : Août 2006
    Messages : 45
    Par défaut
    Utilise la propriete display:block pour des boutons de type "<a>"
    Et fait bien attention a tes couleurs qui ne sont pas reglementaire si je puis dire :
    #AAA n'existe normalement pas en hexadecimall

  3. #3
    Invité
    Invité(e)
    Par défaut
    Citation Envoyé par Fabster
    #AAA n'existe normalement pas en hexadecimall
    Merci pour ta réponse,

    J'ai lu dans un livre sur CSS 2.1 qu'il était possible de raccourcir les couleurs comme ça:
    C'est vrai que ce n'est pas plus de travail de l'écrire en totalité!

    webrider

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

Discussions similaires

  1. Marges du document et dimensionnement d'une boîte
    Par Melem dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 20/08/2009, 09h45
  2. [CSS]problème centrage texte de bouton dans une boîte
    Par Aurelius dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 06/09/2005, 16h01
  3. [MFC] afficher une boîte de dialogue
    Par bigboomshakala dans le forum MFC
    Réponses: 13
    Dernier message: 10/05/2004, 14h22
  4. [Kylix] Imprimer le contenu d'une boîte de dialogue
    Par cmp-france dans le forum EDI
    Réponses: 13
    Dernier message: 18/10/2003, 20h31
  5. Réponses: 3
    Dernier message: 29/08/2003, 10h57

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