Services : Actualité Emploi Blog Forum Flux
Formation Trafic : Référencement Liens sponsorisés Affiliation Ecommerce Nom de domaine E-réputation Marketing Mobile Black Hat
Formation Technique : Performance Web Html Css Sql Curl Asp Dotnet Php Ajax Wordpress Twitter Google Analytics

Forum Oseox
Oseox

taille d'image de lien

Forum Référencement et Trafic
Nous sommes le Dim 20 Aoû 2017 03:04

Heures au format UTC [ Heure d’été ]




Poster un nouveau sujet Répondre au sujet
Auteur Message
MessagePosté: Sam 15 Oct 2011 17:33 
Bonjour,

Débutant (et le mot est faible) en css, je suis confronté au problème suivant :

J'ai une liste de lien que je voudrai représenter par des boutons. J'ai trouvé le code sur le site http://www.dynamicdrive.com/style/csslibrary/item/css3_gradient_menu_buttons/,

Code:
<style type="text/css">

.gradientbuttons ul{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 13px Verdana;
list-style-type: none;
text-align: center; /*set to left, center, or right to align the menu as desired*/
}

.gradientbuttons li{
display: inline;
margin: 0;
}

.gradientbuttons li a{
text-decoration: none;
padding: 5px 7px;
margin-right: 5px;
border: 1px solid #778;
color: white;
border:1px solid gray;
background: #3282c2;
border-radius: 8px; /*w3c border radius*/
box-shadow: 3px 3px 4px rgba(0,0,0,.5); /* w3c box shadow */
-moz-border-radius: 8px; /* mozilla border radius */
-moz-box-shadow: 3px 3px 4px rgba(0,0,0,.5); /* mozilla box shadow */
background: -moz-linear-gradient(center top, #a4ccec, #72a6d4 25%, #3282c2 45%, #357cbd 85%, #72a6d4); /* mozilla gradient background */
-webkit-border-radius: 8px; /* webkit border radius */
-webkit-box-shadow: 3px 3px 4px rgba(0,0,0,.5); /* webkit box shadow */
background: -webkit-gradient(linear, center top, center bottom, from(#a4ccec), color-stop(25%, #72a6d4), color-stop(45%, #3282c2), color-stop(85%, #357cbd), to(#72a6d4)); /* webkit gradient background */
}

.gradientbuttons li a:hover{
color: lightyellow;
}
</style>




Mon problème est que la taille des boutons générés dépend de la longueur du texte qu'il contient....
Je voudrai qu'ils aient tous la même taille (comme si il y avait des espaces avant et après le texte pour qu'ils aient tous le même nombre de caractères)

Je pensais que la propriété width permettait de spécifier cette taille, mais rien n'y fait...

Ai-je raté quelque chose ? y a t il une manière particulière de procéder ?

merci de votre aide

a+


Haut
 Profil Envoyer un e-mail  
 
MessagePosté: Dim 16 Oct 2011 12:20 
Bonjour,

Un certain "NoSmoking" m'a fourni la réponse :

Citation:
fixes une largeur à tes liens en ayant pris soin de leur mettre un display:block pour que celle ci soit prise en compte.


Cela fonctionne très bien !


Haut
 Profil Envoyer un e-mail  
 
Afficher les messages postés depuis:  Trier par  
Poster un nouveau sujet Répondre au sujet  [ 2 messages ] 

Heures au format UTC [ Heure d’été ]


Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 2 invités


Vous ne pouvez pas poster de nouveaux sujets
Vous ne pouvez pas répondre aux sujets
Vous ne pouvez pas éditer vos messages
Vous ne pouvez pas supprimer vos messages
Vous ne pouvez pas joindre des fichiers

Rechercher:
Aller à:  
cron
Abonnez-vous au flux RSS

Blog

Forum

Offres d'emploi

Copyright : Moteur, traduction et optimisation
Merci de votre visite sur le forum Oseox