[Résolu] Problème de PA Bouton_active[Résolu] Problème de PA Bouton_hover[Résolu] Problème de PA Fb-hover[Résolu] Problème de PA Fb-active
CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur:

Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus!

Derniers sujets
» Système d'onglets simple et personnalisable
[Résolu] Problème de PA EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
[Résolu] Problème de PA EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
[Résolu] Problème de PA EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
[Résolu] Problème de PA EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
[Résolu] Problème de PA EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
[Résolu] Problème de PA EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
[Résolu] Problème de PA EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
[Résolu] Problème de PA EmptySam 11 Fév 2023, 06:04 par Krager

-29%
Le deal à ne pas rater :
DYSON V8 Origin – Aspirateur balai sans fil
269.99 € 379.99 €
Voir le deal

Partagez
 

[Résolu] Problème de PA

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://wynwoodhs.forumactif.com/forum.htm
Aero-L
Aero-L
{ Membre }
{ Membre }

Féminin Messages : 33



[Résolu] Problème de PA Empty
Bonjour (: et merci d'avance à celui qui prendra le temps de lire ça (:

Voilà, je suis en train d'essayer de faire une jolie page d'accueil qur mon forum, mais j'ai quelques soucis avec un code CSS qui me narque depuis quelques dizaines de minutes sans que j'arrive à remédier au problème. Je pense qu'une capture décran avant les explications s'impose :

Voilà ce que j'obtiens lorsque ma souris n'est pas sur le lien. Ca, aucun problème :
Spoiler:

Malheureusement, voilà ce que j'ai lorsque je passe ma souris sur le lien pour cliquer :

Spoiler:

Je voudrais simplement que le cadre orange se change en rose sans rajouter un deuxième cadre, mais je n'arrive vraiment pas à obtenir cet effet malgré mes trafics dans la feuille CSS.

Voici la partie concernée :

Spoiler:

Merci ;D


Dernière édition par Aero-L le Ven 27 Aoû 2010, 12:34, édité 1 fois
MessageSujet: [Résolu] Problème de PA   [Résolu] Problème de PA EmptyVen 27 Aoû 2010, 10:55
Revenir en haut Aller en bas
http://asian-failure.skyrock.com
Air.
Air.
{ Membre }
{ Membre }

Masculin Messages : 221



[Résolu] Problème de PA Empty
Déjà dans le CSS de base y a une pseudoclasse nav (dont je ne connais d'ailleurs pas l'utilité).

Ensuite regarde :
#nav li a:hover, #navigation li a:focus, #navigation li a:active {
Pourquoi navigation ? Soit elles s'appellent toutes #navigation de #navigation à #navigation li a:active, soit c'est #nav.

a:focus n'existe pas à ma connaissance, vu que c'est a:active normalement qui gère les liens au moment du clic.
Code:
#nav {
width:180px;
list-style:none;
margin:0;
padding:2;
}

#nav li {
background-color: #f2efd5 ;
color: #bf0049;
border: 1px solid #F09B1A;
margin-bottom: 7px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-left: 4px solid #F09B1A;
border-right: 4px solid #F09B1A;
}

#nav li a {
display:block;
background-color: #f2efd5;
color: #bf0049;
line-height: 1em;
text-align: center;
text-decoration: none;
padding: 4px 0;
-moz-border-radius: 10px;
-webkit-border-radius:10px;
}

#nav li:hover, #nav li:active {
font-weight: bold;
background-color: #f2efd5;
color: #bf0049;
border: 1px solid #bf0049;
margin-bottom: 7px ;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-left: 4px solid #bf0049;
border-right: 4px solid #bf0049;
}
MessageSujet: Re: [Résolu] Problème de PA   [Résolu] Problème de PA EmptyVen 27 Aoû 2010, 12:22
Revenir en haut Aller en bas
http://wynwoodhs.forumactif.com/forum.htm
Aero-L
Aero-L
{ Membre }
{ Membre }

Féminin Messages : 33



[Résolu] Problème de PA Empty
Merci beaucoup à toi pour tes explications et ton aide, ca donne exactement ce que je recherchais (:
Merci encore (:
MessageSujet: Re: [Résolu] Problème de PA   [Résolu] Problème de PA EmptyVen 27 Aoû 2010, 12:34
Revenir en haut Aller en bas
Contenu sponsorisé




[Résolu] Problème de PA Empty
MessageSujet: Re: [Résolu] Problème de PA   [Résolu] Problème de PA Empty
Revenir en haut Aller en bas
 

[Résolu] Problème de PA

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» Problème d'éléments à déplacé : index_box [RESOLU] - viewtopic_body [RESOLU]
» Problème d'affichage [PROBLÈME RÉSOLU]
»  ( J'ai résolu mon probléme ) :)
» [résolu] Problème de CSS
» Problème avec la pa [résolu]

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolus-

Partenaires Or


← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Cookies | Forum gratuit