ElMoustiko

Je suis pas un pro

Il faudrat que je modifie le script en conséquence (d'ailleur j'ai réfléchi à une amélioration parceque là c'est un peu trop conséquent). Mais ce qui est plus étrange, c'est que je n'ai aucune erreur, alors que mon cookie est envoyé après le doctype et tout le reste, pourquoi est ce que ca marche quand meme ??? Bon, je modifie ca et je vous préviens quand c'est fait. Heureusement que c'est un tuto caché non officiel -edit- Voilà tutoriel mis à jour, la méthode est beaucoup plus simple et permet un choix de la méthode d'appel des styles plus simple. Il est plus facile de choisir entre _AT_import et <link> maintenant, en effet, en début de script on nomme une variable $css correspondant au style à utiliser, ensuite on choisi <link> ou _AT_import et on fait le echo qui va bien Dans le bac à sable ( http://www.elmoustikoblog.net/tutoriels/bac_sable/ ) j'ai choisi _AT_import, je préfère cette méthode. Voilà a vous de me dire si ca fonctionne correctement.0

Non, j'ai bien l'erreur... Essai de ne pas du tout faire de cookie pour voir.

Ce que je capte pas, c'est que ca marche impec chez moi en local et en ligne :S

Ahh wé, mais là c'est de ma faute, je n'ai pas lu le billet de Xethorn à vrai dire, juste vos remarques , un peu trop long pour mon état de lucidité l'article Oui en effet, pour ce public **a priori** xhtml1.1 n'a aucun interet, encore moins MathML, a vrai xhtml 1.0 non plus html4.01 suffit mais en strict de préférence pour bien dissocier contenu et mise en forme, parcequ'on a beau dire, c'est quand même vachement mieux

A priori l'utilisation de l'espace insécable n'est pas la meilleure des solution, notament pour des question de retour à la ligne tout simplement, l'espace entre les mots ne sera pas rendu et là c'est moyen :s Le mieux c'est en fait l'utilisation des pipe "|"

Et c'est pour ça qu'il ne faut pas en tenir compte ? (je ne pense pas que c'est ce que tu as voulu dire). En tout cas moi j'aimerais bien pouvoir utiliser MathML sur un site web, un blog math pourrait interesser quelqu'un que je connais mais quand je lui ait dit qu'il allait devoir faires des formules de math me***ique pour que ça soit utilisable, il m'a dit, roaah non c'est pas la peine alors...

C'est bizar, c'est la deuxieme fois que ce problème arrive, je n'ai pourtant aucun problème :S Bon, il semble tout de même qu'il y ait une erreur dans mon script mais ce qui est étrange c'est que ça marche pour moi ... Bon, je corrige comme ce que dis Dan puisqu'apriori ca fonctionne ainsi mais d'apres azon ca change rien et là c'est plus étrange ... -edit- Voilà j'ai fait la correction, aucun changement, ça fonctionne pareil (bien) chez moi en local et en ligne http://www.elmoustikoblog.net/tutoriels/bac_sable/

Le xhtml 1.1 n'est pas une technologie "non mure", c'est le support par certains browser (oui IE, on va dire que je tape tout le temps dessus, mais il faut avouer que c'est une pure daube ce navigateur, on peut rien faire avec) qui n'est pas mûr. Il est tout a fait possible d'utiliser xhtml1.1 avec type MIME html+xml et avoir un truc qui fonctionne impec, mais sous firefox ou opera ou ... enfin sur un bon navigateur quoi... Enfin opera j'ai des doutes, parceque quand je vois qu'il est incapable de restituer un fichier XML structuré via XSL... bon moyen pour une version 7.X quand même, enfin passons Le xhtml1.1 peut s'averer très pratique pour utiliser MathML par exemple.

Euhh je dirais qu'il ne vaut mieux pas donner d'ordre d'idée de temps d'apprentissage, d'une part ça varie d'une personne à l'autre, d'aute part, où on commence à coder directement selon les normes (c'est à dire qu'on n'imaginais même pas que la mise en page par tableau puisse exister), ou on a déjà coder comme un """porchiot""" et il faut tout désapprendre pour mieux réapprendre. Et puis il y a coder pour faire passer le validateur, et il y a coder vraiment correctement en se souciant des différents problèmes d'accessibilité, d'interopérabilité et ce genre de choses un peu plus technique qu'une simple validation par exemple. Je serais toi, je ne parlerais pas de durée d'apprentissage, tu risque d'en décevoir plus d'un.

Hmm c'est zarb, il n'y a aucun header PHP dans la page :s Sinon tu as 2 fois la ligne <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> Ta déclaration de scritp JavaScript n'est pas correcte <script language="JavaScript1.2" type="text/javascript" src="switcher/script.js"></script> <script language="JavaScript1.2" src="switcher/styleswitcher.js" type="text/javascript" ></script> Il n'y a pas besoin de "language" <script type="text/javascript" src="switcher/script.js"></script> <script type="text/javascript" src="switcher/styleswitcher.js"></script> Et enfin, le script de style swticher utilise la balise <link> pour faire appel à la feuille de style et toi tu utilises la propriété CSS _AT_import, donc il faut que tu saches que les 2 styles (<link> et _AT_import) seront présent, si tu ne veux qu'un seul des 2 ou tu modifies le script PHP pour utiliser _AT_import, ou tu utilises <link> pour ton appel de feuille de style. Pour l'erreur PHP, je laisse les gens qui s'y connaissent, parceque le script que j'ai fait sur le tuto fonctionne impec. http://elmoustikoblog.net/tutoriels/php/style_switcher/ (et l'exemple de mise en oeuvre : http://elmoustikoblog.net/tutoriels/bac_sable/ )

_AT_Ernestine, la premiere chose à faire ?? hmmm non je ne pense pas, au dernier moment le ndd et l'hebergement, sinon le temps de developper le site et c'est autant de temps perdu dans la durée de location du ndd

Si tu veux ne garder que quelques balises, avec strip_tags tu peux ajouter un paramètre contenant les balises à ne pas modifier. Mais si c'est pour n'enlever qu'une ou 2 balises, hmm preg_replace et ce genre de fonction et ça roule.

Le plus simple est d'utiliser un système de gestion de contenu (comme SPIP par exemple, il y a un forum sur HUB concernant ces système http://www.webmaster-hub.com/index.php?showforum=17

Bienvenue à toi Jori Ton travail est vraiment chouette, je suis fan Mais un site au norme ne veut pas dire moche et désagréable à la navigation Par exemple, ton site e-kaki serait parfaitement réalisable sans tableaux, et mis en page grâce au CSS, sans aucun changement de rendu (penses y ) Pour ton site e-jori, le double splash screen est un peu saoulant, mais une fois arrivé sur le site, c'est sympa (jolie demoiselle) Les transitions de page sont vraiment sympa elles aussi. Sans compter que je suis un inconditionnel du vert (il n'y a qu'a voir mon site ) Encore une fois, une version HTML propre et accessible est envisageable (sans le flash, ce serait une version alternative, toujours très agréable à proposer, que personnelement je visite plus volontié qu'une version flash, pour ce qui est de la navigation du moins), en plus, tu es à un des bons endroits pour réaliser ce genre de choses Allez je vais pas t'embeter plus lontemps, mais tu sembles tout de même motivé pour faire des choses propres alors je me suis dis que ça valait le coup de t'indiquer ces quelques points Bonne navigation sur le HUB

Yo Zipeudjoooo Bienvenido sur le HUB

Les CSS sont un langage de mise en forme du balisage HTML (voire XML), grâve au langage CSS, il est possible de mettre un design en place sans avoir à insérer d'élément de mise en forme ou de mise en place dans le document HTML. Le site dont je parlais au début, CSS Zen Garden est un "show room" de ce qu'il est possible de faire grâce à ce langage, http://www.csszengarden.com/tr/francais/ Le menu renvoi vers la même page exactement (le code HTML reste inchangé) mais charge une nouvelle feuille de style, et un nouveau design donc.

Rallaalala sacré image qui a la dent dure CSS Zen Garden ne sert donc à rien ? Un design, c'est assez vaster comme notion en fait... mais grosso modo dans le sens commun, c'est la charte graphique du site web, donc un kit graphique est en fait un design comme le disais gribouille, mais un design n'est pas un kit graphique , un kit graphique est un design mis à disposition et pré-codé (html). Pour la réalisation à proprement parler, il faut passer par des outils de création graphique, tu as photoshop, paint shop pro, fireworks, the gimp (gratuit, open source), et d'autres encore Il vaut mieux commencer par des tutoriels d'apprentissage des techniques et d'utilisation du logiciel, sans ça tu n'arrivera pas à grand chose. Viennent ensuite passage de l'idée sur le papier à la réalisation sur le logiciel, s'en suivent phases de tests, de retouche, de jettage intensif à la poubelle (et oui !), etc... Puis on en vient au code pour l'utiliser dans un page html, mais là c'est une autre question Je t'indique ces quelques liens sur le sujet, très interessant, il y en a d'autre bien sûr http://pompage.net/pompe/singe/ http://pompage.net/pompe/tao/ http://pompage.net/pompe/coulisses/ Pour ce qui est de la création en société, si tu es ton propre patron, en freelance par exemple, pas besoin de diplome je pense... Mais la tâche est ardues et une très solide base est necessaire.

Trouver le repertoire de sous domaine sur le ftp bah à la creation du sous domaine, tu choisi justement le dossier... donc si tu le trouves pas, c'est que tu as un problème de vue !

J'ai peut être compris ce que tu voulais dire... En fait c'est si tu as un élément flottant dans un autre élément lui même flottant, tu penses que ça va poser problème (enfin tu le dis même, tu sembles avoir testé) si tu met un clear sur cet élément. Mais pourquoi tu appliques un clear à ton élément ??? J'ai testé avec la mise en page que je te donne plus haut, j'ai ajouté <div style="float: left; background: #eee; width: 150px; height: 150px; border: 1px solid #333; clear: both">Test de float interne</div> <p>bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla</p> A la suite du premier <p>bla bla bla bla</p> et ça ne semble pas clocher, j'ai mis clear: both/left/right; mais dans aucun cas ça n'a d'effet... Et si je rajoute un autre élément flottant à coté, le clear fait son effet (sauf le right) et pas de problème non plus.

Ton problème c'est que le pied de page se superpose sur les menus quand ils sont plus haut que le contenu, on est d'accord ?? Donc avec la solution que je te propose, ça règle le problème, tu n'a qu'a tester cette page : <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr"> <head> <title>Titre, 3 colones, pied de page</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <meta http-equiv="Content-Language" content="fr" /> <style type="text/css"> * { margin: 0; padding: 0; } body { text-align: center; } div#conteneur { width: 770px; margin: 0 auto; text-align: left; } h1#header { height: 120px; background: #333; color: #eee; } ul#menu1 { float: left; width: 120px; list-style-type: none; background: #ccc; } ul#menu2 { float: left; width: 120px; list-style-type: none; background: #ccc; } div#contenu { float: left; width: 530px; } p#footer { clear: both; background: #333; color: #eee; } </style> </head> <body> <div id="conteneur"> <h1 id="header">Titre</h1> <ul id="menu1"> <li>item1</li> <li>item2</li> <li>item3</li> <li>item4</li> <li>item5</li> <li>item6</li> <li>item7</li> <li>item8</li> <li>item9</li> <li>item10</li> <li>item11</li> <li>item12</li> </ul> <div id="contenu"> <h2>contenu</h2> <p>bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla</p> </div> <ul id="menu2"> <li>item1</li> <li>item2</li> <li>item3</li> <li>item4</li> <li>item5</li> <li>item6</li> <li>item7</li> <li>item8</li> <li>item9</li> <li>item10</li> <li>item11</li> <li>item12</li> </ul> <p id="footer">pied de page</p> </body> </html> Sinon, je n'ai pas compris ton problème. Si tu veux une solution avec le positionement absolu : http://www.alsacreations.com/articles/modeles/g_d_fixe.htm Mais si tes menus sont trop long, ça fera pareil qu'ici, ça se chevauchera.

Je dois écrire avec de l'encre invisible en fait, ça doit être ça... Le clear (comme je le disais plus haut), c'est clear: both; que tu met sur le PIED DE PAGE, et là ça fonctionne. Et tu met tes 3 "colones" en float: left ;

Les inventions que tu donnes sont ce à quoi beaucoup aspire, mais malheureusement ça ne fonctionne pas :S Pour le min-height ça existe bel et bien, mais plus ou moins bien implémenté par IE (des solutions existent) Mais pour ta page, les flottant sont justement tout à fait adapté Tu met menu1, contenu, menu2 en float: left; et tu met clear: both; à ton pied de page est ça roule... je ne vois pas pourquoi tu ne voulais pas les utiliser.

En fait, quand tu positionnes tes éléments en flottant, en effet la hauteur n'est plus prise en compte dans le calcul de la hauteur du conteneur, c'est un problème récurrent souvent évoqué ici La solution, c'est, si tu as un pied de page, c'est parfait, tu lui applique la propriété "clear: both;" sinon, tu ajoutes un <hr /> à la suite de tes 2 <div> avec "clear: both; visibility: hidden;" La propriété clear: both; permet en quelque sort de regonfler ta division en positionnant l"élément à la suite des autre, alors que normalement il irait se placer en dessous.

Ca permet tout de même de filtrer un peu les grosses daubes que l'on retrouve malheureusement encore sur google... C'est vrai que sur le principe c'est moche, mais si ca peut empecher de tomber sur des sites totalement inutiles...