28220 sujets

CSS et mise en forme, CSS3

Hello !
J'ai décidé de virer un menu qui s'appuyait sur un tableau pour le remplacer par un menu basé sur les balises dl, dt et dd.
Je me suis inspiré du tutorial sur le site.
Je me heurte quand même à quelques petites difficultés Smiley smile

1 - sous Firefox, j'ai un écartement entre mes balises dl ou dt, alors que sous IE elles sont bien collées.
Je n'ai, en outre, pas trouvé comment modifier la largeur de ces balises, afin d'avoir une présentation homogène...
Seul le padding semble avoir un effet.

2 - la partie contenue dans dd se balade...
Sur Firefox elle est à gauche (j'ai mis un float: left) et sous IE à droite de la balise dt...
Est-ce utopique de vouloir obtenir un alignement normal ?

Si j'arrive à faire ce menu, mon site n'aura plus de tableau dans sa mise en page, et j'avoue que je serais assez content (je vise un site conforme W3C, CSS et WAI) Smiley cligne

Le site: http://www.macon.fr/Acc/
Administrateur
Bonjour,

pourrais-tu rappeler -lien- de quel tutorial (sur Alsa je suppose) tu t'es inspiré?

J'ai apprécié la lecture de cette page: http://pompage.net/pompe/listesdefinitions/
avec lecture de "Autres exemples et lectures complémentaires" si besoin Smiley smile mais, de mémoire, j'ai également rencontré pas mal de problèmes de positionnement ...
Bonjour à toutes et tous Smiley smile

---> BruceFeuillette, merci d'utiliser la balise "lien" pour afficher les liens qui sont trop longs et génèrent des barres de défilement horizontales Smiley cligne

Très inconfortable !
Je n'ai pas vérifier, mais précise un margin: 0; et un padding: 0; pour tous tes dl dd dt histoire de virer le comportement par défaut :

dl, dd, dt{
margin: 0;
padding: 0;
}