Bouton lien et CSS |
Répondre |
Auteur |
Sujet Recherche Options des sujets
|
|||
tyson1007
Newbie Depuis le: 14 Avr 2016 Pays: France Status: Inactif Points: 24 |
Options des messages
Thanks(0)
Envoyé : 06 Mai 2016 à 13:24 |
|||
Bonjour la Communauté.
J'ai besoin de vos lumières. 1) Je créé un bandeau menu avec 6 boutons lien. Je souhaite donner un style CSS commun à ces boutons, leur ai donc attribué une Classe perso 'bouton3'. Cependant, lorsque je tape ma mise en forme CSS, elle s'applique au bouton en lui même mais je n'arrive pas à la faire s'appliquer au texte du bouton. Exemple :
tout fonctionne sauf la couleur du texte qui reste bleu. 2) J'ai attribué au 1er bouton un style lorsqu’il est à l'état 'Lien actif'. Cela fonctionne sauf que je souhaiterais, toujours sur le même principe, attribuer ce style automatiquement aux autres boutons via CSS et l'attribut Classes perso mais je ne trouve pas comment faire malgré mes recherches dans mon livre de CSS et internet. C'est possible ou je dois paramétrer tous les boutons un par un ? Le lien de mon site : http://www.conciergerieduhautdoubs.fr Merci pour votre aide. Julien
|
||||
Tyson
|
||||
Hobby001
Admin Group Modérateur Depuis le: 14 Feb 2015 Pays: Canada, Québec Status: Inactif Points: 6507 |
Options des messages
Thanks(0)
|
|||
Il y a deux niveaux dans un bouton lien, le cadre principal et une zone de texte.
Si vous mettez une classe BtnLnk au cadre et une classe BtnLnkTxt au texte, le code suivant fonctionne. .BtnLnkTxt:hover{ font-size:60px; color:red; } .BtnLnk:active{ background-color:red; } |
||||
nico38
Senior Member Depuis le: 18 Jan 2014 Status: Inactif Points: 3967 |
Options des messages
Thanks(0)
|
|||
color se change sur la balise <a>
Vous pouvez faire ça sur OE sans passer par un bloc de code, c'est l'intérêt d'utiliser OE plutôt que Notepad |
||||
Un lien vers ton site tu enverras | Problème d'affichage ? ---> CTRL+F5 | Couleur des liens --> "Styles des liens"
|
||||
tyson1007
Newbie Depuis le: 14 Avr 2016 Pays: France Status: Inactif Points: 24 |
Options des messages
Thanks(0)
|
|||
Merci.
OK mais pour plusieurs boutons il faut bien passer un un bloc code non ?
Super ! Merci pour l'info. Je comprend mieux. Cependant le résultat n'est toujours pas là Je pense que la ligne de code
Vous pouvez voir sur mon site le bouton 'Accueil' paramétré à la mains avec le rendu désiré et les autres boutons avec le bloc code CSS ci-dessous mais lorsque je suis sur la page concerné, ils ne réagissent pas comme le bouton 'Accueil'.
|
||||
Tyson
|
||||
Hobby001
Admin Group Modérateur Depuis le: 14 Feb 2015 Pays: Canada, Québec Status: Inactif Points: 6507 |
Options des messages
Thanks(1)
|
|||
Vous sélectionnez d'un coup tous les boutons. Click sur le premier puis en maintenant enfoncée la touche Enter du clavier un click sur chacun des autres boutons.
Dans le menu, onglet ''zone de style", à droite vous sélectionnez que vous travaillez sur le cadre ou sur la zone de texte, vous sélectionnez l'état, normal, survol de souris ou click, vous modifiez les parametres selon votre besoin. De cette façon tout est fait pour tous les boutons d'un seul coup. Pas besoin de code.
|
||||
tyson1007
Newbie Depuis le: 14 Avr 2016 Pays: France Status: Inactif Points: 24 |
Options des messages
Thanks(0)
|
|||
Merci Hobby001
Pourquoi faire simple quand on peut faire compliqué . C'est bouclé pour moi. Merci pour votre aide.
|
||||
Tyson
|
||||
Répondre | |
Tweet
|
Aller au Forum | Permissions du forum Vous ne pouvez pas écrire un nouveau Sujet Vous ne pouvez pas répondre aux Sujets Vous ne pouvez pas effacer vos messages Vous ne pouvez pas éditer vos messages Vous ne pouvez pas créer des sondages Vous ne pouvez pas voter dans les sondages |