Ce topic n'est pas un tutorial, il s'agit simplement de regrouper nos trucs et astuces et de pouvoir regler les soucis que l'on pourrait rencontre lors de la mise en place d'un webdesign en (x)HTML.

Dans un premier temps je vais simplement vous donnez quelques ressources, par la suite, au fur et a mesure des questions et des réponses, je ferais un index des meilleurs Astuces pour les retrouver facilement.

Pour une meilleur lisibilité essayer de toujours quoter le message auquel vous répondez et de mettre les morceau de code html que vous ecrivez toujours entre les baslie [ html ] et [ / html ]

Quelques Ressources pour le développement Web :

Traduction Francais des specs du W3C - Tres pratique pour crée des document valid et bien utilisé les differente option des languages du W3C.

SelfHTML - Un site qui reprend en grande partie les specifiation du W3C et qui les expliquent. C'est ma réference pour savoir comment s'emploie tel tag ou telle propriété car les exemple sont pratique et souvent les incompatibilité des navigateur sont réferencés.

OpenWeb - Site contenant un grand nombre de tuto pratique, ainsi que des études de cas. Il n'est pas forcement nécéssaire de les lire tout mais certain sont essentiel lorsque l'on débute en mise en page par div. Nottament ceux expliquant les méthode de positionnement pas div.

AlsaCreations - Tres bon site de l'auteur du livre ci dessous, contient un de nombreuse exemple nottament sur la conception de menu

--------------------------------------------

Ce sera mes seul réference actuellement au niveau des site web.
Par contre pour les gens qui aime bien avoir un bon vieux bouquin il en existe un super :

Quelques exemples de WebDesign :

LivePicture - Un site fait par dlb et moi pour un projet de Fac.
CrystalXP - Toujours exemple de dlb et moi n'hesitez pas a regarder comment c'est fait
CssZenGarden - Un site dont le concept est que c'est uniquement le fichier CSS qui change. Le code HTML restant toujours strictement le meme.

Réservé

Bonne idée.  

très bonne idée , d'ailleur j'ai une petite question:
comment on fait pour centrer une image a l'iterieur d'un block mais qu'elle garde son format d'origine ???
parceque j'ai déja essayé des truc mais ça marche pas
bon dacor c'est peu être une question bete pour vous mais moi ça fait que 2 mois que je connais le xhtml&css ( que j'ai apris sur le très bon tuto du site du zéro )
merci @+

Une question qui n'a absolument rien à voir avec ça ..

Pourquoi le 3eme post de TheGuit c'est écrit "Réservé" ?

Ben un

Je pense que ça suffira ...

non ?

Après ça dépend la taille de ton image et de ton cadre ?

Tout dépend du code aussi ...

Je pense que c'est pour les astuces, les questions réponses ou l'index

Pour que ce soit bien rangé quoi  

Edit : c'est vrai, j'ai cherché, et align n'existe pas ... je vaiq voir dans le bibliothèque w3c

Pour centre une image tu fait une petit balise de style ou tu le mets dans une feuille de style

Tu mets

tu peut aussi le mettre directement dans ta page se qui donne :

mais je te conseille la première

Voila messieu j'ai un petit truc a vous dire après

ps: essaye de garder un topics propre sa serais sympa donc repondez seulement une reponse clair et presice sans dire un machin sa suffit ou mets un truc muche mettez la reponse en quote se qui est plus agreable.

Juju

umh... c'est quoi un align  je connais pas

merci ça marche avec la propiété align:center;
en fait je ne connaisait pas cette propriété je connaisait juste text-align et ça ne marcher pas avec les images
encore merci

attention, n'oubliez pas que certaines fonctions en CSS ne fonctionne pas correctement ou ne sont pas reconnu par Internet Explorer, notamment la fonction clear:both qui n'est pas géré (pourtant très utile).

C'est une bonne idée ce sujet.

Tpdk il divague

Clear:both

Il marche très bien sur mes site et sur tout les dotclear que je connais

Juju

Alors attention margin:center; ca n'existe pas -> http://www.yoyodesign.org/doc/w3c/css2/box...rgin-properties soit un pourcentage soit une valeur chiffrer soit auto

C'est d'ailleur cette derniere propriété qui est utile dans notre cas. Pour centrer l'image il suffirat de mettre margin:auto; sur l'image du moins en théorie car ceci ne marche pas sur IE. Il faut donc dans ce car mettre text-align:center; sur l'element parent de l'image.

on obtient donc :
HTML<div style='text-align:center;/*Pour IE*/'>
 <img src='monimage.jpg' style='margin:auto;' />
</div>

oui la tu t'est gourré clear:both; marche bien seulement il faut que la div sur laquelle c'est appliqué ne fasse pas 0px de haut

Quesque je racconte moi c'est pas margin:center

C'est margin:auto

ps:je vais adorer se topics je suis la pour toute aide ou astuce d'ailleur si des personne on de bon js je suis prenneur

Juju

Merci beaucoup TheGuit pour ce topic.

Moi j'aurais une question : j'ai passé quasiment toute la nuit à coder un design mais j'ai tout mis avec des tables (je sais, c'est pas bien, tout ça...). et je voudrais justesavoir si ce sera compliqué de tout mettre en <div> ou pas.

Pour l'aperçu du résultat et du code : AS-Expo Gallerie

Merci d'avance à ceux qui répondront.

Cella depend t'est table ou un div style ou pas

Tu fait un div sur tout tes table et tu mets un id !

ensuite tu creer une page de style et tu mets t'est id

Juju

Compliqué oui et non. A mon avis tu a plus vite fait de tout bien re réflechir en div tout de suite que de passé betement tes table en div ce qui va te donné un code en div codé comme des table donc qui marche mais tu n'aurat aucun gain au final (tu vas peut etre meme y perdre, div -> 3 lettre, td -> 2 lettre ).

Le but de faire en div n'est pas juste de faire des div c'est de changé la manier dont on concois la page pour la rendre plus souple

Surtout que ton design n'est pas trop compliqué a passé en div je pense si tu réflechi bien et que tu repart du début tu devrais t'en sortir facilement

Je me permet de mettre un lien pour un très bon site pour apprendre le CSS : http://www.alsacreations.com

Ah oui merci TPDK je l'ai zapper celui la pourtant le methode utilisé sur le menu de live Picture vient de la justement

Il sert à quoi le clear: both ? Je connais pas

Sinon voila le site de Rafaël Goetter, qui est l'auteur de CSS2

Sinon pour débuter il existe des tutos très bien faits ici. Ce site propose des méthodes très pédagogiques, et les leçons passent bien. Par contre, c'est bien pour un début mais à un moment faut se détacher de ça parce qu'on reste limité. Sinon il y a une très bonne communauté toujours à l'écoute !

Edit : super grilled

Edit : avant (mais après   ) juju ^^)

Moi au autre super ou j'ai appris presque tout

http://www.siteduzero.com

Juju

LOOL moi c'est simple j'arrive pas a coder mon design que j'ai fait avec Photshop 7.0, quand je met les balises CODE<a href="mon_lien.htm"><img src ="limage_du_lien.gif"/></a> bah ca deforme l'image  
Donc voila le design normal et voila le design déformé
Et puis ya ce probleme des liens qui font un cadre bleu ... et... comment je fais pour le design entier au centre ?

Merci  

Une petite question...

J'utilise une feuille de style sur mon site, vous constaterez que c'est bien vert   . Est-il possible de mettre un lien couplé à une fonction javascript, sur la page d'accueil, pour proposer d'autres styles, c'est-à-dire charger une autre feuille de style ?

Si quelqu'un a une idée, je suis preneur !

bon je vais tout de suite vous demander une astuce :

J'ai fais il y a déjà plusieurs mois le tuto de M@téO sur le site du zero pour le xhtml et css.

Le but était de faire quatre <div> positionnés comme ceci :

mais le problème que j'avais est que si le div contenu est de taille plus petite que le div menu, j'obtenais ceci :

1) est-ce normal ???

2) une petite astuce pour y remédier ?

Encore merci d'avance

Regardé ce qui est écri avant vos poste car vous conseillez tous les même site  

Moi aussi j'ai un petit probléme. Voila je suis en trainde développer un site internet (http://demarrageinfo.chez-alice.fr/index.php)
probléme adaptibiliter ie 0. Donc pour remedier a cela j'ai voulu tester la même technique que TheGuit utilise dans http://theguit.homeip.net/~livepicture/index.htm sur  
http://quentin.fr.chez-alice.fr/dmimusic/index.php qui est un extension de mon site et qui est à peu prés construit pareil niveau code. Mais le rendu et trés mauvais sur ie, et juste sur ff. Alors je voulai savoir si cela pouvez venir de mon codage. Si oui qu'est ce qui cloche?

TwEsQ pour ton probléme mais les deux div de la même taile dans ta feuille de style