Félicitations,
Tout d'abord pour le design de ton site car il est vraiment bien fait
ensuite pour le contenu qui est excellent,
et ensuite pour tes excellents tutoriaux vraiment très bien expliqué avec tout a dispo et pour mettre au point des sites très beau et le tout expliqué du début a la fin vraiment chapeau
Et merci pour tout ce que tu viens de m'apprendre

Enfin un tuto qui explique de A jusqu'à Z comment on fait un site web....moi jdis bravo ! tchuss jojo

je l'attendais avec impatience ... MERCI Beaucoup !!!

Les autres site devraient tous prendre de la graine dessus sérieux, expliquer comme sa même un gosse de 4 ans pigerais direct lool, franchement rien à dire il est parfais, tout expliqué comme je le souhaite chapo bas. Excellent tuto.

Ya pas a dire ton tuto il cartonne sérieux...
La découpe c'est niquel-chrome j'ai tout compris, et je suis sur que ca va aider pas mal de débutants =].

Enorme boulot (surtout quand c'est filmé avec Camtasia ^^, je parle en connaissance de cause) et franchement CHAPEAU.

TchuSs' raton, et je te remercie encore pour ton codage de mon folio

Très bien, le menu avec les différentes couleurs va bien m'aider. Merci a toi Raton Laveur !

Merci, pour ce tutorial.
Vraiment très bien fait.
Bonne continuation.

Excellent tuto
je l'attendait avec impatience et il m'a permis de faire exactement ce que je voulais faire ^^
vivement les prochains ... ^^,
très bonne continuation :D

Merci beaucoup pour ce tutoriel extrêmement bien expliqué j'ai commencer a coder mon design j'ai quand même eu des problème notamment dans le css #menu "lu li" a:hover{} pour que les animations marche il a fallut que j'enlève le "lu li". J'aimerai bien savoir aussi coder les menu que l'on place a gauche (ou droite) les sous menu je crois que cela s'appelle.
Merci encore une fois je suis sur la bonne voix je pense pour mon design. A bientôt.

Est par exemple un site avec une barre de navigation en haut et un menu a droit ou a gauche un peu comme cela. Je ne pense pas qu'il doit y avoir une grande différence mais je ne suis pas arriver.Meci
www.grafik-system.com/

Énorme !

Depuis le temps que j'attendais ça !!

Merci ! >_<'

55 minutes de vidéo, hé béh, chapeau !

Alors je suis ravi de voir que le tuto est en ligne je me le mate demain sans faute, j'avais adoré le premier !!
En plus tout le monde à l'air content.
Merci encore en tout cas !

C'est vraiment très pro comme tutoriel.
Un GRAND bravo pour ton travail, et un GRAND merci !

Vraiment un grand bravo pour ce tuto :-)

Mais j'ai une petite question...
Lorsque l'on clique sur un lien du menu de navigation, comment faire pour que les pages s'affiche dans la <div> des news ? (comme une iframe par exemple)?

Merci

@+

Je viens de trouver ce site et moi, je dois vous dire aussi bravo! C'est juste ce que je cherchais. Je n'arrivais pas à bien comprendre comment entamer à construire un site avec CSS. Félicitations pour le tuto.

PD. Je suis un débutant avec le CSS.
victor
Montreal-Qc.

Vraiment merci beaucoup, tu ne peux pas imaginer à quel point ton tuto m'a aidé.
Un grand bravo!!
a+

Super les tutos en vidéos! Ça nous fait gagner beaucoup de temps dans l'apprentissage: on assimile plus et mieux.
Continuez dans ce sens.
Je suis également demandeur de vidéos sur les CMS: entre autres sur Joomla! et ses templates. Il existe quelques séquences vidéos à ce sujet, mais elles sont anglophones dès lors je ne saisis pas forcément toutes les nuances des techniques évoquées.
Quoi qu'il en soit, le travail que vous réalisez est formidable pour la communauté.

Merci a toi jojo pour ce super tuto.

C'est vraiment fantastique de faire partager tes connaissances à d'autres personnes par le biais de vidéos.

J'ai réellement adoré, vivement d'autre tuto du même type.

Et encore merci à toi.

Stéphane.

Super tutoriel. Juste une petite question qui ne figure pas sur le tuto : comment placer une image (par exemple un logo) servant à illustrer le texte dans la partie du contenu?

En tout cas bravo pour ce tuto qui m'a bien mieux aidé à comprendre la puissance des CSS

Salut, tout d'abord super tuto vidéo c'est vraiment bien expliqué et bon les gens comme moi qui y connaisse un minimum ça passe tout seul.

petite question: comment fait on par la suite pour rajouter en dessous de la case "navigation" une nouvelle case "navigation 2" avec de nouveau liens ?
voilà, merci encore pour ce tuto.

C'est vrai que ton boulot est excellent !
Moi qui aime designer et bien là, je serais plus indépendant grâce à ton tutoriel : plus besoin de demander à Pierre Paul ou Jacques lol

Bonne continuation surtout !

Commme toujours. Rien à dire

A plus jojo, très bon tuto.

Bye. ( Faut faire tourner le lien du site )

:/

Bonjour,
Tout d'abords un tout grand merci pour ce tutorial conséquent et si claire, ça coule de source c'est limpide. Le seul soucis est que je n'ai pas répeté l'exemple au pied du code et ayant pérsonnalisé mon prototype qui fera office de site, ce dernier apparaît différemment d'un naviguateur à l'autre. Et dernier point le code <br clear="all"/>"?" est utile mais le tuto ne dit pas comment y remédier.
J'aimerai bien t'envoyer mon prototype pour que tu puisse nous faire un tuto intermédiaire. Encore une fois un grand mrci.

Bravo, pour ce tutoriel vraiment explicite.Tellement explicite que j'ai informé ma femme qu'elle pouvait dorénavant apprendre à faire un site en une heure grâce a ce tutoriel.
Pour répondre a Le cavalier Fou en F1,Il faut faire une class "clear".
.clear { float: both; }.
A plus pour de nouveaux tutoriels tout aussi géniaux.

Un grand merci a toi ! Car j'avais déjà regardé ton premier tuto sur le découpage et il m'avait beaucoup aidé pour découpé mon folio (en ligne depuis un bon moment , et c'est surement grâce à ton tuto ^^) , maintenant celui la me sera surement encore utile , car je me suis lancé dans la v2 de mon folio , certes je commence déjà a toucher au html/css , mais tes explications sont tellement claire , que je ne peux que de continuer a apprendre des choses, encore une fois : MERCI ! Je te souhaite une très bonne continuation =)
Moi je retourne sur la v2 de mon site xD

Tres bon tuto... d'ailleur c'est le meilleur et le seul que je comprend! Mais j'ai une question... J'ai un petit probléme avec mon menu. Ce n'est pas le même type que le tien et les images ne restent pas sur la meme ligne ce qui me fait sa: lien

Bonjour!
Tout d'abord un grand merci pour ce tutoriel qui est "quasi" parfait!
C'est rarissime d'en trouver d'aussi bonne qualité!

En revanche, j'ai un problème lorsqu'il s'agit de vérifier si mon site est valide: cette erreur s'affiche et étant débutant je ne sais comment la corriger :S :

Line 1, Column 6: XML Parsing Error: XML declaration allowed only at the start of the document.
<?xml version="1.0" encoding="UTF-8"?>



Quelqu'un pour m'aider? Merci d'avance et encore bravo pour ce superbe tutoriel!

Bravo pour le travail effectué, je sais que cela représente un paquet d'heures. Merci pour ce tuto qui est on-ne-peut-plus-clair. Je l'ai découvert aujourd'hui, je suis fan!

Bonne route.

Bonjour et merci pour tes tutoriels toujours très claires,

J'ai mis en application ce tutoriel.
Cependant, il fonctionne très bien sous IE7, FF3, SAFARI. Mais sous OPERA, nada. L'effet visuel ne fonctionne pas ...

Voici le lien

Serais-tu pourquoi ?

Merci d'avance

Bonjour (ou plutôt bonsoir)

déjà merci pour tes tutos très bien faits, aujourd'hui j'ai réalisé tes 2 tutos pour faire un site web, tout allait bien, mon design collait bien au site, tout était très beau.
Après j'ai fait une vérification w3c, et là ça m'indique une erreur, alors je la corrige, je refais le test, et là pas d'erreur.
J'ai voulu voir mon site une dernière fois, mais cette fois, quand j'ouvre la page web, tout est décalé, le fond ne se répète plus, le menu navigation se retrouve sous les news, et je ne trouve pas comment corriger l'erreur (j'ai oublié ce que j'ai corrigé sur le w3c validator).

Alors s'il te plait aide-moi ^^

(si tu veux le code demande moi à lelaippe@gmail.com ou alors demande le ici je t'enverrais un mail)


merci et bonne soirée

Ah je le répète c'est super gentil de m'avoir aidé à cette heure ci ^^
Maintenant c'est valide w3c et c'est comme je le voulais

merci:)

Bonjour,
J'ai refait les deux tutos... nickel, grand merci encore. Fort de cette expérience je me suis lancé sur un psd que j'avais réalisé moi même... et tout c'est bien passé. J'ai cependant une question:

"Comment faire pour que le fond du div#news suive la taille de son contenu (dans le cas d'un CMS par exemple)en hauteur alors que le div#footer est d'une autre couleur?"

Pour le fond constitué de lignes horizontales, j'ai utilisé une ligne de 1px de large sur toute la hauteur du psd et je l'ai dupliquée en x.

Le site en demo: lien

Merci déjà pour m'avoir déjà lu.
Bon dimanche.

Un grand bravo pour ton travail! je trouve tes tutaux super bien fait et bien expliquer (grâce à toi je comprend maintenant mieux comment faire mes templates) je te tire mon chapeau ^^ bonne continuation et je n'hésiterais pas à conseiller ton site à mes amis qui débutes en css!

Wow super, merci !

C'est exactement ce que je cherchais ! Et c'est très bien fait.

Arf désolé de te faire chier encore, mais j'aurais besoin d'aide pour le faire fonctionner sous IE aussi (en plus ayant la version 6 les png ont du mal à être accepter).

Merci

Félicitations trés bon tuto

Il y' a un bug sur la vidéo
31 minute 38 seconde
met sinon bon tutoriels

Bonjour je cherche quelqu'un pour m'aider a coder un design silvouplet.
J'ai demandé a Jojoleratonlaveur mais par manque de temps il na pu m'aider je me débrouille en design et je sais découper le seule probléme c'est le codage du CSS.
Merci par avance.
Me contacter sur mon msn : keke13@hotmail.fr

Félicitation pour ton site web et continues ton excellent travail.

Bravo Bravo bravo!!!
pour ton travail et ta générosité.
J 'ai particulièrement trouvé le tuto sur le menu accordéon d'une très grange Classe,dans la manière dont tu élabores ta fonction "ascenceur"
maintenant je n ai plus peur de mettre la main dans le cambouis et de créer mes propres fonctions
Merci encore!

Chapeau ! Merci Mille fois pour ce tutoriel vachement bien expliquer
Bonne Continuation

Pourrais-tu faire un tuto sur comment faire une barre de recherche personalisée ?
Merci d'avance !

Et surtout merci beaucoups de ton travail fourni jusqu'à présent !

Salut , j'ai déjà posté un commentaire plus haut (genre , bravo super tuto etc :D) , j'aimerais te solliciter quelques minutes (si possible bien entendu =D) : j'ai un petit problème pour coder un menu , je me suis aidé de la technique que tu enseigne , mais sa marche pas trop pour moi xDD je te montre l'image du webdesign : lien

Si tu as une astuce pour réussir a coder ce menu (je sais ça craint de galérer sur sa xDD) , je te remercie d'avance , après si tu n'as pas le temps pour ça , je comprend , mais je te remercie quand même , parce que ton tuto est super xD

Peux tu m'expliqué comment on fait comme sur ton site les arrondit et mettre son site dans un contenu comme sur ton site un fond puis un autre fond en plus

Encore merci jojo xD mais j'ai utilisé une autre méthode donner par une autre personne qui n'utilise pas le css (la méthode hein xD) c'était tout bête ^^ merci beaucoup en tout cas , car je me lasse pas de regarder ton tuto (c'est peux être ta voix d'ange qui fait sa héhé) *je rigole u_u*

bonjour Grafikart, je travaille à partir de ton tuto pour mon propre site mais un probleme se présente à moi: je viens de placer le footer selon ta méthode tout es bien centré et le texte s'intègre bien mais j'ai une marge entre la fin de mon contenu et le footer lui même qui laisse un grand vide et je ne comprend pas d'où elle vient dans la mesure ou je n'ai pas d'erreur dans mes lignes de code. je signale par ailleurs que je n'ai pas mis le bloc navigation à droite ni les texte "publié le 0commentaire(s)" ... help ! please!

ok bein merci je vais voir ce qu'il en est et je pense que tu as raison car firebug me révèle des marges surlignées en jaune au bas de mon contenu donc je vais revoir tout cela... merci

Tout d'abords un tout grand merci pour ce big tutorial si claire, le seule probleme que j'ai eu c'est le blem d'affichage entre firefox et IE
, internet explorer ne s'affiche pas bien ,si quelq'un a une idée sur n'hésiter pas a le poster merci encore

Salut,

J'ai un petit problème, alors enfaite le haut du contenu est bien placé ect .. Mais l'écriture est juste en dessous et ne veux pas se mettre dans le cadre, tient voici une image : ( ne tient pas comte des images j'ai fais sa juste pour voir, je fais correctement après )
lien

Oui bien sûr, no problémo

Le voila : lien :D
Je te le redit les images sont aléatoires

Pour l'image du contenu c'est normal qu'il n'y a rien parce-que je n'est pas fini de faire ton tuto, mais je comprend pas pour la div :s

J'ai essayé d'inverser les div mais cela ne fais rien :s

Je me posais un question concernant les png sous IE6, je croyais que les transparences ne passaient pas bien, mais là j'ai pas le log pour tester, mais je me souviens avoir eu des problèmes d'affichage... Comment fais-tu?

C'est quand meme bien sympa les transparents... Toi tu les as négligé les navigateur sous IE 6? Parce que rien que dans ton menu il y a du transparent...

D'accord, merci pour tes conseils.
Ton site est super et les tutos sympa et originaux. Tu as un métier en rapport avec ce que tu fais? Parce que là j'ai l'impression qui a quand même un bon niveau...

Tout simplement, "chapeau bas".

J'ai découvert ton site il y a seulement deux jours et je trouve que tes tutoriels sont vraiment de très bonnes qualités, bref c'est du très bon travail. Je vais d'ailleurs le conseiller aux membres de mon forum.

Bonne continuation...

Ps: j'attends avec impatience le prochain tutoriel

Salut Il y a une petite erreur dans le css :D

#bas{
margin:0 auto;
padding:0 0 16px 40px ;
background:url(theme/bas.png) no-repeat;
width:517px;
height:25px;
color:#FFF;
line-height:25px;

C'est ton code source qui décale de deux petits pixels ton footer vers la droite :D

Du coup, tu pourrais le corriger en utilisant,

#bas{
margin:0 auto;
padding:0 0 16px 40px ;
background:url(theme/bas.png) no-repeat;
width:519px;
height:25px;
color:#FFF;
line-height:25px;

Voilà voilà :D

Moyan

Encore moi :D
Je débute en codage, peux-tu me dire par msn ( mon adresse est dans la partie Email ) comment créer un espace news/commentaires ?

Merci,

Merci pour tes tutos, j'ai réussi à faire mon site en entié sur le pixel-art codé par moi même ! A part le doctype :p
Lien de la page de maintenance : lien et la page normal ( plus qu'à la remplir ! ) lien
Merci beaucoup !

Salut alors super tuto !
mais je n'arrive pas a mettre la partie navigation en haut de la page n'y a mettre des images dans mon texte .

sa serait sympa de me repondre !

Pour mettre une image, le code c'est cela il me semble :
<img src="tonimages"></img>

Voila :D

Ah oui en effet, j'avais oublié le alt
Merci de m'avoir corrigé

J'ai pas très bien compris comment tu a "implanter" le system de commentaire sur un site....
J'ai fait plein de recherche sur google met en vain ...

Si un GRAND MERCI pour se blog qui m'aide beaucoup (j'adore le tuto des ombre chinoise)

Tu feras des tutos sur le php, comme des espaces membres, système de news ?

Eh bien j'espère que tu trouvera le temps de le faire :D

He bien, j'avais deja beaucoup aimer la video de decoupage mais celle-ci est encore meilleure.
Ce que j'aime ?
-L'accessibilite, meme pour un debutant en XHTML/CSS ta video est plus qu'abordable, n'etant pas debutant j'ai appris des petites astuces que je trouves vraiment interessante.
-Le fait que tu tiennes compte des standarts W3C, je vois trop de gens autour de moi s'en fiche, ca fait vraiment plaisir.
-La qualite de la video en elle-meme ainsi que de ta voix qui passe tres bien.
-Tes expliquations sont vraiment bonnes. Il y a un point negatif par contre c'est pour les boutons le fait qu'il "saute" lorque l'on passe dessus mais je pense que cela est du au fait que je ne maitrise pas les arrieres plans sur les ancres.

Pour conclure, je dirais que je ne suis pas du tout partisan de laisser des commentaires sur des blogs, mais vu la qualite de ton travail, je trouve cela important de d'en remercier.

Pour information, je fais passer les videos que j'ai vu autour de moi aux gens qui veulent faire du design web.

Continue comme ca je dirais. J'irais voir tes autres realisations plus tard.

Merci pour ce tutoriel.

Salut !

Je t'ai contacté récemment par email à propos d'un problème de png transparent sous IE6.
J'ai eu depuis l'occasion de voir que tu avais déjà répondu à une question similaire dans les commentaires au dessus.
Donc désolé et merci de m'avoir quand même répondu.

Un putain de bravo !

Un grand merci à l'auteur de ce tuto.

Super tuto - merci beaucoup

comment récupérer un code couleur sur photoshope

Salut à toi l'ami, franchement merci beaucoup pour ces tutos, tu m'as redonné goût au graphisme et plus particulièrement au codage, aboutissement du travail préalable de design..

Je suis en train de refaire mon site portfolio, une fois fini je posterai un lien ici !

Bonjour a tous, merci beaucoup raton pour ce merveilleux tuto qui m'a énormément fait progresser ! en revanche mon hébergeur étant free, le module rewrite n'est pas activer et je ne trouve pas d'alternative... si quelqu'un pouvais m'aiguiller

Wouah bravo et merci pour cet excellent tutoriel !!!
Vraiment un pro celui qui a fait le tuto !
Maintenant j'ai plus d'excuse pour refuser le projet d'un pote qui veux que je lui code son site !!!!