MissMonde

En fait, l'ordre de traitement des commandes fait qu'effectivement, tes margin à 15% écrasent les margin à 2%, puisque c'est la dernière commande qui prévaut. Donc pas de problème, si tu les laisses dans cet ordre. (merci, ça m'a permis de mieux comprendre et de replonger dans la théorie)

Salut Tizel, tu nous le fais chaque jour de plus en plus difficile ?? je vais bientôt abandonner, c'est trop fort pour moi. mais je réponds une dernière fois : les marges des éléments qui sont dans le flux normal fusionnent cad que s'applique la plus élevée (dans ce cas c'est 2px). les marges des éléments qui ne sont pas dans le flux normal (flottants ou absolus) ne fusionnent jamais, donc nous avons 4 px. (sous réserve de confirmation) PS : en examinant ta feuille de style, j'ai vu que tu avais mis à certains endroits : marging : 2px marging-left : 15% margin-right :15% ton 2 px, quand il est tout seul, s'applique aux 4 côtés de ton bloc, donc tu as 2 indications de marge gauche(2px et 15%) et 2 indications de marge droite(2px et 15%). tu as 2 possibilités pour écrire correctement le code : 1. margin-top :2 px; margin-left :15%; margin-right:15%; margin-bottom:2px; 2. margin : 2px 15%;

j'ai été prise de vitesse

il y a 2 indications de marge dans ton div principal : auto et 2%; il faut choisir. enlève les 2% et ça reviendra au centre.

il faut que tu mettes ton hr après le div. j'ai vu sur ta page que tu l'avais mis juste après le dernier span. mets-le après les 2 balises de cloture de div et avant l'ouverture du div suivant. j'ai téléchargé ta page et ton css, tes colonnes se sont remises en place après cette modification. dis-moi si ça marche chez toi.

Bonjour, à tout hasard, va voir ce tutoriel, je l'ai trouvé hier sans en avoir l'utilité pour l'instant, donc je ne sais pas ce que ça vaut, en tout cas il m'a paru intéressant, dans la mesure où il part d'un formulaire de base qu'il transforme en quelque chose d'ergonomique. tutoriel/formulaire Tu y trouveras peut-être ce que tu cherches.

Peut-être une piste. J'ai vu dans ta CSS que tu as appliqué le clear:both au div qui contient les éléments flottants du haut : le logo et l'ajout/favoris. Je ne maitrise pas bien les flottants, mais il me semble qu'il faut un élément bloc après les flottants et lui appliquer le clear:both. A mon avis, le clear:both que tu as appliqué au div haut n'est pas bon. J'ai vu dans un tuto Openweb sur les positionnements qu'il fallait un spacer, quitte à lui mettre un contenu fictif (espace insécable, par exemple) et le mettre après le flottant. Je ne sais pas si ce que je raconte est compréhensible, mais je pense qu'il faut chercher par là. Bon courage (beau design, ton site)

je pense qu'il faut enlever le background-position fixe. le ruban vert est vu sous IE car IE ne tient pas compte de la position fixe. tu ne peux pas mettre une position fixe qui ne défile pas et en même temps une position en % d'un élément qui défile (l'entête), je pense que c'est pour ça que FF n'affiche pas le ruban, il y a contradiction.

voici ce que j'ai compris à ton code : tu as construit ta page avec uniquement des positions absolues. chaque élément en position absolue est une sorte de post-it collé à la page, donc ne fait pas partie du contenu. ta page n'a en fait aucun "vrai" contenu. comme solution, à part refaire le code, je ne vois qu'une chose : mettre le div footer à l'intérieur de l'élément bloc le plus bas de ta page, et donner à cet élément une position relative. le footer sera positionné en absolu par rapport à cet élément. le problème, c'est que je ne sais pas si on peut donner 2 positions (relative et absolue) à un même élément. ma réponse n'est pas très efficace, mais peut-être que ça donnera des idées à d'autres.

non, j'ai l'emplacement comme pour une erreur de chemin. je ne vois pas bien non plus ce qu'il y a à droite du copyright. et ce qui est à gauche du copyright se voit au passage de la souris.

avec IE6, je vois le fond en dégradé de couleurs et arbres, ainsi que la barre grise du menu horizontal en haut. par contre, le choix de l'habillage ne marche pas, ni le bouton "classique". A part ça, le site est top. Je n'ai pas tout visité mais ce que j'y ai lu en CSS et référencement m'intéresse. c'est parti tout droit en favoris.

Merci Vincent, donc je considère que c'est ok.

Merci Ganf, A vrai dire, comme je n'ai pas Firefox ni Mozilla, c'est un peu pour ça que j'ai mis ce post. Netscape 6.2 me sert de "plancher" pour construire le site, je me dis que si ça passe avec lui, les autres navigateurs devraient suivre. Merci pour ton aide.

Bonjour à tous, je vais bientôt mettre en ligne un mini-site (4 pages). il est valide XHTML et CSS, je l'ai testé sous IE6, IE5 et Netsape 6.2. apparemment tout va bien, sauf qu'avec Netscape 6.2, dans la page "contacts", le titre "Nos coordonnées", se déplace lentement vers la gauche lorsque l'on passe la souris au-dessus du menu de navigation. et ceci dure tant que l'on bouge la souris au-dessus du menu, quand le titre arrive à la limite gauche du bloc, il revient d'un coup au milieu et recommence. 1. je n'ai pas fumé la moquette. 2. je ne comprends pas à quoi c'est dû. 3. est-ce que quelqu'un a une idée de ce que cela peut être. je précise que l'essai avec Netscape ne s'est pas fait en ligne, mais ça ne devrait pas changer grand-chose, non? Merci pour votre aide

Ok, j'avais zappé le padding. du coup, la présentation sur IE6 est équilibrée avec : #milieu ul {margin : 0 0 2% 0; padding : 0;} #milieu li {margin:1%; padding:0;}

chez moi ça passe bien (IE6). je ne sais pas faire les captures d'écran, mais je peux te dire que l'image "cv virtuel" est collée au bas du trait vertical de droite. la liste "dl" est peut-être un peu trop décalée à droite, il faudrait essayer la marge gauche à 2 ou 3% plutôt que 4%. maintenant, je ne me sens pas du tout capable de commenter le code, j'ai vu au passage que Dreamweaver entre systématiquement les images avec "style : border ..." donc, la CSS img{border:0;} ne servira à rien tant que tu utiliseras ce logiciel. Nudrema je suis désolée, c'est une idée à moi, je trouve que les <dl >sont plus pratiques que les <ul>, celles-ci ont un espace réservé à la puce que je n'arrive pas à gérer correctement. est-on vraiment obligé d'utiliser les <dl> sur 2 niveaux ?

juste pour compléter : le "alt" est obligatoire pour toutes les images, même celles qui servent pour le graphisme et n'ont donc pas besoin d'explication texte. dans ce cas, il faut mettre les guillemets sans rien dedans.

LaurentDenis et voilà le travail !! c'est-y pas beau ça, un compliment de LaurentDenis d'Openweb, je ne pensais pas arriver à ce résultat en si peu de temps. tu auras compris, Laurent, que le smiley le plus important dans ma réponse d'hier est celui-ci : plus sérieusement, pour en revenir à cette page : je suis d'accord pour la liste appliquée à "contact", elle ne se justifie pas. mais, la liste de définition, je l'ai mise sciemment. c'est une habitude que j'ai prise récemment pour me faciliter la vie, je trouve que c'est plus facile à positionner que la liste ordonnée, avec son espace pour la puce. eh oui, encore une mauvaise raison!! Dinostrate Est-ce qu'on peut utiliser les h en dehors des titres et sous-titres ? Dernière chose : je n'utilise les validateurs qu'en fin de parcours, pour corriger les oublis, un peu comme on vérifie les liens une fois que les pages sont faites. Bon week-end à tous

merc Dino

oui, oui, je sais bien, mais au vu de la page sans feuille de style, ça me paraissait bien comme dimensions de titres. mais bon, et puis zut ! j'ai passé ma matinée là-dessus avec un code sortant de dreamweaver, je ne le connais pas celui-là, mais il met des majuscules partout, les guillemets nulle part, les point virgules on n'en parle pas, l'horreur. alors, bon, on veut aider et puis voilà. je n'ai pas l'habitude des smileys, mais leur tête correspond à peu près à ce que je veux dire.

J'avais le même problème que Monique (IE6), mais je ne l'ai pas compris tout de suite, j'ai réalisé hier soir que je ne voyais pas la même chose que vous tous, en lisant les réponses à cette page. Du coup, je lui ai refait ce matin sa page en XHTML 1.0 strict. merci de me dire comment elle passe chez vous. il me reste un problème non résolu (il y en a toujours un), c'est l'image bitmap de validation html, qui a une petite bordure sur le côté droit. si quelqu'un a une idée.

Merci maître (mon deuxième pseudo est "PetitScarabée"). j'essaierais de faire mieux la prochaine fois. Soho, je voudrais te dire mon admiration pour t'en sortir avec tous ces tableaux imbriqués dans ta page, ça doit te prendre un temps fou à mettre à jour. J'espère que tu as un logiciel pour t'aider.

Bonjour Soho, voici les réponses que je peux donner pour les 4 erreurs de ta page: erreur 1 : la hauteur de la table ne doit pas être indiquée, il faut renseigner les hauteurs des td constituant la table, leur somme fera celle de la table. erreur 2 : le background n'est apparemment plus accepté par la validation, ça marche quand même avec IE, je ne sais pas pour les autres navigateurs. erreur 3 : c'est une erreur de frappe, enlève le h devant src. erreur 4 : je ne comprend pas à quoi sert le "noscript" dans ton code, est-ce qu'il est utile ? question subsidiaire : j'ai vu que tu avais des Css, donc pour mettre une image de fond différente pour ta page d'index, voilà ce que je ferai: HTML de toutes les autres pages : le body reste inchangé HTML de la page d'accueil : mettre un id="index" au body CSS : body{background-image : url(fond_général.png);} #index {background-image : url(fond_index.png);} ça devrait marcher. je n'ai pas pu tout renseigner, j'espère que quelqu'un de plus calé complètera.

question à 2 balles : comment vous faites pour voir les Css ? est-ce qu'on peut avec IE ?