Page 1 sur 1

pb affichage IE - fiefox

Publié : 22 févr. 2005, 11:38
par browsman
voila le code de mon menu

le html :

Code : Tout sélectionner

<!-- #------------------base de données techniques------------------# -->
<div id="menuTitre">base de données techniques</div>
<!-- les liens -->
<a href="ssmenus/traitements%20thermiques.htm" target="_self" id="menuLien">
<div id="menuLien">traitements thermiques</div></a>
<a href="../Base%20de%20Données/Reception%20Stockage/reception_stockage.htm" target="page" id="menuLien">
<div id="menuLien">r&eacute;ception & stockage </div></a>

<a href="../Base%20de%20Données/Refroidissement%20sous%20vide/Refroidissement_sous_vide.htm" target="page" id="menuLien">
<div id="menuLien">refroidissement sous vide</div></a>
<a href="../Base%20de%20Données/Beurrerie/beurrerie.htm" target="page" id="menuLien">
<div id="menuLien">beurrerie</div></a>
<a href="../Base%20de%20Données/CLEANPAC/synthèse%20Cleanpack.htm" target="page" id="menuLien">
<div id="menuLien">cleanpack</div></a>
<a href="../Base%20de%20Données/pompes/pompes.htm" target="page" id="menuLien">
<div id="menuLien">les pompes</div></a>
<a href="../Base%20de%20Données/Cuverie/cuverie.htm" target="page" id="menuLien">
<div id="menuLien">cuverie</div></a>
<a href="../Base%20de%20Données/DCX3%20DE/montage_vanne_dcx3de.htm" target="page" id="menuLien">
<div id="menuLien">vanne DCX 3DE</div>
</a>
le css :

Code : Tout sélectionner

/*style des titres des rubriques du menu*/
#menuTitre {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-color: #35B3D1;
	text-indent: 4px;
	background-image: url(../images/coin_arrondi_blanc.gif);
	background-repeat: no-repeat;
	background-position: right top;
	overflow: hidden;
	width: 187px;
	margin-top: 15px;
}
/*style des liens du menu */
#menuLien {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000099;
	height: 19px;
	width: 184px;
	cursor: hand;
	line-height: 18px;
	text-indent: 0px;
	text-decoration: none;
	margin-bottom: 1px;
	margin-top: 1px;
	padding-left: 3px;
}
/*style survole avec la souris (:hover) des liens du menu*/
#menuLien:hover {
	background-color: #E8F4FF;
}

pourriez vous me dire comment le faire s'afficher pareil sur les 2 browsers.

temps que j'y suis, un autre probleme sur IE, quand j'essaie d'ouvrir un fichier *.dwg (plan autocad) sur ceertain poste ce fichier s'ouvre dans la fenetre IE, comment faire pour qu'il s'ouvre dans application.

merci[/code]

Publié : 22 févr. 2005, 11:44
par SB

Code : Tout sélectionner

<a href="ssmenus/traitements%20thermiques.htm" target="_self" id="menuLien">
<div id="menuLien">traitements thermiques</div></a>
Tes liens sont incorrects.
D'abord parce qu'il est interdit de mettre un <div> à l'intérieur d'un <a>. Ensuite parce qu'ils ont le même id alors que c'est censé être un attribut unique.
Est-ce que ça ne fonctionnerait pas mieux avec juste

Code : Tout sélectionner

<a href="ssmenus/traitements%20thermiques.htm" target="_self" id="menuLien">traitements thermiques</a>

Publié : 22 févr. 2005, 14:01
par Invité
bah nan ça ne marche pas mieux dans le sens ou mon lien n'est plus actif que sur le texte (avec firefox) et non plus sur le block entier si tu vois ce que je veux dire.

Publié : 22 févr. 2005, 14:07
par calimo
Euh... non pas vraiment... tu as un exemple en ligne ?

Je pense que tu devrais commencer par lire l'article d'alsacréations sur la structure des balises : bloc et en-ligne pour comprendre que tu ne peux pas mettre de blocs dans une ligne... par contre rien ne t'empêche de transformer tes liens en blocs (display:bloc) si c'est ça que tu veux...

Publié : 22 févr. 2005, 14:59
par nomade
Pourquoi tu ne mets pas les liens à l'intérieur des div au lieu du contraire ? c'est bizarre.

Je ne suis pas sur de ce que tu veux faire, mais tu peux aussi faire une liste, les <li> sont des blocs auxquels tu pourras attribuer les mêmes attributs que des <div>, ça serait pas plus simple ?

Publié : 22 févr. 2005, 15:28
par ECO
ok, bah je vais essayé tout ça

merci pour les trucs ... je vous dis koi plus tard


pour l'histoire du block c'est que je ne veux pas que le lien soit actif uniquement au niveau du texte mais d'un espace bien definit en longueur et en hauteur sans qu'il y est du texte forcement dedant

------------------------------
PS : browsman, l'invité c'etait moi -- je viens de retrouver mon PW
mais ça c'est clair on s'en fou ;)

Publié : 22 févr. 2005, 15:31
par calimo
Oui donc c'est bien ce que je disais il faut mettre un display:bloc sur les liens :wink:

Publié : 22 févr. 2005, 16:09
par ECO
génial c'est ça ! merci beaucoup


-----------------------

temps que j'y suis, un autre probleme sur IE, quand j'essaie d'ouvrir un fichier *.dwg (plan autocad) sur certain poste ce fichier s'ouvre dans la fenetre IE, comment faire pour qu'il s'ouvre dans application. Ou existe t il un moyen détourné (j'aime pas trop ça mais si ça marche)

Publié : 22 févr. 2005, 16:15
par SB
Peut être cette extension est-elle associée à IE ? Il faudrait vérifier dans outils-option des dossiers-types de fichiers de la fenêtre de l'explorateur windows.