Lien ne fonctionnant pas dans un cadre en flaot

[benjiiim]

Bonjour,

j'ai un petit pb sur la page : http://www.house-boat.net/fr/a38.asp

Les liens sur le floats de droites ou il y a la liste des bateaux ne s'affiche pas correctement.

Pourtant je ne vois pas de pb de code.

Le meme pb se pose sur d'autres pages : a43.asp ; a50.asp et pedro.asp

Merci de votre aide

Modifié 31 Août 2004 par LaurentDenis

[Monique]

Bonjour,

A première vue ton bloc "intro" est hors du flux normal, il est positionné par rapport au body. Il est donc recouvert par tes blocs titres (cela apparaît bien avec l'option "Souligner les éléments de type block" de Web Developer).

Une possibililité : lui donner une valeur z-index pour le faire passer au-dessus de ces blocs.

Une autre possibilité : un bloc contenant les titres et le bloc "intro" (exemple : Initiation au positionnement CSS : 2.position float)

[LaurentDenis]

A première vue ton bloc "intro" est hors du flux normal, il est positionné par rapport au body. Il est donc recouvert par tes blocs titres (cela apparaît bien avec l'option "Souligner les éléments de type block" de Web Developer).

C'est le cas, en effet. Mais le recouvrement par les titres est un bug, non un comportement normal.

Une possibililité : lui donner une valeur z-index pour le faire passer au-dessus de ces blocs.

Une autre possibilité : un bloc contenant les titres et le bloc "intro" (exemple : Initiation au positionnement CSS : 2.position float)

z-index ne marchera pas sur le <ul> flottant. Il faut:

- inclure le <ul class="intro"> dans une div auquel s'applique le z-index;

- ajouter une marge droite pour les titres réservant l'espace du float;

Ce qui donne:

<div id="hack" style="z-index: 99;">
<ul class="intro">
<li><a href="http://www.house-boat.net/fr/pedro.asp">Pedro 36</a></li>
<li>America 38</li>
<li><a href="http://www.house-boat.net/fr/a43.asp">America 43</a></li>
<li><a href="http://www.house-boat.net/fr/a50.asp">America 50</a></li>
</ul>
</div>
<h2 style="margin-right: 250px;">America 38</h2>
<h3 style="margin-right: 250px;">4 personnes</h3>

[benjiiim]

Merci pour votre aide.

C'est la deuxième fois que je me fai avoir par un pb de ce genre.

Mon code original était pourtant bon et aurait du fonctionner sans ce bug ou est-ce que je me trompais ?