MissMonde

Bonjour,

Pour le OE majuscule, j'ai trouvé ça :

je ne m'en sors pas pour éditer correctement ce post :

à la place de 339 dans l'entité, mettre 140 .

Bonjour Seb,

Quel courage d'avoir bossé pendant les vacances !!

J'adore les photos, elles sont bien mises en valeur, et le site est clair et simple, donc ergonomique.

Beau travail

Martine

PS. Avec IE6, le texte "annonces google" est rogné dans sa moitié inférieure.

Bonjour,

ce tutoriel explique comment faire un beau formulaire avec des CSS

http://www.fredcavazza.net/tutoriels.htm

j'espère que c'est ce que tu cherches

pour l'insertion de javascript et sa validation, Monique a fait un super article :

http://www.webmaster-hub.com/publication/article34.html

j'espère que tu y trouveras ce que tu cherches, sur Javascript et php je ne peux pas t'aider.

je crois que les formulaires doivent être entourés d'une balise block (en général un paragraphe)

Là, je ne vais pas pouvoir beaucoup t'aider, vu que je n'utilise pas encore le php.

Les seuls commentaires que j'utilise dans mes pages XHTML sont les fermetures de div pour m'y retrouver :

<!--fin div#titre-->

J'espère que quelqu'un de plus calé passera dans le coin.

J'en profite pour te remercier à propos du précédent post, ça m'a permis de me replonger dans un problème de pied de page que je trainais depuis quelques temps et j'ai réussi à le résoudre.

Merci beaucoup ! Tu semble avoir réponse à tout

Ne pas se fier aux apparences !!

Je viens ici pour apprendre.

d'ailleurs, si tu trouves une solution pour le positionnement absolu, je suis preneuse.

A bientôt

Le problème de l'image est une différence de rendu.

Laurent Denis en a donné une explication et les solutions dans un précédent post :

http://www.webmaster-hub.com/index.php?showtopic=4863

en appliquant à l'image soit un "display:block", soit un "vertical-align:bottom", tu n'auras plus d'espace entre l'image et le bord.

A+

bon, j'arrive à mes limites :

1. sur les 2 px je n'ai pas assez de renseignements sur la disposition de tes blocs dans la feuille html et de leurs marges, paddings, borders et positions dans la css.

2. il y a un excellent article sur Alsacréations à propos du choix du positionnement des blocs dans une mise en page :

http://www.alsacreations.com/blog/index.ph...nnement-choisir

pour ce qui est de ce problème du positionnement absolu, j'espère pouvoir le résoudre grâce à un article de Pompage.net sur le pied de page, mais je n'ai pas réussi à reproduire le cas exposé (il y a du Javascript et j'ai du mal avec ce language).

http://pompage.net/pompe/pieds/

Désolée

De rien;

A la prochaine,n'hésite pas, ça fait de bons travaux pratiques

voici ce que j'ai compris:

apparemment, tu as un body dans lequel il y a ton background que tu veux appliquer à toute ta page.

à l'intérieur il y a un contenant (div#ensemble), dans lequel tu as mis un menu à gauche en position absolue et un contenu à droite en position float.

voici ce que je ferais :

si tu appliques une position relative au div "ensemble", ton menu va se positionner par rapport à lui.

si tu enlèves la position float au contenu de droite, il va revenir dans le flux et le background du body va s'appliquer à lui. il ne faut pas oublier de laisser une marge à gauche pour le menu;

attention : comme le menu est en position absolue, le background ne s'appliquera à lui qu'à concurrence de la hauteur du contenu de droite. c'est l'inconvénient de la position absolue.

Est-ce que c'est mieux maintenant ?

Bonjour Marie,

tu peux faire un code commun aux élément qui ont les mêmes caractéristiques,comme par exemple les liens :

si j'ai bien compris ton code, la seule différence entre le hover et les autres, c'est le soulignement.

donc tu appliques ton code à tous les a, et ensuite tu donnes une particularité au a:hover qui est "text-decoration : underline".

ce qui donne :

a {

font-size : 1.2em;

text-decoration: none;

font-weight: bold;

color: #1994d8;

outline: none;

}

a:hover{

text-decoration:underline;

}

tu peux aussi regrouper les éléments qui ont beaucoup de code en commun et peu de différences.

le code commun s'écrit ainsi :

#element1, #element2, #element3{

...

code commun

...

}

et chaque différence est appliquée à chaque élément :

#element1{

propriété : valeur;

}

en revanche, je trouve la disposition plus lisible comme ça, plutôt que tout sur une même ligne, mais c'est affaire de goût , le résultat est le même.

Bonjour Hells-Dark,

un élément en position absolue se place par rapport, soit au body, soit à un contenant lui-même positionné.

ce qui veut dire que si tu ajoutes une position relative au contenant de ton menu, il se positionnera comme tu veux et le fait de mettre "position : relative" au contenant, ne change rien pour lui.

dis-moi si ce n'est pas clair !!

Bonjour Nessy,

l'info théorique que j'ai pour la valeur "avoid" est :

pas d'insertion de saut de page après l'élément HTML, sauf si la mise en page ne permet pas de faire autrement.

essaie de voir ce que ça donne en faisant un saut de page automatique (valeur : always) avant le tableau.

IE gère différemment les boites quand on met des padding et des border, c'est pour ça qu'il est préférable de mettre des marges à l'élément image plutôt que des padding à son contenant.

Mais bon, je suis peut-être à côté de la plaque.

Bonjour,

je mettrais des marges à l'image elle-même, plutôt que des padding au contenant.

Le lien est donc intéressant !!

C'est bon à savoir, je m'en servirai lorsque je passerai à l'import des Css, pour l'instant j'utilise le link classique.

Merci

Bonjour Martin,

j'ai vu un site en anglais qui y est consacré, mais je n'ai pas approfondi.

voici l'adresse, j'espère qu'elle te servira.

http://www.bluerobot.com/web/css/fouc.asp

Oulààà !! quel post !!

j'avais déjà peur de dire des bêtises dans mes réponses, alors là c'est terminé, avec une grosse pression comme ça, ce ne sera que des MP

si tu enlèves ton titre h1 du div contenu, il reste nickel.

je l'ai mis dans un div tout seul avant le contenu et ça marche.

maintenant, je ne saurais pas expliquer pourquoi.

C'est fait.

ça marche avec un flottant.

je t'ai envoyé la page et la css par infonie

peut-être ici :

http://www.alsacreations.com/blog/index.ph...es-indesirables

je n'ai pas essayé, je ne sais pas si ça correspond à ton problème.

voici le résultat de mes essais sur ta page :

1. avec la page css telle que tu l'as faite

sans les fichiers chocurs et verifsouris, le carré est affiché en haut à gauche de la fenêtre et apparait ou disparait avec le clic de souris sur "afficher" ou "arrêter".

avec en plus les fichiers chocurs et verifsouris, le carré ne s'affiche plus.

2. avec la page css modifiée

les carrés de chocolat suivent la souris

problème : les modifications sont radicales, j'ai enlevé "overflow :hidden", la position absolue du corps de page et le flottant de l'encadré.

en jouant avec les marges, la page reste la même, sauf pour l'encadré qui revient dans le flux.

désolée.

peut-être que quelqu'un d'autre aura une meilleure solution.

Bonjour Soho,

avec IE6, je n'ai pas les carrés de chocolat qui suivent le curseur.

j'ai téléchargé ta page sans les images (sauf le carré de chocolat) et j'ai vu que les carrés de chocolat correspondant au curseur sont tout en haut à gauche de la fenêtre du navigateur et apparemment les uns sur les autres puisqu'il n'y en a qu'un seul visible.

ils sont sous l'image 100%chocoholic.

je vais essayer de savoir pourquoi, mais si le code javascript est concerné, il y a peu d'espoir vu mon niveau en javascript