ElMoustiko

Eventuellement un petit contre rendu d'utilisation sur l'article de Sibelius sur le sujet pour croiser les opinions :

http://www.alsacreations.com/blog/index.ph...alide-qui-monte

@++

Une petite technique assez simple :

(ps en passant : l'effet roll over donne du dynamisme au site, et c'est vraiment mieux je trouve, même si l'effet negatif photo sur qui suis je est moyen je trouve)

code xhtml :

<ul>
<li><a href="lien1"><span>Titre du lien1</span></a></li>
<li><a href="lien2"><span>Titre du lien2</span></a></li>
<li><a href="lien3"><span>Titre du lien3</span></a></li>
<li><a href="lien4"><span>Titre du lien4</span></a></li>
<li><a href="lien5"><span>Titre du lien5</span></a></li>
<li><a href="lien6"><span>Titre du lien6</span></a></li>
<li><a href="lien7"><span>Titre du lien7</span></a></li>
<li><a href="lien8"><span>Titre du lien8</span></a></li>
<li><a href="lien9"><span>Titre du lien9</span></a></li>
</ul>

code css :

ul {
width: XXpx;
margin: 0;
padding: 0;
list-style-type: none;
}
ul li {
float: left;
}
ul li a {
display: block;
width: (XX/3)px;
height: YYpx;
background: url(image_du_lien) no-repeat 0 0;
}
ul li a span {
display: none;
}
ul li a:hover {
backgrounf: url(image_du_lien) no-repeat 0 -YYpx;
}

Et pour l'image utilisée, tu prend une image par carré, et l'image contient l'etat survolé et l'etat normal l'un en dessous de l'autre pour diminuer les temps de chargement. Pour plus de détails, je te laisse consulter ces quelques tutoriels :

http://www.elmoustikoblog.net/tutoriels.php?tut=roll_over

http://www.alsacreations.com/articles/rollover_unique/

Voila @++

ps : j'ai pas testé le code xhtml/css, c'est ecrit à chaud et à cette heure ci, victime d'insomnie (fatigué donc ! ) je ne garanti rien ! Mais a priori ca doit etre bon

Tu veux mettre un pseudo IE avec tous les bugs CSS mais sans les bugs de secu... et en plus sous linux... euhh bah je crois que tu as ta réponse là

Je doute que ça existe, c'est malheureusement un désavantage de plus pour IE, il n'est pas assez multi plateforme... As tu regardé au niveau d'advent IE et de ce genre de chose, je ne sais pas du tout comment ca marche (patch à IE ou soft à part entiere interportable sur différents OS).

Il faudrait trouver un truc du style du site qui permet d'avoir un "screenshot MAC"...

Sinon emuler IE, si tu ne l'utilises que pour tes pages de test en local (travail hors connexion) sans navigation, pas de problème, si ?

@++

Oupps j'ai oublié un petit point, les icones W3C, sont vraiment très peu esthétique, le mieux serait peut être de ne mettre qu'un simple lien texte plus discret ou une des autres icones petites et pas haute si tu vois ce que je veux dire. Ou mieux ne pas le mettre du tout, penses-tu que tes visiteurs (au vue du sujet du site) s'en soucierons ? Et s'ils s'en soucient, est-il important de le préciser ? Tu pourrais si tu veux souligner ces points faire une page politique d'accéssibilité ou quelque chose du genre et expliquer plus en détail tes motivation dans la création d'une page web et donc notament le respect des standards web.

@++

Tu veux de la critique constructive ? okay, mais tout ce que je vais dire n'engage que MOI et je le dit pour essayer de t'aider.

Alors pour le systeme de navigation, je suis fan, les petites icones sur la droite, ca fait un bout de temps que je voudrais faire quelque chose du genre, mais j'ai pas le site pour ! Donc c'est vraiment bien comme système, mais tu pourrais le rendre plus agréable, en faisant un petit roll over par exemple qui "animerais" un peu le site.

Toujours dans cette partie, peut etre pourrais tu essayer de faire des belles icones, non pas que celles que tu as ne le soit pas, mais c'est très basique et répétitif (les petits cercles). Tu pourrais montrer un petit quelque chose de tes création, une zone d'image, une petit image exprès, quelque chose de ce style.

Pour la partie de gauche n'est ce pas un peu gros comme image pour juste un logo ? Y mettras tu du contenu à la place si ce n'est pas la page qui suis-je ?

Les autres pages du site ne sont pas dans le même schéma, c'est voulu ? ou c'est une autre version ? si c'est voulu, je suis pas trop pour, je trouve que c'est assez déroutant, pas très bien... Sinon bah c'est normal !

Pour la partie haute, je suis pas fan, j'ai l'impression que tu a retourné l'image de la partie droite pour la mettre à coté de sa jumelle pour combler la place . La photo a-t-elle une signification ? Je ne trouve pas très cohérent non plus le contraste entre les 2 partie du header...

Tu pourrais faire des choses un peu dans le style de l'icone qui suis-je qui rend très bien je trouve (idem pour les autres icones).

Tu vas dire que je suis rabat-joie, que je ne vois que le "mal", mais j'ai surtout voulu souligner les points que je ne trouvais pas formidable, mais je pense que dans l'ensemble c'est assez réussi, même (encore une critique pour la route ) si c'est peut être un peu terne.

Voilà, j'espère pouvoir t'aider @++

Wow créer un forum pour obtenir son ip en postant des messages ... qu'est ce que c'est que cette utilisation d'un forum ... je vois pas l'interet la...

http://www.adresseip.com n'a rien d'un site de hacking, ca donne l'ip directement et puis basta, je vois pas le probleme, sinon tu fais un petit script php ou autre et tu recupere l'ip et zou rien d'autre a faire.

@++

tu peux aller sur www.adresseip.com pour de l'instantané !

@++

Non, je ne fais pas d'amalgame entre xhtml et css, je sais bien que ce n'est pas le xhtml qui fait la mise en page, et tout le reste, mais par contre je suis desolé mais le xhtml permet bien plus de clarté qu'un autre doctype utilisé "classiquement", l'obligation de ne mettre aucun element de mise en forme dans un doctype xhtml strict est donc source de clarté et de meilleure présentation, bien sur tu peux faire la meme chose avec un doctype html 4.01 ou meme sans doctype, mais finalement ca sera comme du xhtml tout de meme dans la facon de coder. Le xhtml entraine la séparation contenu/structure et demande l'appel aux css, on ne met rien en forme avec le xhtml donc son utilisation (sa bonne utilisation) permet donc une meilleure lisibilité du code et un allegement de la source, resultat tout a fait possible avec d'autre doctype "moins strict" mais au final mais combien de page avec doctype 4.01 (ou meme sans doctype) as tu vu de bien codée ? a part site d'eric meyer si je ne me trompe pas ? il doit y en avoir d'autre forcément, mais rare. Le xhtml olblige cette rigueur et donc cette clarté.

Continuez pas trop le débat cet aprem, je suis pas la ca m'embeterais de louper un truc aussi instructif !!!

@++

Et bien si tu cherches de la simplification, tu as besoin du xhtml contrairement a ce que tu dis !

le xhtml permet une grand facilité de mise a jour, de modification, de creation, d'evolutivité, de portabilité (tout ceci lié aux css)

Et ton code s'en trouvera clarifié et simplifié et aussi allegé

@++

Meuh non meuh non Denis, tu n'as pas besoin d'un quart d'heure de gloire de plus

Sympa cette idée, j'ai eu la joie et la surprise qu'on m'en ai proposée une il n'y a pas si longtemps que ca, mais toujours pas faite J'aime bien lire ce genre d'interview, on a souvent le point de vue des gens interviewé

Si tu interview Denis, dis le ici, ca m'interessera !

@++

Euhh link rel est tout a fait valid xhtml 1.0

<link rel="stylesheet" type="text/css" media="screen/all/print" href="..." title="..." />

media et title sont optionnels, sinon screen/all/print, c'est l'un ou l'autre ou encore le dernier !

@++

Euhhhh un conseil, reprend ton site a zero plutot que de corriger le code, tu vas perdre un temps fou

Et surtout la démarche sera plus intéressante, tu peux poster un topic sur le forum adequat sur la facon de faire pour passer du tout table a du peu ou pas de table, il existe des ressources pour faciliter ce passage (notament sur alsacreations si je ne me trompe pas)

@++

Salut, bienvenue a toi, je vois que les autres membres t'endoctrinent deja a l'anti-tableau a gogo, et ils ont bien raison

Plus serieusement, il est vrai qu'au final tu va beaucoup y gagner.

Je ne suis pas trop callé sur le sujet de ton site, mais les autres ont l'air de dire que ca vaut le coup, alors c'est qu'ils doivent avoir raison

Encore bienvenu a toi et bon courage pour commencer a coder des Zolies pages, tu verras c'est pas si difficile, suffit de s'y mettre !

@++

Un grand bon en arriere... on en sortira donc jamais ?

Et pourquoi ils implémentent une propriété propriétaire ?? j'y comprend plus rien..

Oui c'est vrai que la gueguerre crosfoft/ie contre netscape a aussi foutu pas mal le boxon dans les pages web, mais ces multiples balises mises a part le fait que les navigateurs laissaient passer tout et n'importe quoi (certains laissent encore et c bien le probleme) est quand meme un facteur important. Suis-je vraiment butté ou ai-je tout de meme un peu raison ? !!!!

J'ai un peu de mal a discuter vraiment a fond de ce genre de chose, je suis un peu jeune (non pas que tu es vieux laurent ! ... enfin qui sait ? ! ), mais je ne fait des pages web que depuis une 10aine de mois et je ne me soucis de ce genre de probleme que depuis 6 mois Avant le net c'etait un truc pour lire son courrier et 2-3 news sur différentes choses ! Je suis parfois un peu decu d'avoir loupé la naissance du web ! Ca m'aurait certainement plu... enfin c comme ca^^ on ne reviens pas en avant ... euh en arriere.

@++

Euh, c'est pas pour te casser ta joie... mais chez moi sous firefox 0.9.2 le petit carré de choco est en haut a gauche et ne bouge pas, disparait si je coche la case prevue a cet effet. Sous IE ca fonctionne

Desolé de te faire une fausse joie

Par contre, meme si tu as mis l'option de desactivation du suivi de la souris par les choco, je pense (ce n'est que mon avis bien sur ! ) que peu de monde garderons cette option active (aussi rigolote soit-elle)... c'est assez fatiguant pour les yeux Mais je le repete, j'ai vu que tu avais l'option de desactivation, mais ton cadre d'option + des malheurs sur ce points en valent ils alors la peine ?

@++

Oui c'est clair que les navigateurs trop permissif (IE... qui a dit IE ??) sont (je pense) a l'origine de la plupart des code crados que l'on peut voir sur le net, si les navigateurs étaient plus strict, comme de vrai machines (ca marche ou ca marche pas, 0 ou 1, noir ou blanc) nous n'en serions pas la de nos jours ...

Laurent> un petit cas concret de mauvaise gestion de propriété css par IE, le text-align sur les elements de type block, centre les dits-elements, c connu mais il est possible que tu n'y ai pas pensé, si je me souviens de quelques autres cas, je te bip si ca t'interesse !

@++

Bienvenue a toi, juste pour dire merci et bravo ! Meme si ca n'est pas une surprise, j'aime bien feliciter et remercier les etrangers qui font des efforts pour communiquer en Francais (en France... ! ) C'est marrant mais bien souvent les etrangers francophones parlent mieux que certains francais... assez comique (peut etre un peu triste)

Par contre, je n'ai rien compris a ton site ("normal", tu me diras)

Bienvenue sur le Hub @++

Je suppose que les habitants du vieux continent ont la meme reputation outre atlantique que la reputation que nous faisons a ces derniers !

C'est comme l'histoire de coluche (paix a son ame), "les suisses et les belges, c'est les seuls qui ne sont pas au courant qu'en fait, c'est les memes"

Bienvenue a toi cousin !

<?php
  echo 'hello Aprilwine';
?>

Salut, bienvenue sur webmaster-hub, tu cherches "des conseils sur une question des entêtes", qu'apelle tu entetes ?

Bon et bien je te souhaite une bonne continuation !

@++

Ohh oui j'oubliais les X-men qui m'ont assez plu aussi !

Tu parles de la boite a outil image d'IE ? Si c'est bien ca, pour ton roll over utilise des images de fond plutot que des images directement

@++

Ohh si ca passe ! Et heureusement ! un titre sur une image, c'est bien souvent tres important !

Mais tu fais bien de demander !

@++

Xethorn> C pas a moi de dire bienvenu ! mais merci a toi quand meme ! lol

pour les images : http://www.myemo.com/my_picture !

Sinon pour Spiderman 2, si tu va le voir pour voir un film intellectuel tu risques d'etre decu, ou pour voir un film nian nian plein d'emotion, raté aussi, c'est pas ce genre de film, c'est vraiment top je trouve, j'ai adoré personelement pourtant je ne suis pas fan du genre ... Seul les 2 premieres batman et le 1er spiderman m'ont plus pour ce genre de film ! Mais la c'est vraiment sympa

@++

Mort de rire Denis !

Il a de bons gouts ton fiston je trouve !