de photoshop à dreamweaver: pb centrage de page

de photoshop à dreamweaver: pb centrage de page - HTML/CSS - Programmation

Marsh Posté le 07-10-2005 à 11:12:25    

bonjour,
j'ai créé un site avec photoshop, que j'ai retravaillé sous dreamweaver. Pb: il est concu en 800*600, du coup, en 1024*768, la page est alignée à gauche et c'est moche!!!
j'ai cherché la solution dans pleinde forums, j'ai commencé à apprendre le css, essayé des tas de bouts de code conseillés par d'autres internautes, ca ne marche pas, JE DESESPERE !!!!
Ce n'est pas mon premier site, mais je suis + que débutante en programmation, et je n'ai pas bcp de temps pour lire tous les tutos de bout en bout...
 
 
http://reserve6rg.free.fr/  (login: visiteur, passw: 6rg)  
 
 
PLIZZZ..... HELP!!!!!!

Reply

Marsh Posté le 07-10-2005 à 11:12:25   

Reply

Marsh Posté le 07-10-2005 à 11:16:12    

Le mieux que tu puisses faire, c'est de faire une recherche sur ce forum avant de poster. En effet, cette question est posée 512 fois par jours en moyenne, et ça devient un petit peu relou d'avoir à répéter toujours les mêmes choses :(

Reply

Marsh Posté le 07-10-2005 à 11:17:06    

Est-ce un site officiel du ministère de la défense :??:

Reply

Marsh Posté le 07-10-2005 à 11:17:30    

un site officiel du ministère en free.fr, j'ai des doutes.


Message édité par omega2 le 07-10-2005 à 11:17:43
Reply

Marsh Posté le 07-10-2005 à 11:24:05    

oui c un site officiel, mais pour l'instant je l'héberge sur free.
je sais que la question a déjà été posée, j'ai lu les réponses, testé des codes, mais je n'y arrive pas, désolée. peut être est ce dû à la construction de ma page?
Ce serait sympa de m'aider....

Reply

Marsh Posté le 07-10-2005 à 11:27:50    

pour faire bref, j'ai déjà essayé: la balise DIV pour centrer la page + une feuille de style CSS, le margin auto pour le BODY, etc...

Reply

Marsh Posté le 07-10-2005 à 11:27:53    

Donc si c'est un site officiel du ministère de la défense, il tombe sur le coup de la loi  n° 2005-102 du 11 février 2005, article 47, qui stipule :

Citation :


Les services de communication publique en ligne des services de l'Etat, des collectivités territoriales et des établissements publics qui en dépendent doivent être accessibles aux personnes handicapées.


 
Ce qui n'est pas le cas ici : la mise en page est entièrement faites de moult images dont l'attribut alt n'a pas été renseigné, ce qui rend impossible l'accès du site à des utilisateurs malvoyants :D

Reply

Marsh Posté le 07-10-2005 à 11:29:14    

biopikachu a écrit :

pour faire bref, j'ai déjà essayé: la balise DIV pour centrer la page + une feuille de style CSS, le margin auto pour le BODY, etc...


C'est sur le div qu'il faut mettre le margin auto, à condition qu'Internet Explorer soit en mode Strict, et non Quirks...
 
Une question, tu as quoi comme formation/compétences, pour réaliser un tel site ? Parce que là, tu aurais beaucoup de choses à apprendre, avant de te lancer dans la réalisation d'un site officiel :(

Reply

Marsh Posté le 07-10-2005 à 11:30:17    

oohhh nooonnn!
pour l'instant, sans vouloir négliger les malvoyants, ce n'est pas ma priorité.... (et en plus je ne sais pas ce qu'est l'attribut alt....)

Reply

Marsh Posté le 07-10-2005 à 11:32:46    

j'ai tout appris sur le tas, et je COMPRENDS juste le HTML. je commence à apprendre sur les feuilles de style etc..
le site n'est pas "super important". c'est juste une vitrine pour mon unité, mais je voudrais juste que la présentation soit correcte...
j'utilise firefox, pas IE. j'ai essayé le margin auto sur DIV, ca ne donne rien....

Reply

Marsh Posté le 07-10-2005 à 11:32:46   

Reply

Marsh Posté le 07-10-2005 à 11:32:56    

Oulala :( Je crains que tu ne sois pas apte à réaliser un site web, à moins que tu t'y mettes sérieusement pendant 3 mois à éplucher des centaines de sites pour t'auto-former...
 
Sachant que l'attribut alt est vraiment la base de l'HTML :(

Reply

Marsh Posté le 07-10-2005 à 11:35:31    

c'est tellement bête comme pb, le centrage. j'ai pourtant réalisé d'autres sites sans soucis, mais maintenant avec les différents affichages...
 
je veux juste résoudre ce pb, pour le reste, même si ce n'est pas très académique, je saurai me débrouiller....

Reply

Marsh Posté le 07-10-2005 à 11:40:32    

est ce que ma balise est bonne au moins?
<Div ID="page";width: 800px;margin: auto;</DIV>

Reply

Marsh Posté le 07-10-2005 à 11:44:45    

c'est malbarré je dis


---------------
Les CSS c'est bon mangez-en
Reply

Marsh Posté le 07-10-2005 à 11:46:59    

pkoi??? c'est si compliqué de centrer juste une page??

Reply

Marsh Posté le 07-10-2005 à 11:50:19    

je sais bien que c'est un sujet fréquemment abordé, que je casse les pieds de tt le monde avec, mais j'essaie vraiment d'y mettre de la bonne volonté: j'ai pris des bouquins, et j'apprends!! le truc, c'est que je cherche la solution depuis 2 semaines,et que là, ca devient énervant.... jveux juste un peu d'aide...

Reply

Marsh Posté le 07-10-2005 à 11:51:05    

nan ce que tu as produit c'est de la merde en barre et un site officiel, c'est pas en connaissant 3 balises en HTML qu'on peut en faire un.
 
ensuite pour ce qui est du centrage on fait ca en CSS
 
<div id="monblocentier"></div>
 
et en CSS
 
#monblocentier {
  margin:0 auto;
}
et si tu as spécifié un doctype transitionnal avec URI (au minimum) tu passe le navigateur IE en mode strict et du coup ta page sera centrée.
Si ce n'est pas le cas (ce qui est sur vu la gueule de ton site)
il faut spécifier un text-align : center sur le body, puis tout replacer les éléments a gauche sur l'élément fils
 
body { text-align:center }
#monblocentier {
  margin:0 auto;
  text-align:left;
}


---------------
Les CSS c'est bon mangez-en
Reply

Marsh Posté le 07-10-2005 à 11:53:41    

biopikachu a écrit :

est ce que ma balise est bonne au moins?
<Div ID="page";width: 800px;margin: auto;</DIV>


 
au pire :
 

Code :
  1. <div id="page" style="width: 800px;margin: auto;">
  2. </div>


 
Dans l'ordre :
-Minuscule pour tout le code.
-manque la fin de la balise div
-manque l'ouverture de l'attribut style
-a quoi te sert ton id ?? si tu met le style "en dur" dans la balise ? utilise une feuille de style "externe"
 
bref, beaucoup de petit problèmes ( et encore, j'ai pas été voir le code source de la page )
 
par contre, ce que dis Florent_G à propos de la loi  n° 2005-102 du 11 février 2005, article 47, est très important !!!
Tu ne peux pas dire, les malvoyants, ce n'est pas ma priorité. C'est une lois ! tu n'a pas le choix !
 
Aller ! bon courage !
 
@+


---------------
:Moultiplayers:.:Quatuor Chevalier:.:Admin G15-france.com:.:Wiki -G15-france:.:-Papa-:.
Reply

Marsh Posté le 07-10-2005 à 11:55:50    

histoire de ne pas refaire la même erreur, comment aurait t'il fallu concevoir ma page à partir d'un design photoshop,sans tout ces pbs???

Reply

Marsh Posté le 07-10-2005 à 11:56:36    

[HS]
La vache ! c'est violent de code que produit ImageReady !!!!
[/HS]


---------------
:Moultiplayers:.:Quatuor Chevalier:.:Admin G15-france.com:.:Wiki -G15-france:.:-Papa-:.
Reply

Marsh Posté le 07-10-2005 à 11:58:16    

biopikachu a écrit :

histoire de ne pas refaire la même erreur, comment aurait t'il fallu concevoir ma page à partir d'un design photoshop,sans tout ces pbs???


 
Avec du texte partout ou tu as des images !!! ( pour commencer )


---------------
:Moultiplayers:.:Quatuor Chevalier:.:Admin G15-france.com:.:Wiki -G15-france:.:-Papa-:.
Reply

Marsh Posté le 07-10-2005 à 11:59:30    

oui, je sais, c'est pour ca que je pense plutôt à refaire le site en entier, et correctement cette fois...
mais pour ca, j'ai besoin de savoir comment passer de photoshop à dreamweaver: coller dans un tableau les images? faire des tranches?
merci en tout cas de votre patience et de vos conseils!!!

Reply

Marsh Posté le 07-10-2005 à 12:02:27    

Pour le site :  
- Faire ton site en texte tout simplement, en utilisant les balises adequates (menu UL LI A), paragraphe P ....
 
 
Images
extraire les images nécessaires une à une. les fonds et tout le toutim
 
ensuite avec les CSS placer les éléments et les backgrounds de tes éléments (images extraites de toshop
 


---------------
Les CSS c'est bon mangez-en
Reply

Marsh Posté le 07-10-2005 à 12:04:06    

biopikachu a écrit :

oui, je sais, c'est pour ca que je pense plutôt à refaire le site en entier, et correctement cette fois...
mais pour ca, j'ai besoin de savoir comment passer de photoshop à dreamweaver: coller dans un tableau les images? faire des tranches?
merci en tout cas de votre patience et de vos conseils!!!


 
Il faut que ton template psd ne contienne pas de texte ! c'est pas normal ! c'est au hmtl de s'occuper du texte.
 
Il faut que tu ais, au final, vu ta page actuel, moin de 15 images pour le style ( à peu pres, d'apres ta page ) car là, tu a quand même + de 47 images  :ouch:  
 
@+ bon ap'


---------------
:Moultiplayers:.:Quatuor Chevalier:.:Admin G15-france.com:.:Wiki -G15-france:.:-Papa-:.
Reply

Marsh Posté le 07-10-2005 à 12:05:12    

au final, c'est meiux de découper les images ou pas? ou d'avoir un arrière plan unique?

Reply

Marsh Posté le 07-10-2005 à 12:17:38    

Pour les images contenant du texte, il faut le remplacer par du texte simple et mettre une image en fond de case ou une couleur de fond.
L'image et la couleur de fond se régle dans la feuille de style. (le fichier css)
Comment savoir s'il faut utiliser une image ou une couleur de fond? C'est simple, si ton image est un rectangle dont la couleur est la même partout, il faut utiliser une couleur de fond et pas une image. Si c'est un rectangle avec des coins arrondis c'est pareil. (l'arrondis des coins se réglent dans la feuille de style) Dans les autre cas, tu mets une image.
 
Pour l'attribut alt d'une image, c'est du texte qui sera afficher à la palce de l'image si le navigateur ne l'affiche pas (navigateur texte par exemple), si on passe la souris sur l'image ou si un logiciel lit la page pour un aveugle par exemple.

Reply

Marsh Posté le 07-10-2005 à 13:04:05    

oui souvent, il vaut mieux découper les images en plusieurs morceaux, ce que font la plus part des webmaster.
 
sinon l'attibut alt, c'est dans les balises <img src='mon_image.jpeg' alt='ceci_est_une_image_'>
 
lorsque ton navigateur est un navigateur texte qui ne permet d'afficher ton image, tu as le texte placé entre la balise alt qui est affiché.

Reply

Marsh Posté le 07-10-2005 à 14:24:04    

alt n'est pas une balise, mais un attribut  [:mechant]  
 
La balise c'est <img>.
 
Et l'ensemble <img src="" ... /> est un élément :o


---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
Reply

Marsh Posté le 08-10-2005 à 12:29:42    

[:rofl] oh putain, c'est violent comme "site officiel"
 
Et moi demain, je me lance dans la plomberie [:dawa]


---------------
HAHAHA I M USING TEH INTERNET
Reply

Marsh Posté le    

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed