Titre: Affichage de mes pages
Posté par: Loupe le le 30-09-2004 a 00:50:02
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. |
Titre: Re:Affichage de mes pages
Posté par: TinMar le le 30-09-2004 a 01:44:11
| Ca marche tres bien chez moi avec Mozilla et IE 5.5 |
Titre: Re:Affichage de mes pages
Posté par: Loupe le le 30-09-2004 a 02:05:40
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. |
Titre: Re:Affichage de mes pages
Posté par: TinMar le le 30-09-2004 a 02:30:57
| Peux tu carrement me donner un exemple de page? J'ai essaye plusieurs liens et ca marche bien en plus il y a pas mal de vide en bas de la page... |
Titre: Re:Affichage de mes pages
Posté par: Loupe le le 30-09-2004 a 02:34:41
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 :( |
Titre: Re:Affichage de mes pages
Posté par: TinMar le le 30-09-2004 a 02:40:22
| J'ai les 18 equipes ! Saint Quentin est dernier |
Titre: Re:Affichage de mes pages
Posté par: Loupe le le 30-09-2004 a 02:44:35
| 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. |
Titre: Re:Affichage de mes pages
Posté par: Loupe le le 30-09-2004 a 02:45:33
| J'ai oublié :-[ de te remercier pour le temps que tu passes sur mon problème. C'est vraiment sympa :) |
Titre: Re:Affichage de mes pages
Posté par: TinMar le le 30-09-2004 a 03:14:25
| ca roule sa date de naissance c'est le 18.06.1981 |
Titre: Re:Affichage de mes pages
Posté par: Loupe le le 30-09-2004 a 03:19:38
| Merci pour ton aide. Je verrai bien si le problème persiste, moi je crois que j'utilise IE 6.0 ? ou un truc comme ça. Ca vient peut-être de ça. En attendant, j'ai rajouté un message sur la page d'accueil pour prévenir les visiteurs du problème, et on verra bien. |
Titre: Re:Affichage de mes pages
Posté par: jb_gfx le le 30-09-2004 a 07:25:15
ç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. |
Titre: Re:Affichage de mes pages
Posté par: Loupe le le 30-09-2004 a 09:36:01
Merci aussi à toi jb_gfx
J'ai modifié toutes mes pages avec ton code
Mais mon problème persiste :(
En tout cas, le truc du #, je vais le retenir... c'est plus rapide que de pointer à chaque fois sur le lien.
Merci pour cette info. |
Titre: Re:Affichage de mes pages
Posté par: jb_gfx le le 30-09-2004 a 09:49:34
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é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çon</strong></a><a href="equipe_brest.htm"><strong>Brest</strong></a><a href="equipe_charleville.htm"><strong>Charleville Méziè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é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> </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"> <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é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çon</strong></a><a href="equipe_brest.htm"><strong>Brest</strong></a><a href="equipe_charleville.htm"><strong>Charleville Méziè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é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"> <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:
Fias un essai sur une seule page qui pose problème et dis moi ça change quelque chose.. |
Titre: Re:Affichage de mes pages
Posté par: Loupe le le 30-09-2004 a 09:55:33
Ouffff, d'un côté ça me rassure. J'étais prête à changer de lunettes. Mon problème existe donc vraiment :) mais ce qui est bizarre, c'est que c'est assez aléatoire. Ca peut arriver sur une page, pas sur une autre, tu retournes sur la première page, et là ça marche. Vraiment bizarre !
Sinon, si tu vois d'autres choses qui ne collent pas, n'hésite pas. Comme ça, j'apprendrai à utiliser un peu mieux Dream... dont je ne connais en fait que le didactitiel et le bouquin, mais j'ai pas trouvé le truc qui m'éviterait ce problème. |
Titre: Re:Affichage de mes pages
Posté par: jb_gfx le le 30-09-2004 a 10:25:41
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:
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:
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:
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"> </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:
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 ;)
|
Titre: Re:Affichage de mes pages
Posté par: Loupe le le 01-10-2004 a 03:38:54
Merci jb_gfx pour ton acharnement à m'aider. En 1/2 journée, j'ai déjà appris plein de choses. Maintenant, il va falloir que je modifie beaucoup de choses, mais pas pour cette nuit... je rentre seulement du boulot, je suis morte de fatigue, donc... dodo et on verra ça demain, enfin tout à l'heure.
Au fait, quand tu dis "Je m'arrête plus !" au contraire, je suis preneuse de toutes les modifications et améliorations à apoorter à ma page perso.
En tout cas, merci jb pour ton aide précieuse et instructive. Heureusement qu'il y a encore des gens qui s'intéressent aux autres.
|
Titre: Re:Affichage de mes pages
Posté par: jb_gfx le le 01-10-2004 a 07:38:12
Avec plaisir ;)
Au fait, quand tu dis "Je m'arrête plus !" au contraire, je suis preneuse de toutes les modifications et améliorations à apoorter à ma page perso.
|
|
Oui mais mon travail avance pas pendant ce temps, je vais me faire taper sur les doigts! :) |
Titre: Re:Affichage de mes pages
Posté par: Loupe le le 01-10-2004 a 14:47:38
| Je pense à une chose peut-être très bête qui pourrait supprimer mon problème. Est-ce que j'ai la possibilité d'ajouter quand on clique sur un lien automatiquement une action qui remplacerait l'action de ma touche F5, puisqu'en actualisant par F5, on a la totalité du texte. |
Titre: Re:Affichage de mes pages
Posté par: jb_gfx le le 02-10-2004 a 08:39:56
| Même si c'est possible ça serait franchement "crado". Je pense que c'est faisable en javascript mais je te conseille vraiment d'essayer de trouver une solution plus propre. Yu as a essayé comme je t'ai expliqué? ça donne rien? |
Titre: Re:Affichage de mes pages
Posté par: Loupe le le 02-10-2004 a 10:07:54
Oui j'ai essayé.... et j'ai du faire une erreur... c'était la cata à l'affichage après... d'où grosse frayeur... mais heureusement, avant de faire les modif, j'avais fait une copie de sureté que j'ai pu reprendre après mon "désastre".
Je suis très très novice dans ce domaine, alors j'ai surement loupé une subtilité de ton post.
Je recommencerai ta manip à tête reposée.
Merci encore pour ton aide. |
Forum-webmaster | Actionné par YaBB SE
© 2001-2003, YaBB SE Dev Team. Tous droits réservés.
|