CSS et dreamwaver

Bonjour à tous,
j'ai des problèmes de controle de mon code avec dreamwaever 8.

( petite précision, j'ai bientot 70 ans et si je me débrouille un peu en html, avec les css c'est pas la gloire malgré les quelques bouquins que j'ai acheté)

mon problème est le suivant, j'ai beaucoup de code css dans ma page litigieuse et dr8 affiche des des balises en jaune et m'indique qu'elles se sont pas bien placés et se chevauchent.

j'ai essayé moult fois de changer, mais seule la version "avec erreurs" fonctionne parfaitement, toutes les autres plantent pour passer d'un menu à l'autre.

désireux de ne pas transgresser les règles du forum, comment je peux afficher le fichier en cause sur le forum pour profiter de vos conseils.

la page est visible à l'adresse "http://www.granges-sur-baume.fr./indexpage"

Merci de votre réponse

Bonjour,

pour poster ta css, tu peux utiliser la balise code (bouton #)

Sinon, grace à l'url que tu as fourni, j'ai regardé la feuille de style source_css.css et en regardant comme ça a premiere vue, il te manque quelques ";" à la fin de certaines déclarations
exemple :
ligne 61

Code:

---

1 2	.Style1 {font-size: medium}

---

lignes 67 à 75

Code:

---

1 2	..... border: none}

---

EDIT: et aussi la declaration color ligne 32

Code:

---

color: 0affff;

---

a corriger en

Code:

---

color: #0affff;

---

Enfin il te faudra vérifier tes déclarations de la propriété font qui est une propriété raccourci où il faut renseigner toutes les infos nécéssaires.

Excusez, je me suis trompé dans l'adresse de la page.

la page qui pose problèmes est:

http://www.granges-sur-baume.fr./indexpage.html

les remarques restent toujours les mêmes. des ";" qui manquent et des déclarations incomplètes.

essai de valider ta page avec un validateur et tu verras tes erreurs

Citation:

---

Envoyé par pop_up

les remarques restent toujours les mêmes. des ";" qui manquent

---

Le ; avant la fermeture de parenthèse n'est pas obligatoire

ah la je savais pas.

merci de me l'apprendre.

Heureusement pour moi, il en manque aussi parfois au milieu :aie:

Code:

---

1 2	font:italic bold arial font-size: 10px;

---

Citation:

---

Envoyé par pop_up

en manque aussi parfois au milieu :aie:

Code:

---

1 2	font:italic bold arial font-size: 10px;

---

---

Pas bon ce code ;)
La propriété font devrait toujours avoir la valeur de font-size+family au minimum.

Pour le ";" à la dernière déclaration c'est juste une bonne pratique d'écriture qui permet de faciliter les futurs ajouts de déclarations et éviter ainsi les éventuelles erreurs.

@Helvetdulac

Bonsoir,
c'est courageux de vous mettre au HTML à votre âge, mais comme ont dit il n'est jamais trop tard pour apprendre et puis vous n'êtes pas si vieux ;)

Le plus problématique sur votre site (et le plus urgent à corriger) vient d'une navigation malaisée due au bloc qui s'affiche SUR les menus déroulant.


Ensuite quelques commentaires sur votre texte en jaune:

Citation:

---

Problèmes d'affichage
Ce site est optimisé pour la norme HTML 4.0.1.
Le navigateur "Internet Explorer" de Microsoft ne respecte pas totalement cette norme
si vous avez des problèmes d'affichage,
vous pouvez charger et installer le navigateur "Firefox"
qui respecte intégralement cette norme.
Il est en langue française, il est gratuit et dans bien des cas plus rapide que "Internet Explorer"

---

Même si ce que vous voulez dire est compris, un site n'est pas optimisé pour une norme, mais le code de ses pages obéit à des règles syntaxiques et des règles de structuration conformes au standard HTML 4.01.
On parle plutôt de page valide ou invalide XHTML/HTML ET de feuille de style valide ou invalide CSS2.

Firefox ni aucun navigateur ne respectent totalement les standard HTML et CSS, c'est un mythe, au mieux ils ne font que se rapprocher d'une conformité totales.
> Firefox 2 respecte 92% des normes HTML4.01 et CSS2 en revanche il respecte 100% du standard ECMAscript.

Un argument supplémentaire pour choisir Firefox et les autre navigateurs
alternatifs est son niveau de sécurité bien supérieur à IE mais pour information
Opera est dans la plupart des cas plus rapide sous Windows et moins vulnérable que Firefox.