Bonjour vous tous. Je découvre tout doucement Dreamweaver MX 2004 et je viens de créer une page perso.
Dans cette page perso, que j'ai réalisée d'un accès très simpliste, vu que la page doit être consultée par des jeunes d'une équipe de basket que j'aide.
A l'heure actuelle, je rencontre un problème d'affichage. En cliquant sur les liens du menus, j'arrive bien à ma page, mais je n'arrive pas à descendre jusqu'en bas malgrè l'ascenseur. J'ai essayé de mettre des espaces en dessous, mais rien à faire.
Si quelqu'un à la gentillesse de m'aider à trouver une solution, ce serait très sympa. Le plus drôle, c'est qu'en cliquant plusieurs fois sur le lien, à force, j'arrive à avoir ma page complète.
Vous pouvez aller voir ma page perso à l'adresse suivante :
http://perso.wanadoo.fr/basket.gerald.j

Je précise, à toutes fins utiles, que le jargon "micro-informatique" est du chinois pour moi, alors j'espère que si vous pouvez m'aider, vous le ferez en mots simples 

Merci et à bientôt.

Citation de: TinMar le le 30-09-2004 a 01:44:11

Ca marche tres bien chez moi avec Mozilla et IE 5.5

Même avec les liens sur la gauche ?

Alors je comprends plus rien  j'ai reçu plusieurs fois par le biais du lien contact, la réflexion comme quoi ça ne fonctionnait pas et effectivement, chez moi, avec IE (je sais pas quelle version) ça bloque.

sur la page accueil, si tu cliques sur le lien classement (celui de gauche) tu arrives jusqu'à la fin du classement ? des 18 équipes ?

Moi, non, ou après plusieurs cliques sur le lien, et il en est de même sur les autres liens comme pour la présentation des équipes, je n'ai pas la totalité des joueurs 

quand tu es sur l'équipe de Saint Quentin, quel est le dernier joueur de ta liste ? TCHICAMBOUD ? Moi aux premiers cliques, j'ai que jusque STIPANOVIC, il m'en manque donc 2 à lécran, et l'ascenseur veut pas descendre plus bas.

ca roule sa date de naissance c'est le 18.06.1981

ça fonctionne bien ici aussi (FireFox 1.0PR1 et IE 6SP2).

J'ai remarqué une petite erreur par contre. Tu as créé des liens pour revenir en haut des pages à chaque pas de page. Hors tes liens devraient se terminer par le signe # pour éviter de recharger les pages.

Tu as par exemple :

Code:

<a href="equipe_saint-quentin.htm"><img src="haut11fleche3.gif" width="45" height="40" border="0" align="right" /></a>

Alors que tu devrais avoir :

Code:

<a href="equipe_saint-quentin.htm#"><img src="haut11fleche3.gif" width="45" height="40" border="0" align="right" /></a>

Voir même :

Code:

<a href="#"><img src="haut11fleche3.gif" width="45" height="40" border="0" align="right" /></a>

Avec ce dernier tu peux copier ton lien sur toutes les pages où tu en as besoin sans te soucier du nom de la page.

Je viens de voir le probème que tu décris. C'est vraiment bizarre en effet, des fois au chargement de la page il manque le bas, mais quand on réactualise la page (touche F5) là ça fonctionne!

Le problème semble apparaitre seulement avec Internet Explorer.

En plus c'est pas facile de voir d'où ça viens parce que quand tu édites la page en local, le chargement etant instatané le bug n'est pas visible.
La construction de tes pages est assez compliquée, peut être que IE s'emmèle les pinceaux. Si tu as du temps essais de faire une construction plus simple (mais ça veut dire beaucoup de modifications...) :/


EDIT:

Tu pourrais essayer de modifier cette partie du code:

Code:

<div class="Style3" id="navBar">   <div id="sectionLinks">     <h3 class="Style25">MENU</h3>     <ul>       <li class="Style25"><a href="index.htm">Accueil</a></li>       <li class="Style25"><a href="news.htm">News</a></li>       <li class="Style25"><a href="equipes.htm">Equipes</a></li>       <li class="Style25"><a href="calendrier_et_resultat.htm">Calendrier et R&eacute;sultats </a></li>       <li class="Style25"><a href="matchs_aller.htm">. Matchs Aller</a></li>       <li class="Style25"><a href="matchs_retour.htm">. Matchs Retour </a></li>       <li class="Style25"><a href="classement.htm">Classement</a></li>       <li class="Style25"><a href="divers.htm">Divers</a></li>       <li class="Style25"><a href="liens.htm">Liens</a></li>       <li><span class="Style25"><a href="e_mail.htm">Contact</a></span></li>       <li></li>     </ul>   </div>   <div class="Style3" style="padding: 0px 0px 10px 10px; font-size: 90%;><h3><a href="equipes.htm>     <ul class="Style25">       <li><a href="equipes.htm">EQUIPES</a></li>       <li><a href="equipe_angers.htm" class="Style3"><strong>Angers</strong></a></li>       <li><a href="equipe_antibes.htm"><strong>Antibes</strong></a></li>       <li><a href="equipe_beauvais.htm"><strong>Beauvais</strong></a><a href="equipe_besancon.htm"><strong>Besan&ccedil;on</strong></a><a href="equipe_brest.htm"><strong>Brest</strong></a><a href="equipe_charleville.htm"><strong>Charleville M&eacute;zi&egrave;re </strong></a></li>       <li><a href="equipe_evreux.htm"><strong>Evreux</strong></a><a href="equipe_golbey.htm"><strong>Golbey-Epinal </strong></a></li>       <li><a href="equipe_maurienne.htm"><strong>Maurienne</strong></a></li>       <li><a href="equipe_mulhouse.htm"><strong>Mulhouse</strong></a></li>       <li><a href="equipe_nanterre.htm"><strong>Nanterre</strong></a></li>       <li><a href="equipe_nantes.htm"><strong>Nantes</strong></a></li>       <li><a href="equipe_orleans.htm"><strong>Orl&eacute;ans</strong></a></li>       <li><a href="equipe_quimper.htm"><strong>Quimper</strong></a></li>       <li><a href="equipe_rouen.htm"><strong>Rouen</strong></a></li>       <li><a href="equipe_rueil.htm"><strong>Rueil</strong></a></li>       <li><a href="equipe_saint-etienne.htm"><strong>Saint Etienne </strong></a></li>       <li><a href="equipe_saint-quentin.htm"><strong>Saint Quentin </strong></a></li>     </ul>   </div> </div> <!--end navbar --> <p>&nbsp;</p> <table width="150" height="59" border="1" cellspacing="1">   <tr>     <td class="Style22"><p align="center">Depuis le 15.09.04</p>       <p align="center">&nbsp;<img src="bin/compteur.cgi?df=compteur1&dd=D"> </p>     <p align="center">visiteurs ont</p>      <p align="center">parcouru ces pages</p></td>   </tr> </table>

Par :

Code:

<div class="Style3" id="navBar">   <div id="sectionLinks">     <h3 class="Style25">MENU</h3>     <ul>       <li class="Style25"><a href="index.htm">Accueil</a></li>       <li class="Style25"><a href="news.htm">News</a></li>       <li class="Style25"><a href="equipes.htm">Equipes</a></li>       <li class="Style25"><a href="calendrier_et_resultat.htm">Calendrier et R&eacute;sultats </a></li>       <li class="Style25"><a href="matchs_aller.htm">. Matchs Aller</a></li>       <li class="Style25"><a href="matchs_retour.htm">. Matchs Retour </a></li>       <li class="Style25"><a href="classement.htm">Classement</a></li>       <li class="Style25"><a href="divers.htm">Divers</a></li>       <li class="Style25"><a href="liens.htm">Liens</a></li>       <li><span class="Style25"><a href="e_mail.htm">Contact</a></span></li>       <li></li>     </ul>   </div>   <div class="Style3" style="padding: 0px 0px 10px 10px; font-size: 90%;><h3><a href="equipes.htm>     <ul class="Style25">       <li><a href="equipes.htm">EQUIPES</a></li>       <li><a href="equipe_angers.htm" class="Style3"><strong>Angers</strong></a></li>       <li><a href="equipe_antibes.htm"><strong>Antibes</strong></a></li>       <li><a href="equipe_beauvais.htm"><strong>Beauvais</strong></a><a href="equipe_besancon.htm"><strong>Besan&ccedil;on</strong></a><a href="equipe_brest.htm"><strong>Brest</strong></a><a href="equipe_charleville.htm"><strong>Charleville M&eacute;zi&egrave;re </strong></a></li>       <li><a href="equipe_evreux.htm"><strong>Evreux</strong></a><a href="equipe_golbey.htm"><strong>Golbey-Epinal </strong></a></li>       <li><a href="equipe_maurienne.htm"><strong>Maurienne</strong></a></li>       <li><a href="equipe_mulhouse.htm"><strong>Mulhouse</strong></a></li>       <li><a href="equipe_nanterre.htm"><strong>Nanterre</strong></a></li>       <li><a href="equipe_nantes.htm"><strong>Nantes</strong></a></li>       <li><a href="equipe_orleans.htm"><strong>Orl&eacute;ans</strong></a></li>       <li><a href="equipe_quimper.htm"><strong>Quimper</strong></a></li>       <li><a href="equipe_rouen.htm"><strong>Rouen</strong></a></li>       <li><a href="equipe_rueil.htm"><strong>Rueil</strong></a></li>       <li><a href="equipe_saint-etienne.htm"><strong>Saint Etienne </strong></a></li>       <li><a href="equipe_saint-quentin.htm"><strong>Saint Quentin </strong></a></li>     </ul>   </div> <table width="150" height="59" border="1" cellspacing="1">   <tr>     <td class="Style22"><p align="center">Depuis le 15.09.04</p>       <p align="center">&nbsp;<img src="bin/compteur.cgi?df=compteur1&dd=D"> </p>     <p align="center">visiteurs ont</p>      <p align="center">parcouru ces pages</p></td>   </tr> </table> </div> <!--end navbar -->

Ensuite tu prends tout ce bloc et tu le déplaces juste aprés la ligne :

Code:

<!-- end masthead -->

Fias un essai sur une seule page qui pose problème et dis moi ça change quelque chose..

Regarde mon post précédent, je l'ai edité.

Sinon pour ta construction au niveau des feuilles de styles j'ai remarqué que tu avais pas mal de classes avec des noms du genre :

Code:

.Style2

C'est les noms par défaut créé par DW. Tu devrais les remplacer (dans tes styles et dans ton html) par des noms plus explicites, sinon bonjour pour s'y retrouver. Tu vas revenir faire des modifs sur ta page dans 2 mois et tu comprendras plus rien!

Un autre type d'optimisation. Quand tu as quelque chose comme :

Code:

.Style3 {color: #000099}

et plus loin dans ton html:

Code:

<div class="Style3" style="padding: 0px 0px 10px 10px; font-size: 90%;" #invalid_attr_id="0px">

Autant coupler les définitions du style (c'est fait pour ça aprés tout...) comme ça :

Code:

.Style3 { color: #000099 padding: 0 0 10px 10px; font-size: 90%; }

...

Code:

<div class="Style3">

C'est plus propre et beucoup plus simple à comprendre et tu évites les doubles définitions.
Ensuite à toi de donner un nom plus explicite à la place de style3 (n'oublis pas que les noms de classes commencent par un point (.) !!
Note aussi que j'ai remplacé 0px par 0. Puisque quand tu utilise la valeur 0 tu n'as pas besoin de préciser l'unité (ici les pixels). Mais bien sûr ça fonctionne aussi si tu mets 0px.

Encore un truc (je m'arrete plus...) tu as déjà une feuille de style que tu charges en externe, donc tu peux mettre tous tes styles dans ce fichier et effacer les définitions de tes pages, ainsi le poid des pages sera un peu plus optimisé et surtout quand tu modifieras ta feuille de style TOUTES tes pages seront automatiquement mise à jour. Il sera aussi plus simple de voir les styles en doubles et de corriger les erreurs.

Efface cette partie :

Code:

<style type="text/css"> <!-- body,td,th {   font-family: Comic Sans MS;   color: #000099; } .Style1 {   font-family: "Comic Sans MS";   color: #000099; } body {   background-color: #9999FF; } .Style2 {color: #000066} .Style3 {color: #000099} .Style5 {   font-size: 140%;   font-weight: bold; } .Style25 {font-size: large} .Style26 {color: #000099; font-size: large; } .Style30 {  color: #FF0000;   font-weight: bold;   font-size: xx-large; } .Style32 {font-weight: bold; color: #00FF00;} .Style34 {font-size: small} .Style35 {font-size: small; font-weight: bold; } --> </style>

Et rajoute :

Code:

body,td,th {   font-family: Comic Sans MS;   color: #000099; } .Style1 {   font-family: "Comic Sans MS";   color: #000099; } body {   background-color: #9999FF; } .Style2 {color: #000066} .Style3 {color: #000099} .Style5 {   font-size: 140%;   font-weight: bold; } .Style25 {font-size: large} .Style26 {color: #000099; font-size: large; } .Style30 {  color: #FF0000;   font-weight: bold;   font-size: xx-large; } .Style32 {font-weight: bold; color: #00FF00;} .Style34 {font-size: small} .Style35 {font-size: small; font-weight: bold; }

à ta feuille de style externe (2col_leftNav.css).

Par la suite quand tu définira un nouveau style dans DW n'oublies pas de séléctionner "Feuille de style externe" et le nom de ton fichier.

Tu peux aussi essayer d'optimiser certaine parties de ton code comme :

Code:

<div class="feature">     <h1 align="center" class="Style3 Style25"><span class="Style25"><a href="#"><img src="haut11fleche3.gif" width="45" height="40" border="0" align="right" /></a></span></h1>     <p align="center" class="Style26">&nbsp;</p>   </div>

Tu pourrais faire la même chose comme ça :

Code:

<div class="feature">     <a href="#"><img src="haut11fleche3.gif" width="45" height="40" /></a>   </div>

En rajoutant ça dans ta feuille de styles :

Code:

img { border: 0; }

Ce style permet d'enlever la bordure de toutes les images en une seule fois (cette bordure apparait quand tu englobe une image dans un lien).

Et si tu veux que ton lien soit aligné au centre, tu rajoutes :

align: center;

à la définition du style pour "features" (il y a d'autres façons de faire, c'est juste un exemple).

Voilà j'espère que ça t'aidera, bon courage