[résolu]Problème d'alignement HTML

[KewlCat]

Je confirme : sous IE6 il ne faut pas chercher de :hover ailleurs que sur les <a>

[Invité Diana]

Je confirme : sous IE6 il ne faut pas chercher de :hover ailleurs que sur les <a>

 

Ooui ouiii

Mais ça va là je men sort ppour ce problème là.

 

Mais je reviendrai pour l'autre si jy arrive pas

 

merci messieurs

[Invité Diana]

Bon alors ya un problème qui c réglé tout seul !

Et pour le hover ça va mieux:

 

#menugauche {
	list-style-type: none;
	margin: 0px;
	padding: 0px;

}
#menugauche a {display: block;color: #000000;background: url("trame.png") no-repeat;
	text-decoration: none;width:200px;height:35px;line-height: 35px;padding:0px;

}
#menugauche li { margin: 0px; padding: 0px;margin-top:20px;margin-left:-10px;
}
#menugauche li a:hover {
	background: url("trame2.png") no-repeat;
	text-decoration: underline;
	color: red;
	font-weight: bold;padding:0px;
}

 

Le hover fonctionne.

 

Ensuite j'ai crée une class pour mon image bleu et pour la placée vers le milieux de mes barres horizontales. ça donne sous firefox malgré que je ne déplace que l'image et ça semble déplacer tout le bloque en float.

 

Ensuite ya un truc flagrant quand on compars, IE me coupe mes images !

 

Je vois pas comment rmédier au problème ?

 

merci http://isis.no-ip.info/www/dossiers_isis/

 

ps: repassez demain là j'éteinds mon pc...

Modifié le 27 février 2007 par Diana

[Invité Diana]

Bonsoir,

 

Alors ça va tout fonctionne ! ouf ! Même mon over sous IE

 

 

J'ai juste un problème avec IE et la page IFRAME qui est affichée vers le bas ! ALors que sur FF elle bien en haut !

 

Etant donné que mon site est pour une résolution de 1024 en largeur, que mon float:left:230px et float:right:150px donc ma Iframe fait:

 

1024-(230+150)= 644px de large.

 

Mais ça ne résoud pas mon problème, pourquoi il me décale l'iframe

 

http://isis.no-ip.info/www/dossiers_isis/

 

une idée peut être ?

 

Et je voulais savoir px ou em ça agit sur différemment sur les décalages des différents navigateurs ?

merci

Modifié le 27 février 2007 par Diana

[Invité Diana]

Re-bonsoir

 

Alors j'ai corrigé quelque bug de mon gabarit qui vient d'un célèbre site ...

 

La largeur de mon conteneur était en % ! alors que certain browser sont allergique aux valeurs relatives

 

Tout est rentré dans l'ordre sauf IE "Bad boy ! "

 

 

 

Ici on remarque bien le problème d'alignement comparé a FF ou OP.

 

MAlgré avoir mis ma Iframe un border:none, il faut quil me le mette quand même

 

<iframe name="cwindow" width="634" height="500" style="border:none;"

 

 

Des suggestions, bugs...

Vous savez ou me trouver

Merci

Modifié le 28 février 2007 par Diana

[Invité Diana]

Pas de miaou ?

[Gen]

Comment t'as deviné que je voulais faire ça Diana ? Bon ben je ne peux plus me retenir alors ...

MIAOUUU~ !!

 

... Voilà je suis détendu maintenant

 

Diana, pourquoi il n'y a pas les unités à ton iFrame ?... et puis essaye plutôt de mettre les dimensions dans le style :

<iframe name="cwindow" style="border:none;width:634px; height:500;">

[Invité Diana]

Comment t'as deviné que je voulais faire ça Diana ? Bon ben je ne peux plus me retenir alors ...

MIAOUUU~ !!

 

... Voilà je suis détendu maintenant

 

Diana, pourquoi il n'y a pas les unités à ton iFrame ?... et puis essaye plutôt de mettre les dimensions dans le style :

<iframe name="cwindow" style="border:none;width:634px; height:500;">

 

Merci Gen

 

Si il ny a pas d'unité, c je pense que c dû à la syntaxe même ! Le validateur me trouve des erreurs si je met des px

 

oui mais mon problème c que Ie me met une bordure malgré un None.

 

Je vais rajouter une condition IE pour mes alignements.

[Invité Diana]

j'y arrive pas

 

 <style type="text/css">
/*<![CDATA[*/

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	/*overflow: hidden;
*/
	margin: 0;
	padding: 0;
}
p {
	margin: 0px;
	padding: 0px;
}
#header {
	height: 234px;
	background: url("dossiers_isis.jpg") no-repeat;
}
#haut {
	height: 50px;
	border-bottom: solid 1px #FFE100;
	background-color: #E6E9FF;
}
#conteneur {
	position: absolute;
	width: 1024px;
	background-color: #E6E9FF;
}
#centre {
	border-left: solid 1px #FFE100; border-right: solid 1px #FFE100;
	background-color: #E6E9FF;
	margin-left: 230px;margin-top:1em;
	margin-right: 150px;
}
#gauche {
	float: left;
	background: url("a-blue.png") repeat-y center;
	width: 230px;
	background-color: #E6E9FF;
}
#droite {

	text-align: center;
	float: right;
	width: 150px;
}
#pied {
	clear: both;
	text-align: center;
	margin-top: 25px;
	padding-bottom: 15px;
	background-color: #E6E9FF;
	background: url("trame2.png") repeat-x center;
}
#menuhaut {
	background-color: #E6E9FF;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#menuhaut li {
	display: inline;
}
#menuhaut a {
	margin: 0 2px;
	color: #000000;
	text-decoration: underline;
}
#menuhaut a:hover {
	text-decoration: none;
	color: rgb(0,102,0);
	font-weight: bold;
}
#menugauche {

	list-style-type: none;
	padding: 0px;margin-left:1.2em;

}

#menugauche a {
	display: block;
	color: #000000;
	background: url("trame.png") no-repeat center;
	text-decoration: none;
	width: 200px;
	height: 35px;
	line-height: 35px;
	padding: 0px;
}
#menugauche li {
	margin: 0px;	text-align: center;
	padding: 0px;
	margin-top: 20px;

}
#menugauche li a:hover {
	background: url("trame2.png") no-repeat center;
	text-decoration: underline;
	color: red;
	font-weight: bold;
	padding: 0px;
}


/*]]>*/

</style>
	<!--[if IE]>
  <style type="text/css">
#menugauche { margin-left:1em;  }
			  </style>
<![endif]-->

 

J'ai rajouté une condition sous IE mais ça marche pas

Pourquoi ?

Merci

Modifié le 28 février 2007 par Diana