Anchor Tags plus bas sur ma page Disparaît lorsque j'utilise le positionnement absolu pour positionner mon menu

J'utilise ceci pour positionner mon menu, cela fonctionne sur tous les navigateurs mais les liens (balises d'ancrage) dans le reste de ma page cessent de fonctionner.Anchor Tags plus bas sur ma page Disparaît lorsque j'utilise le positionnement absolu pour positionner mon menu

Le menu est à l'endroit parfait, mais aucun des liens ou des images carte fonctionnera dans la plupart des navigateurs

Désolé, je suis nouveau à ce

pouvez-vous jeter un regard sur le code source -Merci I Je suis vraiment essayer d'obtenir cela, mais je suis sûr que coincé.

Succès! - Enlever le fond: 0 travaillé - merci à tous ceux qui ont aidé. Je suis très reconnaissant!

Source

2009-07-23 Deborah

Pourriez-vous nous montrer le code qui ne fonctionne pas? –

J'ai besoin de voir plus de code. Pouvez-vous montrer à la fois le HTML et le CSS. Et plus détaillée s'il vous plaît :) –

Désolé, je suis nouveau à ceci Voici le lien - http://www.himalayahomes.com/index-test.html pourriez-vous jeter un oeil sur le code source – Deborah

Okay ... sans code, il est quasiment impossible de vous donner la bonne réponse, et puisque votre (x) html définit ce que CSS appelle, nous montrer qu'une partie du puzzle n'est pas suffisante. Encore ...

1. Vous souvenez-vous de placer une `position: relative` sur l'élément parent de ce que vous positionnez absolument?
2. Si vous positionnez les éléments à la même position absolue, il y a de fortes chances qu'ils se chevauchent et soient masqués par le plus haut/dernier des éléments positionnés.
Utiliser la sémantique et établir techniques pour vous aider à apprendre:
1. howtocreate.co.uk
2. Css play.co.uk
3. ... et tant d'autres: Google search results

Source

2009-07-23 20:44:10

Merci, mais ce n'est pas le menu C'est le problème - le menu fonctionne parfaitement, les balises d'ancrage plus bas sur la page s'arrêtent juste de fonctionner quand ce codage est utilisé. sur la div qui contient le menu style = "margin: auto; left: 0; right: 0; bottom: 0; position: absolute; top: 197px, quand je supprime l'absolu les balises d'ancrage fonctionnent à nouveau mais j'ai besoin de l'absolu pour positionner le menu parfaitement – Deborah

<div align="center" style="margin: auto; left: 0pt; right: 0pt; bottom: 0pt; position: absolute; top: 197px; z-index: 1;">

Supprimez le "bottom: 0pt" et tout va bien pour ce problème.

Mais une chose, vous devez mettre les styles pour cette div dans votre fichier css;)

Source

2009-07-23 21:10:30

Vous êtes génial - merci beaucoup! – Deborah

Je pense que la suppression du fond: 0pt; devrait faire l'affaire?

Source

2009-07-23 21:12:37

oui il l'a fait - très reconnaissant pour l'aide – Deborah

Vous étiez en train de spécifier à la fois top: 0 et bottom: 0 de sorte que div était plus étendu que la hauteur du menu.

Parce que le positionnement absolu le sort du flux et met le div dans sa propre couche, il couvrait les liens. Outre la suppression du fond: 0, vous pouvez également supprimer la plupart des autres styles.

<div align="center" style="position: absolute; top: 197px;">

Source

2009-07-23 21:23:04 Emily

merci pour expliquer cela - est parfaitement logique. Très reconnaissant pour l'aide – Deborah

Anchor Tags plus bas sur ma page Disparaît lorsque j'utilise le positionnement absolu pour positionner mon menu

Répondre

Questions connexes