Background n'apparait pas et menu problematique sous IE

Bonjour à tous,

comme à chaque fois que je me prends sérieusement la tête sur un souci, je viens faire un tour par ici, où j'ai toujours trouvé la réponse à ma question, grâce à l'aide des nombreux assidus de ce forum.

Alors voilà le souci 1 :

Sur le site http://altermondes.africa-web.org je n'arrive pas à faire apparaitre le background dans mon div #contenu

Le fond est ici : http://altermondes.africa-web.org/IMG/fondrigolo.gif

Souci 2 :

J'ai adapté un menu à partir du "tutorial" suivant :

http://www.alistapart.com/articles/horizdropdowns/

Malheureusement, malgré les nombreuses astuces proposées pour IE, ça ne fonctionne pas chez moi sous IE...

Merci de votre aide..

Zoul

Bonjour

zoul a écrit :
Sur le site http://altermondes.africa-web.org je n'arrive pas à faire apparaitre le background dans mon div #contenu

C'est un peu normal, dans habillage.css on trouve :

# fond {
background-image: url('IMG\fondrigolo.gif') repeat;
}

Supprime l'espace entre # et fond
Remplace \ par /
Par ailleurs, évite les noms de dossier en majuscule, souvent source d'erreurs et de confusion.

Pour le point 2, pas trop le temps d'aller voir sur ALA

heu j'ai fait tout ça.. mais rien encore...

Bonsoir.

Le bloc (div#fond) auquel on veut appliquer une image de fond a une hauteur de une ligne de texte, car il ne contient qu'une simple espace insécable ( ). Même si l'image de fond s'affichait, ça ne changerait pas grand chose.

Par ailleurs, on a utilisé la propriété background-image mais avec la syntaxe de la propriété background. (Si on n'utilise pas background, il faut décliner background-image, background-repeat, etc.)

Enfin, le chemin vers l'image doit être indiqué à partir de la feuille de style, pas à partir de la page qui utilise la feuille de style.

Correction :

#fond {
	background: white url(../img/fondrigolo.gif) repeat;
}

(Mais je rappelle que le bloc fait une ligne de texte de haut, soit pas grand chose, donc même corrigé ça ne se verra pas trop.)

Yeah !!! ça marche !!!

Merci bien !

Et pour le menu sous IE, quelqu'un a une idée !

Trop fort Florent !

Pour le menu sous IE, ou sous tous les navigateurs en fait, j'aurais tendance à t'inciter à lire cet article :
L'accessibilité des menus de navigation en cascade.

Par ailleurs, le tutoriel sur A List Apart me semble pas mal obsolète. Utiliser la pseudo-classe :hover pour dérouler un sous-menu est un détournement de cette fonctionnalité des CSS, certainement pas prévue pour ce type d'interaction.
De plus, ce tutoriel est construit à grand renfort de Hacks pour IE... et les hacks, c'est un mauvais plan. Pas sûr que ce menu sur A List Apart soit encore viable avec IE7, d'ailleurs...

Je ne te remercie pas. Tu me fous un sacré doute, du coup...

Je l'avais déjà en plus, mais là je vois pas bien ce qui me permettrait de faire un truc joli, fonctionnel, intuitif et qui ne prenne pas trop de place...

Z.

zoul a écrit :
Je l'avais déjà en plus, mais là je vois pas bien ce qui me permettrait de faire un truc joli, fonctionnel, intuitif et qui ne prenne pas trop de place...

Une solution simple consiste à ne pas faire de menu déroulant. Pour les items de menu qui, dans la version actuelle, font dérouler un menu avec plusieurs items, reprendre ces items sur la page de rubrique à laquelle mène l'item de niveau supérieur.

Si besoin, repenser le menu, toujours sur un seul niveau, en rajoutant un ou deux éléments.

Quoi qu'il en soit, le principe de « page d'index de rubrique » devrait être mis en place, menu déroulant ou pas. Dans les cas où le menu déroulant ne sera pas actif et pas accessible (javascript désactivé, par exemple), il faut pouvoir accéder aux pages malgré tout.