Problème affichage bandeau-photos

[Aurel34]

Bonjour à tous,

Tout d'abord merci aux forumeurs de geckozone qui m'ont bien aidé jusque là à me dépatouiller pour créer un petit site pour mon association.
Mais voilà, j'ai commencé à créer mes pages mais le bandeau en haut de mon site avec des images "saute" parfois (une des images se retrouve en-dessous) suivant l'ordinateur sur lequel on navigue.
Voici le site : http://voile.de.neptune.free.fr
Je n'utilise que NVU 1.0 et Filezilla pour la mise en ligne et je suis sous windows.
Voili voilou,
merci d'avance

Ah oui, si vous avez des critiques concernant mon site, n'hésitez pas, ça fait avancer...

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr-FR; rv:1.7.5) Gecko/20041108 Firefox/1.0

[Mongo Bob]

Etonnant, j'ai jamais vu donner du style à un <br> :

Code : Tout sélectionner

<br style="color: rgb(255, 255, 255); font-family: Comic Sans MS; font-weight: normal;">

C'était quoi, ton idée? Cette mise en forme se retrouve où?
Pour le lien sur "L'association", c'est un lien-boomerang, le href, c'est l'adresse de la page où l'on est déjà :

Code : Tout sélectionner

<a style="color: rgb(255, 255, 255); font-family: Comic Sans MS; font-weight: normal;" href="presentation.html">L'association</a>

Un lien est fait pour partir ailleurs. Mais le symbole "main" devrait s'afficher quand même, curieux...
Ton h1 n'est constitué que d'images :

Code : Tout sélectionner

<h1><img style="width: 117px; height: 81px;" alt="copyright Xavier Boutolleau" src="herbier.JPG"><img style="width: 120px; height: 81px;" alt="copyright Xavier Boutolleau" src="rascasse_2.JPG"><img tc... etc.....................</h1>

Un <h1> doit contenir du texte, et, en plus éventuellement une ou des images. <h1> signifie "titre de 1ère importance", on est donc supposé y inclure un bout de phrase qui est le titre global de la page (à distinguer de la <title> dont le contenu se retrouve dans la barre bleue du navigateur, à côté du nom de celui-ci.
Tu as fait des copier-coller depuis un document Microsoft word :

Code : Tout sélectionner

<p class="Mso Normal...>

? C'est un truc à salir ton code, et d'ailleurs, ça l'a sali!
Je crois que certaines images sautent parce qu'elles sont trop lourdes, en tout dans le h1 : 139Ko d'images, alignées sur 882 pixels de large, il faudrait réduire leurs dimensions pour passer bien en-dessous de la barre des 800 pour l'affichage sur les petites résolutions (800x600) et de toute façon, alléger le poids en Ko de certaines : pour ceci, il faut au moins les réduire à la dimension voulue en final sur le site dés le départ sur ton disque dur. Certaines font 20Ko et tu les affiches en qqch comme 50x40 px (au pif). Elles n'ont qu'à mesurer 50x40px sur ton disque dur. Tu vas gagner en volume pour le même aspect visuel.
Au fait, les balises <alt> ne sont pas destinées à mettre ton copyright mais à indiquer un texte alternatif de description de l'image à l'usage des lecteurs d'écran pour non ou mal voyants (entre autres).
Règle le pb de volume de tes images, ça devrait aller mieux.
Bon courage!

[Aurel34]

Merci pour ta réponse, je vais y travailler !

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr-FR; rv:1.7.5) Gecko/20041108 Firefox/1.0

[chinon37]

pour éviter un décalage entre les # images du bandeau, regroupe les pour ne faire plus qu'une image. Le positionnement en sera facilité.
Pour le reste , tu es dans de bonnes mains

[Mongo Bob]

+1!
Bien sûr, ce sera + facile de mettre en place une image plutôt que 5!

Pour le reste , tu es dans de bonnes mains Clin d'oeil

Gasp... mais, je... hhmmppff, c'est trop

[chinon37]

Gasp... mais, je... hhmmppff, c'est trop Embarassé

Mais non, mais non.... en fait, ça me permet de reprendre provisoirement l'avantage