28172 sujets

CSS et mise en forme, CSS3

Bonsoir kimko,

a écrit :

La pseudo-classe :active, qui est appliquée quand l'utilisateur active un élément. Par exemple, entre le moment où l'utilisateur presse le bouton de la souris et le relâche.

C'est donc assez furtif comme effet, si de surcroît tu utilises la même couleur que pour le survol...l'intérêt est limité, non ?
Sinon, cela fonctionne, pour t'en persuader, modifies la couleur de ta pseudo-classe active Smiley cligne
Pour rester cohérent dans ton code :
#nav li a:hover, #nav li a:focus, #nav [#red][b]li[/b][/#] a:active {
background:#C9CACB none repeat scroll 0 0;
text-decoration:none;
}

Si ton souhait est de marquer la page courrante, il te faudra te tourner vers d'autres méthodes, utiliser un identifiant ou une classe spécifique pour "marquer" visuellement la page (à rajouter à la mimine ou en passant par un langage dynamique...une petite recherche te donnera quelques pistes Smiley cligne )

A part cela, il faudrait commencer par valider ton code html et css, cela ne devrait pas prendre trop de temps Smiley cligne
Par exemple :
Un identifiant doit être unique...

<div id="menu">
<ul id="menu">

La balise img se doit d'être fermée et doit absolument contenir une alternative textuelle (attribut alt) même vide (alt="")
<img src="header-images/2.jpg">

Les commentaires conditionnels n'ont rien à faire dans la feuille de style et je ne vois d'ailleurs pas à quoi tu veux parvenir avec ce code ?!
[if lt IE 7]>width: 50px ; 7<![ endif]

Info du jour, les marges internes et externes sont tes amies Smiley cligne (les div "espaces" pourraient donc retourner faire un petit somme...)

Une image map (sans alt...) pour faire un mailto, c'est assez curieux...plus d'infos si l'image n'est pas dispo, ou si ton utisateur ne souhaite ou ne peut pas voir tes images... Smiley ohwell
Une liste ( ul/li, dl, ol) de simples paragraphes pour présenter les coordonnées ne me semble pas outrageux Smiley ohwell et pour le mailto

....
<li>
<a href="mailto:contact@bmarchitecte.fr">contact@bmarchitecte.fr</a>
</li>

Ou quelque chose dans le genre fonctionne assez bien Smiley cligne

Bref, il y a pas mal de petite chose à revoir, bon courage Smiley cligne

Cdt,
Sylvain
Bonjour Kimko,

Comme te l'a indiqué 6l20, l'état actif d'un lien est très furtif :
FAQ a écrit :
La pseudo-classe a:active est souvent sujette à mauvaise interprétation.
a:active permet de provoquer un changement d'état au moment de l'activation du lien (état très temporaire). Mais une fois activé, le lien est considéré comme visité.
a:active n'est pas prévu pour permettre de marquer une page comme active dans un menu.

Pour marquer la page en cours, je te conseille d'aller faire un tour dans la FAQ :
Comment marquer la page en cours comme active dans le menu ?

Bonne continuation Smiley cligne