Élément de positionnement absolu: actif - mais pourquoi?

J'ai une ancre avec une pièce enveloppée dans des balises <em> afin que je puisse absolument la positionner sur le sprite d'arrière-plan d'ancrage, qui se trouve à gauche du reste du texte d'ancrage.Élément de positionnement absolu: actif - mais pourquoi?

Tout va bien, sauf sur: actif le bit absolument positionné saute environ 20 pixels.

Et j'ai du mal à diagnostiquer celui-ci puisque vous êtes en quelque sorte limité à inspecter: états actifs avec firebug, puisque vous devez cliquer sur l'élément pour obtenir: les règles actives à afficher!

Voici la page http://cure.org/brant et la pièce en question sont les boutons verts d'appel à l'action. Si vous cliquez et maintenez (ou cliquez simplement) vous verrez le texte html sur les boutons saute vers le bas comme décrit.

Pour votre information les styles pour cette page sont dans le fichier brant.css, pas le main.min.css

Source

2010-08-12 Joel Glovier

Just my 0,02 $: lors du survol de liens qu'ils tournent vert; le contraste est beaucoup trop bas alors, votre texte est difficilement lisible. –

Merci pour l'entrée Marcel - def vaut plus de .02 $. ;-) –

Le position est en cours mis à relative dans cette règle:

a:active { 
    outline:0 none; 
    position:relative; 
    top:1px; 
}

Ajouter position:static à cette règle pour remplacer le comportement a:active:

li.lp-ask-butn-sm a:hover, li.lp-ask-butn-sm a:focus, li.lp-ask-butn-sm a:active { 
    background-position:left -50px; 
    color:#2F2511; 
    position:static; /* add this */ 
}

Source

2010-08-12 16:54:34 GWB

Ok je l'ai trouvé,

vous avez une règle qui fait cela:

a.active 
{ 
    position:relative; 
}

qui donne à vos boutons actifs un positionnement relatif. Ajout de positionnement statique à li.lp-ASK-butn-sm a: vol stationnaire, li.lp-ASK-butn-sm a: focus, li.lp-ASK-butn-sm a: active dans

brant.css

aide

li.lp-ask-butn-sm a:hover, li.lp-ask-butn-sm a:focus, li.lp-ask-butn-sm a:active 
{ 
    position:static; 
}

Cependant, je suis curieux de savoir ce que sur le positionnement relatif est l'amenant à se déplacer vers le bas. Mise à jour: selon firebug, le lien, et le fort sont toujours dans la bonne position, mais il est rendu plus bas. C'est perplexe. Quoi qu'il en soit, la solution que j'ai affichée légèrement à propos de ce paragraphe résout le problème.

Source

2010-08-12 16:32:21

où avez-vous trouvé cette règle? Hmm ... –

Euh ouais. C'est certainement perplexe. Mais merci de m'avoir aidé à trouver une solution! –

Élément de positionnement absolu: actif - mais pourquoi?

Répondre

Questions connexes