Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1427 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  de photoshop à dreamweaver: pb centrage de page

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

de photoshop à dreamweaver: pb centrage de page

n°1217389
biopikachu
Posté le 07-10-2005 à 11:12:25  profilanswer
 

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!!!!!!

mood
Publicité
Posté le 07-10-2005 à 11:12:25  profilanswer
 

n°1217396
FlorentG
Posté le 07-10-2005 à 11:16:12  profilanswer
 

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 :(

n°1217398
FlorentG
Posté le 07-10-2005 à 11:17:06  profilanswer
 

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

n°1217400
omega2
Posté le 07-10-2005 à 11:17:30  profilanswer
 

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


Message édité par omega2 le 07-10-2005 à 11:17:43
n°1217412
biopikachu
Posté le 07-10-2005 à 11:24:05  profilanswer
 

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....

n°1217419
biopikachu
Posté le 07-10-2005 à 11:27:50  profilanswer
 

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...

n°1217421
FlorentG
Posté le 07-10-2005 à 11:27:53  profilanswer
 

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

n°1217424
FlorentG
Posté le 07-10-2005 à 11:29:14  profilanswer
 

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 :(

n°1217429
biopikachu
Posté le 07-10-2005 à 11:30:17  profilanswer
 

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....)

n°1217432
biopikachu
Posté le 07-10-2005 à 11:32:46  profilanswer
 

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....

mood
Publicité
Posté le 07-10-2005 à 11:32:46  profilanswer
 

n°1217433
FlorentG
Posté le 07-10-2005 à 11:32:56  profilanswer
 

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 :(

n°1217437
biopikachu
Posté le 07-10-2005 à 11:35:31  profilanswer
 

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....

n°1217446
biopikachu
Posté le 07-10-2005 à 11:40:32  profilanswer
 

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

n°1217454
gatsusat
Posté le 07-10-2005 à 11:44:45  profilanswer
 

c'est malbarré je dis


---------------
Les CSS c'est bon mangez-en
n°1217456
biopikachu
Posté le 07-10-2005 à 11:46:59  profilanswer
 

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

n°1217462
biopikachu
Posté le 07-10-2005 à 11:50:19  profilanswer
 

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...

n°1217465
gatsusat
Posté le 07-10-2005 à 11:51:05  profilanswer
 

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
n°1217467
bl@p_psx
Admin G15-france
Posté le 07-10-2005 à 11:53:41  profilanswer
 

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-:.
n°1217469
biopikachu
Posté le 07-10-2005 à 11:55:50  profilanswer
 

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???

n°1217470
bl@p_psx
Admin G15-france
Posté le 07-10-2005 à 11:56:36  profilanswer
 

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


---------------
:Moultiplayers:.:Quatuor Chevalier:.:Admin G15-france.com:.:Wiki -G15-france:.:-Papa-:.
n°1217473
bl@p_psx
Admin G15-france
Posté le 07-10-2005 à 11:58:16  profilanswer
 

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-:.
n°1217474
biopikachu
Posté le 07-10-2005 à 11:59:30  profilanswer
 

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!!!

n°1217476
gatsusat
Posté le 07-10-2005 à 12:02:27  profilanswer
 

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
n°1217477
bl@p_psx
Admin G15-france
Posté le 07-10-2005 à 12:04:06  profilanswer
 

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-:.
n°1217479
biopikachu
Posté le 07-10-2005 à 12:05:12  profilanswer
 

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

n°1217502
omega2
Posté le 07-10-2005 à 12:17:38  profilanswer
 

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.

n°1217546
weed
Posté le 07-10-2005 à 13:04:05  profilanswer
 

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é.

n°1217653
plainsofpa​in
Pingouino's lover
Posté le 07-10-2005 à 14:24:04  profilanswer
 

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
n°1218251
Master p
My new cock ring :D
Posté le 08-10-2005 à 12:29:42  profilanswer
 

[: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
mood
Publicité
Posté le   profilanswer
 


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  de photoshop à dreamweaver: pb centrage de page

 

Sujets relatifs
Enregistrer une page en format Wordcréation d'un guestbook sur dreamweaver
css et pied de pageProbleme des pages PUB sur une page perso
Ouvrir une page php a dans 1 nouvelle page avec START (DOS)Fichier .bat et script d'exécution d'une page web
Photoshop 7.0[VBS] Rappatrier une page WEB ?
centrer un tableaux avec dreamweaverPolice de caractère sur une page html
Plus de sujets relatifs à : de photoshop à dreamweaver: pb centrage de page


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR