pb affichage IE - fiefox

HTML5, CSS3, Javascript, support des mobiles... Que penser de votre site ? Vous manquez d'informations pour la construction d'un site qui puisse s'afficher correctement partout ? C'est un problème simple, un peu complexe ? Venez ici !
browsman

pb affichage IE - fiefox

Message 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]
SB
Varan
Messages : 1095
Inscription : 05 mars 2004, 18:38

Message 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>
Invité

Message 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.
calimo
Animal mythique
Messages : 14118
Inscription : 26 déc. 2003, 11:51

Message 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...
nomade
Iguane
Messages : 985
Inscription : 03 sept. 2003, 04:15

Message 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 ?
La liberté des uns commence là où commence celle des autres.
ECO
Salamandre
Messages : 27
Inscription : 26 mars 2004, 20:33

Message 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 ;)
calimo
Animal mythique
Messages : 14118
Inscription : 26 déc. 2003, 11:51

Message par calimo »

Oui donc c'est bien ce que je disais il faut mettre un display:bloc sur les liens :wink:
ECO
Salamandre
Messages : 27
Inscription : 26 mars 2004, 20:33

Message 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)
SB
Varan
Messages : 1095
Inscription : 05 mars 2004, 18:38

Message 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.
Répondre

Qui est en ligne ?

Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 2 invités