Bonjour à toutes et à tous.
Je peine à développer un petit site pour mon syndicat (sans subvention d'état et qui ne vit que par les cotisations: le trésorier n'a rien voulu lâcher pour un hébergeur payant alors que les tarifs sont maintenant peu élevés. MERCI FREE!)
Sous IE le menu est collé à la photo de l'en-tête alors que sous FF, il semble y avoir un saut de ligne (est-ce un effet du <ul>?).
Votre sapience est infinie et inépuisable, c'est la raison pour laquelle je me retourne vers vous après avoir cherché en vain.
Merci pour le temps que vous voudrez bien me consacrer.
PS : les puristes remarqueront le fameux <marquee> abhorré. Mais pourquoi ajouter un script alors que cette balise produit le même effet de manière souple avec possibilité d'arrêter le texte?
Version complète: sur le forum Webmaster Hub : Mise en page
Le problème vient sûrement de ton fichier css.
Essaie de mettre simplement ça :
width:100%;
height:30px;
background-image:url(../graphisme/degradbeige1.jpg);
text-align:center;
Essaie de mettre simplement ça :
width:100%;
height:30px;
background-image:url(../graphisme/degradbeige1.jpg);
text-align:center;
Salut 
Déjà, tu pourrais commencer par revoir ton code source; tu a des balises qui trainent en dehors du document html !
Tout ça est à placer dans la balise <head>
Ensuite, je ne vois pas pourquoi tu charges 2 fois la même feuille de style (sne869-1/style.css).
Pour éviter tout problème de marges indésirable, je te conseille de commencer ta feuille en supprimant tous les padding et les margin :
Ensuite, si tu veux centrer un bloc horizontalement, pas besoin de passer par une position absolue. Un text-align:center et un margin:auto suffisent; exemple :
D'une manière générale, évite au possible d'utiliser les positions absolues (certains navigateurs n'aiment pas ça, et ce n'est surtout pas très souple car le flux du document est rompu; la preuve avec ton menu qui se positionne différemment sous IE et FF) et joue plutôt sur le flottement de tes blocs.
Pour créer des espaces en bas d'un bloc, joue plutôt sur le syle de celui-ci au lieu d'amonceler par dizaines des <br />.
Bon courage
Déjà, tu pourrais commencer par revoir ton code source; tu a des balises qui trainent en dehors du document html !
CODE
<link rel="stylesheet" type="text/css" media="screen" href="sne869-1/style.css" />
<style type="text/css" media="screen">
@import url(sne869-1/style.css);
</style>
<style type="text/css" media="screen">
@import url(sne869-1/style.css);
</style>
Tout ça est à placer dans la balise <head>
Ensuite, je ne vois pas pourquoi tu charges 2 fois la même feuille de style (sne869-1/style.css).
Pour éviter tout problème de marges indésirable, je te conseille de commencer ta feuille en supprimant tous les padding et les margin :
CODE
*{
margin:0;
padding:0;
}
margin:0;
padding:0;
}
Ensuite, si tu veux centrer un bloc horizontalement, pas besoin de passer par une position absolue. Un text-align:center et un margin:auto suffisent; exemple :
CODE
body{
text-align:center;
}
#blocAcentrer{
margin:0 auto 0 auto;
width:500px;
text-align:left;
}
text-align:center;
}
#blocAcentrer{
margin:0 auto 0 auto;
width:500px;
text-align:left;
}
D'une manière générale, évite au possible d'utiliser les positions absolues (certains navigateurs n'aiment pas ça, et ce n'est surtout pas très souple car le flux du document est rompu; la preuve avec ton menu qui se positionne différemment sous IE et FF) et joue plutôt sur le flottement de tes blocs.
Pour créer des espaces en bas d'un bloc, joue plutôt sur le syle de celui-ci au lieu d'amonceler par dizaines des <br />.
Bon courage
Un grand merci pour vos explications détaillées.
je vais m'atteler au travail. En effet, j'avais voulu essayer les 2 manières de charger la page, puis j'ai oublié d'en ôter une...
Mais je ne me suis pas aperçu que c'était mal placé!
Merci également à tous ceux grâce à qui ce site existe (il ne faut pas les oublier)
je vais m'atteler au travail. En effet, j'avais voulu essayer les 2 manières de charger la page, puis j'ai oublié d'en ôter une...
Mais je ne me suis pas aperçu que c'était mal placé!
Merci également à tous ceux grâce à qui ce site existe (il ne faut pas les oublier)
Ceci est une version "bas débit" de notre forum. Pour voir la version complète avec plus d'information, la mise en page et les images, veuillez cliquer ici.