| Par Paraman, le 06 Juil 2004, 22:32 |
Revenir en haut de page  |
|
slt
je voullais aussi savoir pour que mon site soit vu par tout le monde malgres les differentes résolutions
ex mon site et en 1024, une perssonne en 800x600 le voit tout decalle
peut on le faire et surtout dois je le faire avant de creer mon site ?
<_< |
|
 |
| Par Cédric, le 08 Juil 2004, 17:33 |
Revenir en haut de page |
|
Salut,
Désolé il me semblait avoir répondu ces derniers jours mais visiblement, j'ai dû fermer la fenêtre sans valider <_< ... m'enfin.
Tout dépend de ton site ! si tu t'y prends bien (et si le site s'y prête), il n'y a normalement pas à se soucier de la résolution utilisée par les visiteurs.
Par exemple, sur ce site que je suis en train de créer pour une amie, il n'y a pas de problèmes puisque les pages ne dépassent pas 800 pixels de large !
Si on analyse le code de ta page d'accueil (premier tableau en haut de page) c'est déjà mal barré  :
| Citation: | <div align="center">
<table width="976" height="85" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="154"><img src="image/lampe_eau.gif" width="50" height="120"></td>
<td width="713"><div align="right"><img src="image/550x100.jpg" width="550" height="100"></div></td>
<td width="109"><div align="right"><img src="image/lampe_eau.gif" width="50" height="120"></div></td>
</tr>
</table>
</div> |
1. Avant de te parler de la résolution, juste un petit conseil : fais bien attention au code ajouté par Dreamweaver ! Si tu l'utilises bien, tu éviteras du code inutile. Je te dis ça surtout au niveau de l'alignement des tableaux : utilises la fenêtre de propriété de Dreamweaver ! Sinon Dreamweaver ajoutera des layers (tous les div dans ton code) alors que le tableau peut-être aligné directement.
* pour aligner le tableau dans la page, sélectionnes ton tableau (clic droit dans le tableau / Tableau / Sélectionner) puis utilises la liste Aligner (en haut à droite sur l'image).
* pour aligner les cellules, cliques dans cette cellule (juste pour y mettre le curseur) et tu trouveras dans la fenêtre propriété de quoi aligner la cellule (alignement vertical et alignement horizontal).
Voici le code tel qu'il devrait apparaître :
| Citation: | <table width="976" height="85" border="0" cellpadding="0" cellspacing="0" align="center">
<tr>
<td width="154"><img src="image/lampe_eau.gif" width="50" height="120"></td>
<td width="713" align="center"><img src="image/550x100.jpg" width="550" height="100"></td>
<td width="109" align="center"><img src="image/lampe_eau.gif" width="50" height="120"></td>
</tr>
</table> |
2. On en vient à la résolution. Si tu revois ton code, tu as donné une largeur de tableau à 976 ... un peu trop pour passer sur un écran à 800x600 non ?! . Bon il y a donc trois solutions :
* en html, tu donnes une largeur fixe au tableau de maxi 780 (laisses une vingtaine de pixels pour les barres de défilement) :
| Citation: | | <table width="780" height="85" border="0" cellpadding="0" cellspacing="0" align="center"> |
* toujours en html, tu donnes une largeur en pourcentage. Ainsi le tableau s'adaptera toujours à la largeur de l'écran.
| Citation: | | <table width="100%" height="85" border="0" cellpadding="0" cellspacing="0" align="center"> |
* si vraiment tu as besoin de créer deux interfaces différentes selon la résolution du visiteur, c'est toujours possible à faire. Mais PHP ne disposant pas de fonction pour récupérer la résolution d'écran (puisque PHP est exécuté sur le serveur), il faut récupérer la résolution avec javascript puis réactualiser la page en passant la taille de l'écran sous forme de variable à PHP (qui créera le code selon le résultat retourné). !!! NB : javascript étant côté client (c'est à dire qu'il s'exécute sur le PC, non sur le serveur), il est parfois désactivé par les visiteurs... cette soluution ne fonctionnera donc pas systématiquement !
Par exemple :
| Citation: | <?php
if( !$_GET['width'] ) { // si on n'a pas encore récupéré la résolution ?>
<script language="JavaScript">
<?PHP echo('window.location="'.$PHP_SELF.'?width="+screen.width+"&height="+screen.height;'); ?>
</script>
<?php }
/* le javascript recharge la page avec deux variables :
La largeur de l'écran : width
La hauteur de l'écran : height */
/* Si la première condition n'est pas vraie ( if( !$_GET['wid'] )
c'est que la variable width n'est pas vide,
donc qu'on a bien récupéré la résolution
et donc qu'on peut continuer ! */
$largeur = $_GET['width']; // on récupère "width" dans la variable PHP $largeur
$hauteur = $_GET['height']; // on récupère "height" dans la variable PHP $hauteur
switch ( $largeur ) {
case 800: ?>
<table width="780" height="85" border="0" cellpadding="0" cellspacing="0" align="center">
<?php
break;
case 1024: ?>
<table width="1000" height="85" border="0" cellpadding="0" cellspacing="0" align="center">
<?php
break; ?>
<?php } ?>
|
En conclusion, je pense que la solution la plus adaptée pour toi (du moins pour le premier tableau il faudrait voir le reste), est la seconde : directement en HTML, tu donnes une largeur en %. En règle générale, il faut jouer sur la taille des images, les marges du document etc... c'est au cas par cas ! |
|
|
| Par Paraman, le 08 Juil 2004, 22:51 |
Revenir en haut de page |
|
ok j'ais mis 100% pour voir
sa a l'air d'etre bon
le probleme ces que j'arrive pas a voir mon site en appercu avec dream :angry: |
|
|
| Par Cédric, le 08 Juil 2004, 22:57 |
Revenir en haut de page |
|
| Citation: | | le probleme ces que j'arrive pas a voir mon site en appercu avec dream |
Tu ne m'as toujours pas dit quels étaient tes paramètres ?!
Et ça fait quoi exactement quan tu fais F12 ? |
|
|
|
|
|
|
| Par Paraman, le 09 Juil 2004, 16:02 |
Revenir en haut de page |
|
ok j'ais fais des essais avec un autre compte en 800/600
sa change pas grand chose
mais maintennant que je sais je metrait 100% et puis voilla   |
|
|
| Par Cédric, le 09 Juil 2004, 17:03 |
Revenir en haut de page |
|
Autant pour moi ! Je t'ai fait modifier la largeur du tableau mais je n'avais pas vu que tu avais indiqué la largeur de chaque cellules !
Ca permet de te démontrer encore une fois qu'il faut bien faire attention au code ajouté par ce type de logiciels ! Tu modifie un élément et il t'ajoute et / ou modifie plusieurs paramètres ! Pour ton tableau, il ne suffit pas de dire que le tableau doit faire 100% de large, il faut également supprimer les largeurs de chaque cellule !
Si on reprend le code :
| Citation: | <table width="100%" height="85" border="0" cellpadding="0" cellspacing="0" align="center">
<tr>
<td width="154"><img src="image/lampe_eau.gif" width="50" height="120"></td>
<td width="713" align="center"><img src="image/550x100.jpg" width="550" height="100"></td>
<td width="109" align="center"><img src="image/lampe_eau.gif" width="50" height="120"></td>
</tr>
</table> |
Tu as beau indiquer 100%, si la largeur des cellules fait 154 + 713 + 109 = 976 (la largeur de départ du tableau), ça ne changera rien ! Enfin si : au lieu de faire toujours 976 pixels de largeur, le tableau commencera à s'adapter à la fenêtre (100%) à partir de 976 pixels (la largeur totale minimum des cellules fera donc 976).
Je t'ai refait vite fait la page d'accueil pour te montrer que rien qu'avec le HTML, tu peux facilement adapter ton site. Je vais te l'envoyer par mail. |
|
|
|
|
| Par Paraman, le 10 Juil 2004, 21:16 |
Revenir en haut de page |
|
pour le menu il va falloir ce pencher sur la question
car j'ais installer la bare google est sa me bloque les pop-up
de ce faite tout mes liens ds le menu ne s'ouvre pas car il sont bloquer par google
en faite sa ouvre des page comme des pop-up
je peu pas laisser comme sa il pourons pas voir mes pages
stp aide moi la dessus
merci a bientôt |
|
|
| Par Cédric, le 12 Juil 2004, 20:20 |
Revenir en haut de page |
|
Slt,
Dsl je n'avais pas vu que tu avais répondu à ce message... de toute façon ton menu va poser trop de problèmes ! Alors refais le complètement !!!
1. Comme je te l'ai dit il est généré par script (javascript) et tous les visiteurs n'ont pas cette fonctionnalité d'installée / activée. Donc certains n'auront pas de menu.
2. Tu viens de le dire, ceux qui bloquent les popup ne pourront pas naviguer sur le site... encore une des super fonctions javascript.
Donc le mieux : refauis complètement ton menu !
Si vraiment tu veux garder celui-ci en javascript, il faut analyser le code javascript que tu as installé. Je vois ça et je te dis quoi. |
|
|
| Par Cédric, le 12 Juil 2004, 20:53 |
Revenir en haut de page |
|
Voilà, essaie en supprimant tous les TARGET="framegauche" de ta page...
Avec Dreamweaver tu fais :
- Remplacer : TARGET="framegauche",
- Par : (laisse vide),
- Dans : document actuel,
- puis tu cliques sur Remplacer tous...
Une chose est sûre... je te le redis depuis le début : refais ton interface !!! Au moins refais le menu avec un tableau (sans javascript si possible, tu auras moins de problèmes). Si vraiment tu ne vois pas comment faire ton interface, vois dans les kits graphiques, tu trouveras sans doute ton bonheur à des prix très raisonnable ! (Ca peut au moins te donner des idées).
Tiens moi au courant... |
|
|
| Par Paraman, le 13 Juil 2004, 17:00 |
Revenir en haut de page |
|
bizard je trouve pas ds dream remplacer !!!
pour les graphique je preffaire le crées mais je sais pas faire j'ais vus sur dream feuille de style mais il m'enmaine sur un document a ouvrir que j'ais pas mais pour sa on vera le plus important ces le menu
le probleme ces que deja cellui la j'ais 2 moi pour le trouver et je suis incapable ds crées un donc a part si tu connais un endroie pour en avoir un ??
voilla affaire a suivre
merci |
|
|
| Par Cédric, le 14 Juil 2004, 02:13 |
Revenir en haut de page |
|
| Citation: | | le probleme ces que deja cellui la j'ais 2 moi pour le trouver et je suis incapable ds crées un |
Mais nonnnnnnn... comme si 
C'est peut-être un peu complexe en utilisant le javascript mais comme on vient de le voir, le résultat n'est pas garanti puisqu'il dépend des paramètres des visiteurs !!! Donc le mieux, c'est de créer ton propre menu, sans aller le chercher ailleurs.
Bon on reprend depuis le début, première chose avant de chercher à créer ton menu et même ton interface : penser la structure du site. C'est à dire qu'il faut connaître par avance le contenu de ton site. Même si ça n'est pas rédiré ni mis en page, quelles seront les pages visibles par tes visiteurs ?
1. Commences donc par donner tes rubriques et sous rubriques, du style :
| Citation: | Accueil
Rubrique 1 (contient une page d'accueil ou accès direct aux pages ?)
- S/s rubrique 1.1 (contient une page d'accueil ou accès direct aux pages ?)
- - page 1.htm
- - page 2.htm
- S/s rubrique 1.2 (contient une page d'accueil ou accès direct aux pages ?)
- - page 1.htm
- - page 2.htm
Rubrique 2
[...] etc. |
2. De ces rubriques doivent normalement découler une arborescence. Selon le nombre de pages de chaque rubrique, tu peux soit :
- mettre toutes les pages (toutes rubriques confondues) dans le même répertoire,
- ranger les pages dans des sous-répertoires pour y voir plus clair.
Donnes également dans ta réponse l'arborescence que tu envisages d'adopter. De cette arborescence découlera forcément un menu, qui ne sera pas construit pareil selon le nombre de liens nécessaires. Mais la création du menu est on ne peut plus simple... le tout est de savoir ce qu'il doit contenir. |
|
|
| Par Paraman, le 15 Juil 2004, 20:12 |
Revenir en haut de page |
|
| Citation: | acceuil
-Sports
--moto-cross
--parachutisme
-Loisirs
--jeu virtuel
--real flight
--aeromodelisme
--voiture rc
-Mise en garde
-Discution
--forum
--livre d'or
--e-mail
-Info
--Mes favoris
--mise a jour
--petites annonce
--truc et astuce xp
--utilitaire
-Plan du site |
voilla comme sur mon site mais je veux un menu comme le mien qui se déroule c'est possible ?
autre chose je pourrais rajouter des liens par la suite dans le menu ?
mon menu actuel : sportsetloisirs.free.fr
bon j'espere avoir repondu a ta question |
|
|
