background color sur <dt>

Version imprimable

03/06/2006, 05h55
jp949

background color sur <dt>

Bonjour.
Il ya 2 jours vous m'avez aidé a solutionner un petit probleme de menu,
me revoila avec une nouvelle demande pour completer ce menu.
sur le menu dont je vous donne l'adresse plus bas , est-il possible d'attribuer une couleur d'arriere plan a la dt lorsque l'on survole l'ul quelle contient ? Je vous remercie par avance pour votre indulgence et vos savoirs mis au service de presque nul comme moi .
lapage
03/06/2006, 06h01
Kerod

Bonjour,

Je vois pas de quoi tu parles.Tous les liens survolés ont une couleur en fond :?, à moins que je ne vois pas ce que tu cherches à faire.

Sinon coté design je sais pas si c'est ce qui est recherché mais il y a un problème de bloc avec l'image du header et celle du menu, elles sont pas collés.

pour ce qui est du menu il y a un problème de positionnement sous FF, il y a un bug sur IE, et on peut plus naviguer sur ton site 8O:?
03/06/2006, 06h18
jp949

merci pour tes remarques.
pour les images c'est volontaire la bande blanche entre header et menu.
pour le bug sur IE quel genre de bug il y a ? la navigation, il n'y a que 2 pages pour l'instant.
Positionnement sous FF je ne vois pas de probleme majeur mais c'est bon de me le signaler je vais regarder de plus pres.
Et enfin ce que je cherches a obtenir: l'onglet qui contient la liste du menu que l'on survole est la meme couleur que les items survoles en l'occurence ici 'orange' au lieu du vert.
03/06/2006, 07h14
Kerod

Et bien je dirais que ca vient du css et non du javascript.

Il faudrait aussi que tu mettes le code css pour voir, à moins que tu trouves par toi même le li a:hover (quelque chose comme ceci) avec un background-color ayant comme paramètre de l'orange. :roll:;)

Pour ce qui est du bug sous FF(vu que pour l'image c'est voulu) :
les balises <a> sont plus grandes que les <li> (si c'est bien li) et donc elle dépasse le bloc conteneur.

Sous IE, au chargement il y a une erreur javascript et là on peut plis rien faire. En allant sur dans le menu et en cliquant sur le deuxième lien, rien ne se passe. ENsuite le menu ne disparait plus, et les autres apparaissent pas non plus8O

Voilà je crois que j'ai fais le tour :roll:
03/06/2006, 12h49
jp949

c'est pas en css qu'il faut le faire c'est impossible en css alors stp replace le en javascript ou php si c'est possible mais en tous cas pas css
03/06/2006, 12h55
Kerod

Mets ton code et on verra le css, on a pas forcement besoin de faire un javascript pour faire du changement de couleur sur un hover de balise a ;)

voila le code css comme tu vois le dt a:hover est deja placé, ce que je veux c'est qu'il garde la couleur hover quand on est sur ul

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
#sbmenu dt {
    margin: 0 0.3em 0 0;
	padding:0;
	background: url(images/dtrepeat.jpg) repeat-x;
	height: 32px;
	font: bold 1em Arial, Helvetica, sans-serif; 
	text-align: center;
}	
#sbmenu dt a {
     text-decoration: none;
	 color: #fff;
	 width:100%;
	 height: 27px;
	 padding: 6px 0 0 0;
	 font: bold 1em Arial, Helvetica, sans-serif;
	 display:block; 
}
#sbmenu dt a:hover {	
     background: #ffbf65;
	 text-decoration: none;
	 color: #fff;
	 width:100%;
	 height: 27px;
	 padding: 6px 0 0 0;
	 font: bold 1em Arial, Helvetica, sans-serif;
	 display:block; 
}

03/06/2006, 13h15
Kerod

Selon le Css le a prend toute la largeur du dt donc tu pourrais directement modifier le background du <a> en mettant ton vert, non ?
03/06/2006, 13h44
jp949

le background du <a> est deja vert, au survol il est orange ry faudrait qu'il reste orange quand on survole <ul>
03/06/2006, 13h53
<romain/>
il faut que tu fasses ca en javascript. Quand tu affiche le menu tu modifie la couleur de fond de ton menu :
Code:

1 2 document.getElementById("id de l'onglet").style.background-color:organe
romain
03/06/2006, 13h56
Loceka

Déjà, tu peux le faire avec un "ul : hover" ce qui marche avec FF et Opera. Pour IE un simple javascript te permet de sélectionner le ul en question.

(un exemple ici sur le menu en haut à droite.)
03/06/2006, 14h28
jp949

Merci pour vos reponses les gars .
Loceka ul est deja orange ce que je veux c'est dt orange.
Romain ok pour getElementbyid mais comment lui dire que c'est quand le pointeur est sur <ul> qu'il doit etre orange ?