aide pour débutant en java script (exercice concret)

[netbean]

Attention ils disent parfois de grosses bêtises sur cssdebutant !

Ah bon ? Mince... je le trouvais pas mal moi ce site...
Tu peux nous dire quelles sont ces bêtises ?

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr-FR; rv:1.8.1.17) Gecko/20080829 SeaMonkey/1.1.12

[netbean(le-meme)]

J'ai trouvé mon bonheur avec le pop-up d'image en CSS

Il est où ce tuto JP ? C'est sur CSS Debutant ou sur Alsacreations ?
(s'cusez de prendre ainsi la conversation en route, mais le sujet m'intéresse aussi et j'ai l'impression de louper qq chose car je ne le trouve pas)

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr-FR; rv:1.8.1.17) Gecko/20080829 SeaMonkey/1.1.12

[Asumbaa]

Ah bon ? Mince... je le trouvais pas mal moi ce site...
Tu peux nous dire quelles sont ces bêtises ?

Ben écoute, j'ai pas tout lu, mais en regardant rapidement j'ai vu du code HTML invalide (paragraphes imbriqués) et une grosse, grosse bêtise en CSS (il était indiqué que préciser un margin pour le body allait répercuter le même margin sur tous les autres éléments )

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9) Gecko/2008052906 Firefox/3.0

[Netbean(le-même)]

j'ai vu du code HTML invalide (paragraphes imbriqués) et une grosse, grosse bêtise en CSS (il était indiqué que préciser un margin pour le body allait répercuter le même margin sur tous les autres éléments

Re-mince, je n'ai pas vu ça ! C'est pas beau effectivement pour un site qui se dit expert en standards !

...Mais je suis en train de me demander si nous parlons du même site.
Tu parles bien de css.mammouthland.net ?

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr-FR; rv:1.8.1.17) Gecko/20080829 SeaMonkey/1.1.12

[Asumbaa]

"cssdebutant", enfin le lien qui était plus haut et qui a été modifié depuis pour éviter d'orienter des développeurs en herbe vers des ressources moisies

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9) Gecko/2008052906 Firefox/3.0

[netbean(le-même)]

le lien qui était plus haut et qui a été modifié

Aaaaahhhh Je comprends mieux. On ne parlait donc pas du même site...

Mais alors, mais alors... C'est drôle ça...
Serait-ce le site de cette personne qui vient de se faire tacler vertement sur le forum de WRI ?
http://forum.webrankinfo.com/mythes-sur ... 06987.html
Magikmanu et Alexandra567 pourraient-ils/"elles" être les mêmes personnes ?...

Enfin bref, revenons à nos images.
Ce truc là : http://www.dynamicdrive.com/style/cssli ... ge-viewer/ est assez chouette non ?

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr-FR; rv:1.8.1.17) Gecko/20080829 SeaMonkey/1.1.12

[Asumbaa]

Oui, ça m'a tout l'air d'être la même personne qui se fait sa pub.
Bref !

Le lien que tu proposes est très sympa. Je vois juste une petite erreur dans le code :

Code : Tout sélectionner

<a class="thumbnail" href="#thumb"><img src="media/tree_thumb.jpg" width="100px" height="66px" border="0" /><span><img src="media/tree.jpg" /><br />Simply beautiful.</span></a>

Dans les dimensions de l'image il ne faut pas spécifier l'unité (pixels). Et le border 0 devrait être en CSS. Donc il faut changer ça en (enfin, il faut donner de toute façon les vraies dimensions de ton thumbnail, hein !) :

Code : Tout sélectionner

<a class="thumbnail" href="#thumb"><img src="media/tree_thumb.jpg" width="100" height="66" /><span><img src="media/tree.jpg" /><br />Simply beautiful.</span></a>

Et ajouter dans la CSS :

Code : Tout sélectionner

a.thumbnail img {
border: none;
}

Ce devrait être pas mal comme ça

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9) Gecko/2008052906 Firefox/3.0

[Netbean(le-même)]

Ah oui, super.

Je ne sais pas où en est JP, mais ça j'adopte (avec tes corrections, of course ! )

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr-FR; rv:1.8.1.17) Gecko/20080829 SeaMonkey/1.1.12

[Invité]

Une limite sur la méthode css: les images dans leur définition maximum sont chargées à l'appel de la page, donc ralentissent son affichage.
Donc c'est une technique à réserver pour des pages ayant une somme de la taille des images limitées.

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 6.0; zh-CN; rv:1.9.0.6) Gecko/2009011913 Firefox/3.0.6

[Invité]

Bonjour,

je suis le webmaster du site cssdebutant.com et je viens de corriger les erreurs notamment due à une traduction du site anglais cssbasic.com (avec sont accord).

Si vous trouvez d'autres, je suis preneur !

Merci de votre aide et vos critiques (même si il y a façon et façon de dire les choses...)

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.9) Gecko/2009040821 Firefox/3.0.9