Menu float avec dt ul li

Salut,

Je cherche une explication, il semblerait qu'avec une structure de ce type :

a écrit :

<dl>
<dt><a href="#">Services</a></dt>
<dd>

<ul>
<li><a href="#">Livraison</a>|</li>
<li><a href="#">Décoration</a>|</li>
<li><a href="#">Devis gratuit</a>|</li>
<li><a href="#">Location</a>|</li>
<li><a href="#">Suivi chantier</a>|</li>
<li><a href="#">Nouvelle construction</a>|</li>
<li><a href="#">Formation</a></li>

</ul>
</dd>
</dl>

et avec :

#menuhaut dl en float
et #menuhaut li en display: inline


Il faille absolument mettre un width en pixel pour avoir un affichage correcte, sinon l'affichage pose problème avec opera et ie

C'est exactement le même principe avec ce modèle sur ce site :

http://css.alsacreations.com/modelesmenus/hd2.htm

On ne peut pas avoir un menu qui s'affiche sur toute la largeur, j'ai tout essayé, ca marche pour ff mais pas pour opera et ie.


Quelqu'un a-t-il une explication ou un endroit ou je pourrai trouver l'explication et peut être la solution


Merci


Yanic

Salut,
Sans doute à cause de ton dl flottant, les éléments flottant s'adaptant en largeur et hauteur à leur contenu.
Donc dans ce cas la largeur du div ne fera plus 100% de son conteneur.
Ceci dit je suis pas certain d'avoir répondu à ta question.
Modifié par Hermann (29 Jan 2006 - 21:47)

Pas vraiment,


La question principale est comment faire pour avoir 100%

Donc comment extraire cet élément de son conteneur ? ici le dl


Yanic

a écrit :
Donc comment extraire cet élément de son conteneur ? ici le dl

T'es pas très explicite. Pourquoi l'extraire de son conteneur?
Quel est le but final de la manoeuvre?
Modifié par Hermann (29 Jan 2006 - 22:38)

Comment faire pour que ca prenne 100%, et quand on redimensionne la fenêtre ca aille à la ligne ?


Par exemple pour le menu d'alsace creation


Yanic

Et ben tu mets un width de 100%. je vois pas trop ou est le problème.

Si ca marchait je ne poserai pas la question (j'ai tout essayé), si tu veux voir mon implémentation va voir sur http://www.thermofloc-benelux.com/essai/absolumodele.htm

Sur ff ca passe bien, tu redimenssionnes la fenêtre pour voir le comportement.

Tu passes sous ie et opera et tu vois la différences


Yanic

En effet...
Bon dsl je n'ai pas de réponse à t'apporter puisque je n'ai pas encore rencontré ce cas de figure assez particulier.
Quelqu'un d'autre sans doute se chargera de le faire à ma place.

Ciao
Modifié par Hermann (29 Jan 2006 - 23:11)

Je ne pense pas ca fait 4 sujets que je fais et personne ne connait la réponse.

Alors je me suis dit, je vais essayer de prendre le menu alsa pour réessayer mais c'est exactement le même problème.

Il semblerait qu'il faille absolument mettre une largeur fixe pour le menu, ce qui n'est pas très bien pour l'accessibilité et le design.


Yanic

Bonjour,

De toutes manières, ce menu n'est "très bien" pour l'accessibilité, bien au contraire. De même, il est incohérent du point de vue structurel. Alors, un peu plus, un peu moins...

Cela dit, il peut être étendu à toute la largeur disponible en supprimant les largeurs fixes et en donnant aux élément flottants une largeur en % en fonction de leur nombre. Attention aux multiples dégradations obstructives selon le détail de la présentation, l'agrandissement des caractères, la résolution, etc.
Modifié par Laurent Denis (30 Jan 2006 - 04:16)

Pourquoi n'est il pas bien point de vue accessibilité ?

Si le javascript est désactivité, le menu de la page en cours s'affiche quand même.


Tu veux, il y a 5 catégorie de menu, donc ca fait 20% pour chaque ?
J'ai déja essayé ca


Yanic