18068 sujets

Questions générales et questions de débutants

[Résolu]Une page web qui ne prend pas en compte mon CSS

Bonjour,

J'ai voulu faire une page html avec du CSS derrière. Pour ce faire, j'ai utilisé dreamweaver qui me permettait d'avoir un aperçu instantané des actions que je faisais sur le CSS.
Or, lorsque je mets en ligne mon travail, la mise en page ne prend pas en compte le fichier CSS.
Bref, je vous joins le lien du html et du CSS :
html : http://62.210.190.91/pharma/fiches_prod/3634828.html
css : http://62.210.190.91/pharma/fiches_prod/fiches_produit_docs/design_fiche_produit.css
l'aperçu dans dreamweaver : http://img96.imageshack.us/img96/3397/ficheprodvogalibyf4.jpg

Pouvez-vous m'aider?
D'avance, je vous remercie.

Vanessa
Modifié par ssavane (13 Dec 2006 - 16:26)
Bonjour,

Je ne comprends pas trop ton problème, chez moi, il reconnaît bien la feuille de style Smiley ohwell

Au passage, petit conseil: ne te fie jamais au rendu d'une application WYSIWYG telle que Dreamweaver mais bien à celui d'un navigateur récent tel qu'Internet Explorer 7 ou Opera pour ne citer qu'eux.

Cordialement,
Benjamin
Merci pour cette réponse rapide.
Puis-je poser la question autrement. Comment dois-je faire pour que mes bordures soient prises en compte?
Elles n'apparaissent pas en ligne, pourtant je les ai bien précisées dans mon fichier CSS.

Merci d'avance.
Bonjour ssavane,

Des erreurs subsistent dans ton fichier css (virgules intempestives, unités incorrectes ...) ce qui saborde ta présentation.

Bonne continuation ! Romain

PS : le validateur CSS (http://jigsaw.w3.org/css-validator) est ton ami. Smiley cligne
Modifié par yodaswii (13 Dec 2006 - 11:28)
Merci pour le lien, ça m'a vraiment aidé à débloquer mon problème.
Maintenant, j'ai juste une autre question : savez-vous pourquoi les puces n'apparaissent pas sur internet explorer alors que sur firefox, pas de problème? De plus, la mise en page n'est pas du tout la même.
J'ai pourtant tout fait validé : le CSS et le XHTML!!!

Voici le lien de la page : http://62.210.190.91/pharma/fiches_prod/3634828.html

Merci d'avance!

Vanessa

PS : Comment fait-on passé une classe au-dessus d'un autre? Je souhaite faire passer l'image du produit sur les titres, mais ça ne marche pas. Que dois-je faire pour remettre la photo par-dessus le reste?
Modifié par ssavane (13 Dec 2006 - 12:51)
Bonjour ...

Tout d'abord je te conseillerais de remplacer ton ''input'' par un lien que tu mettras en forme toi-même car ce dernier ne peut être présent que dans un formulaire...
En l'état actuel ton document contient une erreur de validation Smiley langue
ssavane a écrit :
Comment fait-on passé une classe au-dessus d'un autre?
Je ne vois pas bien ce que tu veux dire. Si tu parles de profondeur, c'est avec la propriété z-index et des positions absolues que tu dois jouer. Si c'est une question de priorité, c'est soit par l'ordre de tes déclarations dans ta feuille de style, soit par l'ajout d'un !important, mais c'est rarement conseillé.
Pour ma part, je viens de jeter un oeil à la composition que tu as faite, et il me semble que tu pourrais la simplifier grandement.
Par exemple, tu n'es pas obligé d'enfermer tes images dans des <div>, il te suffit de les transformer en bloc et de leur appliquer une bordure...

Concernant ton image, comme te l'as dit Benjamin, il s'agit d'utiliser la propriété z-index.

Et sinon, j'aurais une petite question : pourquoi utilises-tu autant de position absolue ?!?
Cela ne me semble pas forcément nécessaire ...
Et il y a certainement moyen que ce soit cela qui te créés des problèmes d'interprétation. Par exemple, le body ne peut pas à mon sens avoir de largeur ou de hauteur et encore moins de position... Smiley rolleyes
Mais tu peux lui donner des marges si cela t'arrange.
Modifié par Cygnus (13 Dec 2006 - 13:35)
Merci pour toutes vos informations. Cela m'a bien aidé.
J'ai suivi toutes les instructions, sauf pour le bouton imprimer, que je suis obligée de laisser.
Malheureusement, internet explorer ne prend pas en compte la propriété list-style: none.
Firefox interprète exactement ce que je veux. A votre avis, d'où vient le problème exactement?
Voici le lien au cas où : http://62.210.190.91/pharma/fiches_prod/3634828.html

D'avance, merci.
Modifié par ssavane (13 Dec 2006 - 15:48)
Sujet clos
Aller à