Salut à tous, c'est mon 1er message sur ce forum. Smiley biggrin

J'ai cherché sur plusieurs forums des réponses à mon problème, mais je n'ai pas trouvé Smiley decu

Tout d' abord voici mon site :http://www.meteo-bretagne.fr
Le css : http://meteo-bretagne.fr/style/style.css


J'ai un problème de décalage avec IE sur mon menu :

L'écriture se trouve sur le haut du bouton alors que sur FF elle se trouve bien au milieu. Pour mettre au milieu du bouton j'ai utilisé padding-top : 7px;, cette méthode à l'air de marcher que sur FF Smiley decu .

J'ai un autre probleme sous IE avec les sous menus, les boutons sont décalés vers la droite, je comprends pas, avec les autres boutons il n'y a pas eu de décallage.

Si vous avez des solution, dites les moi s'il vous plait, ça serait très gentil Smiley biggrin

A bientôt
Modifié par maloin56 (24 Nov 2006 - 07:39)
Bonsoir et bienvenu !

Je viens de jeter un oeil à ton code, et je te conseillerais de commencer par l'assainir avant de vouloir corriger les bugs :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
		"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">	

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Météo Bretagne - Accueil</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="publisher" content="jérôme DREANO">
<meta name="reply-to" content="maloin23@meteo-bretagne.fr (Jérôme DREANO)">
<meta name="description" content="Pour tous savoir sur le temps en bretagne, des prévisions pour les jours à venir, des observations en temps réel, des informations sur notre climat et nos microclimats...">
<meta name="keywords" content="météo, bretagne, morbihan, finistère, ille-et-vilaine, côtes-d'armor, loire-atlantique, climatologie, station automatique, ploermel, saint malo des 3 fontaines, vantage pro 2, statistiques, vent, pluie, température,micros-climats, microclimats, vigilance">
<meta name="robots" content="index">
<meta name="indentifier-url" content="http://meteo-bretagne.fr/">
<meta name="copyright" content="© 2006 jérôme DREANO">
<meta name="generator" content="Notepad++">
<meta http-equiv="Content-Language" content="fr">
<link rel="shortcut icon" href="http://www.meteo-bretagne.fr/design/picto.ico">
<link href="style/style.css" rel="stylesheet" type="text/css">

</head>

<body>

<div id="en_tete"> <!–– Ici on mettra la bannière et le logo ––>
	<a id="zone1" href="./index.php" ></a>

</div>

<head>

<script type="text/javascript">
<!--
window.onload=montre;
function montre(id) {
var d = document.getElementById(id);
	for (var i = 1; i<=10; i++) {
		if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';}
	}
if (d) {d.style.display='block';}
}
//-->
</script>

<script type="text/javascript">

function heure()
{
auj = new Date();
h = auj.getHours();
m = auj.getMinutes();
s = auj.getSeconds();
	if(h<10)
	{ h = '0'+h; }
        if(m<10)
	{ m = '0'+m; }
        if(s<10)
	{ s = '0'+s; }
date = 'Il est : '+h+'h'+m+'min '+s+'s';
	if(document.getElementById)
	{
		document.getElementById("heure_dyna").innerHTML = date;
	}
	else if(document.all)
	{
		document.all["heure_dyna"].innerHTML = date;
	}
}
window.setInterval("heure()",1000);
</script>
</head>


Ces quelques lignes me font penser que tu as quelques lacunes dans la compréhension de la structure d'une page html. C'est pourquoi je te conseillerais d'aller jeter un oeil dans les tutoriaux qui sont à ta disposition ici. Il y a notamment ces deux-ci qui pourraient t'intéresser :
- Réalisation d'un design complet (XHTML / CSS) en 5 étapes
- Design XHTML/CSS complet avec 2 colonnes de même hauteur

Et en prime, voilà la correction de l'extrait ci-dessus : Smiley murf
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
		"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">	
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Météo Bretagne - Accueil</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="publisher" content="jérôme DREANO"/>
<meta name="reply-to" content="maloin23@meteo-bretagne.fr (Jérôme DREANO)"/>
<meta name="description" content="Pour tous savoir sur le temps en bretagne, des prévisions pour les jours à venir, des observations en temps réel, des informations sur notre climat et nos microclimats..."/>
<meta name="keywords" content="météo, bretagne, morbihan, finistère, ille-et-vilaine, côtes-d'armor, loire-atlantique, climatologie, station automatique, ploermel, saint malo des 3 fontaines, vantage pro 2, statistiques, vent, pluie, température,micros-climats, microclimats, vigilance"/>
<meta name="robots" content="index"/>
<meta name="indentifier-url" content="http://meteo-bretagne.fr/"/>
<meta name="copyright" content="© 2006 jérôme DREANO"/>
<meta name="generator" content="Notepad++"/>
<meta http-equiv="Content-Language" content="fr"/>
<link rel="shortcut icon" href="http://www.meteo-bretagne.fr/design/picto.ico"/>
<link href="style/style.css" rel="stylesheet" type="text/css"/>

<script type="text/javascript">
<!--
window.onload=montre;
function montre(id) {
var d = document.getElementById(id);
	for (var i = 1; i<=10; i++) {
		if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';}
	}
if (d) {d.style.display='block';}
}
//-->

function heure()
{
auj = new Date();
h = auj.getHours();
m = auj.getMinutes();
s = auj.getSeconds();
	if(h<10)
	{ h = '0'+h; }
        if(m<10)
	{ m = '0'+m; }
        if(s<10)
	{ s = '0'+s; }
date = 'Il est : '+h+'h'+m+'min '+s+'s';
	if(document.getElementById)
	{
		document.getElementById("heure_dyna").innerHTML = date;
	}
	else if(document.all)
	{
		document.all["heure_dyna"].innerHTML = date;
	}
}
window.setInterval("heure()",1000);
</script>

</head>

<body>
<div id="en_tete"> <!–– Ici on mettra la bannière et le logo ––>
	<a id="zone1" href="./index.php" ></a>

</div>

Modifié par Cygnus (14 Nov 2006 - 23:07)
Je te remercie Cygnus de m'avoir répondu.

J'avais pas vu que j'avais mi 2 fois la balise <head> et <script> Smiley smile , en fait c'est parce que j'ai fait avec des Includes et j'ai mi la balise <head> dedans aussi.

Je vais lire les tutorial que tu m'as donné, il vont mettre utile Smiley cligne
Modifié par maloin56 (15 Nov 2006 - 19:29)
Salut,

J'ai réussi à arranger mon menu ou presque, j'ai aussi réorganisé mes codes.

Il me reste un petit problème, il y a toujours un décallage vers la droite des sous-menu.

Ce n'est pas un histoire de Padding parce que j'ai mi 0 expres.
ça pourait être parce que ce sont des listes mais pourtant j'ai bien mi ça :

list-style-type : none;
list-style-position : inside;
list-style : none;

Je ne trouve plus de solutions Smiley decu Aidez-moi Smiley biggrin
Modifié par maloin56 (22 Nov 2006 - 21:57)
Salut,

Je ne sais pas quel est ton problème, mais en tout cas ce code :
list-style-type : none;
list-style-position : inside;
list-style : none;
est redondant puisque la troisième propriété écrase les deux premières. Il suffit d'écrire
list-style: none;
C'est bon j'ai réussi Smiley biggrin , j'ai fait comme tu as dit Eldebaran, et en même temps j'ai remarqué que j'avais oublié de mettre ce code a un endroit.
Je n'ai pas très bien compri ce que veut dire éditer mon premier message Smiley decu Mais en tout cas mon probleme est bien résolu.

Merci à vous
Administrateur
maloin56 a écrit :
Je n'ai pas très bien compri ce que veut dire éditer mon premier message Smiley decu Mais en tout cas mon probleme est bien résolu.

Merci à vous

Hello,

Eldebaran t'a donné un lien explicatif, n'hésite pas à le lire scrupuleusement Smiley cligne