problème taille et couleur de police

[Isabau]

Bonjour à tous,

J'utilise Kompozer depuis qqes mois, et en ce moment j'ai qqes soucis avec la taille et la couleur de la police (verdana) sur les menus de ma boutique.

Lorsque j'édite sur kpz tout va bien en mode normal comme en mode aperçu. La taille (12px) et la couleur(#006600) sont respectées. Mais une fois la page publiée, toutes mes configurations se sont "envolées", la couleur n'est pas la bonne, certains mots se retrouvent en italique, ou plus petits, en gras ou non, enfin c'est du n'importe quoi.
Voici l'url d'une page, vous pourrez mieux vous rendre compte du soucis (sur le menu du bas en particulier) http://www.la-boutique-isamarys.com/rayon-perle.html

Ce problème ne se répercute pas sur toutes les pages. Mais lorsqu'il intervient, pas moyen de régler la chose. D'un point de vue esthétique et harmonique, "ça-ne-le-fait-pas"...

Il faut aussi que je vous signale que ce site a été commencé avec Frontpage, puis continué avec Kompozer, est-ce que le problème ne viendrait pas de là....? Car il y a pas mal de "bug" quand même, du genre je veux mettre en gras et kpz ne veut pas prendre cette commande, ou bien alors, la taille de la police étant 12 px, kpz l'agrandit ou la rétrécit automatiquement sur un mot ou deux sans que j'en ai donné l'information; lorsque je fais un lien sur un mot, au passage de la souris ce mot s'agrandit, alors que je n'ai rien demandé, etc....en fait il n'y a qu'avec l'écriture que j'ai des soucis...
Ce sont de toutes petites choses, mais cela m'embête véritablement, car je n'avance pas dans la maintenance de la boutique.

Quelqu'un aurait une idée de ce qui se passe ? dois-je réinstaller kompozer, il y a peut-être eu un problème lors de l'installation ? Est-ce parce que le site a été commencé avec Frontpage ? Je ne sais pas trop quoi penser....Merci de bien vouloir me renseigner.

Excellente journée à tous.

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.12) Gecko/20080201 Firefox/2.0.0.12

[Ymai]

Bonjour
Le menu "du bas" est bien celui qui annonce "Plan du site", "Contact",... ?

J'y vois un petit problème mais qui ne justifie sans doute pas le comportement décrit.
En fait, il semble qu'on ait un peu trop joué avec les boutons de la barre d'outils de mise en forme.
Je prends le code correspondant au bas du menu:

Code : Tout sélectionner

<tr>
<td style="height: 25px;" width="149">

<a style="color: rgb(0, 102, 0);" href="Apropos.html" target="_top"><big><span style="font-weight: bold;"><span style="font-weight: bold;"><span style="font-weight: bold;"></span></span></span></big></a><b><font color="#006600" size="2"><img src="images/petitde2.jpg" height="23" width="23"><a href="rayon-partenaires.html" target="_top">Partenaires</a></font></b></td>
</tr>
<tr>
<td style="height: 25px;" width="149"><b><font size="2"> <a target="_top" href="frais-de-livraison.html"> <span style="font-weight: bold;"><span style="font-weight: bold;"></span></span></a></font></b><b><font color="#006600" size="2"><img src="images/petitde2.jpg" height="23" width="23"><a href="rayon-annuaire-referenceur.html" target="_top">Annuaires</a></font></b></td>
</tr>

qui contient quelques balises vides

Code : Tout sélectionner

<b><font size="2"> <a target="_top" href="frais-de-livraison.html"> <span style="font-weight: bold;"><span style="font-weight: bold;"></span></span></a></font></b>

Tout cela peut être supprimé.

J'aurais bien eu envie de dire un peu de mal de Frontpage, mais je ne vois pas trop que dire. Il y en a bien quelques traces, mais rien de très grave. Réinstaller KompoZer n'est certainement pas nécessaire.

Par contre, une bonne cure par injection de CSS serait plus que profitable à la page référencée. Allégement de la page garanti.
En fait, l'idée serait de centraliser à un seul endroit tout ce qui concerne la mise en forme. A partir de là, plus moyen d'avoir un bout de page qui fait sa vie indépendamment du reste. Le paradis, quoi.

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.8.1.12) Gecko/20080207 Ubuntu/7.10 (gutsy) Firefox/2.0.0.12

[Isabau]

Bonsoir à tous, et un grand merci à toi Ymai pour m'avoir fait cette réponse. Je vais imprimer cette partie de code et voir un peu sur la page.
Je t'autorise à dénigrer Frontpage.... . J'ai certainement les mêmes raisons et c'est pour cela que je ne me sers que de Kpz maintenant....
Mais je pense que le fait d'avoir essayé de "fabriquer" la boutique avec ces deux éditeurs n'était pas franchement une bonne idée....A la longue, le nettoyage sera fait, je l'espère....
Un bonne injection de css, tout à fait d'accord, le hic, c'est que je commence à peine à l'apprendre....J'ai commencé un peu à l'envers en fait....Et c'est aujourd'hui que je comprends le bienfait et la nécessité des css. Il va donc falloir que je galope à toute vitesse pour que je puisse au moins me débrouiller un peu pour la mise en page. Ce serait déjà un gros point d'éclairci.
Merci encore pour ta réponse. J'apprécie votre savoir faire à tous. Excellente soirée. Isabau

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.12) Gecko/20080201 Firefox/2.0.0.12

[Ymai]

Merci encore pour ta réponse. J'apprécie votre savoir faire à tous. Excellente soirée. Isabau

Il me semble que la qualité et la courtoisie de ceux qui fréquentent ce forum atteint une apogée, ces jours-ci.

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.8.1.12) Gecko/20080207 Ubuntu/7.10 (gutsy) Firefox/2.0.0.12

[Mongo Bob]

Ca compense largement pour ceux qui ne prennent même pas la peine de te répondre après que tu aies pris le temps de t'intéresser à leur problème...
(n'est-ce pas, Machin?)
bon, bonne soirée à tous...

[Isabau]

et oui, la politesse et la courtoisie ça n'a jamais fait de mal. En ce qui me concerne, j'aurais dû vous demander conseil avant, ainsi vous auriez eu des remerciements plus tôt....
Personnellement, ayant deux sites, dont un sur lequel je donne des fiches techniques, j'ai bien écrit "je donne", c'est donc du tout gratuit et du tout "cuit" chez soi. Certains osent écrire pour DEMANDER sans dire bonjour - merci - au revoir....Ben non, c'est trop difficile...Je suis très tolérante, mais lorsque je reçois un mail comme ça, je vous garantie que je réponds du "tac-au-tac"....Y'a pas de raison. Après tout, ça leur fait du bien de constater qu'on peut aussi être c....et bête....

Pour en revenir à mon soucis, sujet de cette conversation, il ne s'agissait pas du "menu" tout en bas de la page, juste avant le pied de page (php). Hier soir, il était trop tard, j'ai fait une petite réponse à Ymai, car j'étais vraiment contente qu'on réponde aussi vite. Ca fait plaisir.
En fait, il s'agissait du menu à gauche (le dernier, tout en bas, mais à gauche), avec "Plan du site" - "Contact" - "Bon commande" etc.....La police était écrite dans n'importe quel sens. Je ne sais toujours pas pourquoi. Mais bon, j'ai essayé de faire qqes manip sur la feuille de CSS (étant très novice en la matière, il y en a quand même sur ma boutique....mais ce n'est pas moi qui les ais créées....hum-hum.... . ) et apparemment, cela a remis les choses en ordre (oufffff).
Il ne reste que la couleur qui n'est pas la bonne, et là "grosse question", car j'ai bien ordonné une couleur qui apparaît bien sur kpz en mode normal et aperçu, mais sur internet, ce n'est pas la même...??? Je vous mets le lien de ma page "Partenaires" pour mieux voir la différence :

http://www.la-boutique-isamarys.com/ray ... aires.html

Regardez les menus à gauche, certains termes sont écrits en vert "pâlichon" comme "Atelier virtuel" - "Plan du site" , et d'autres sont dans la bonne couleur (#006600) comme les mots "Accueil" - "Nouveautés" et "Partenaires"...Je ne comprends pas pourquoi la couleur demandée ne reste pas. Alors que sur la feuille css, j'ai bien inscris la couleur pour tous les liens du menu....Que faire pour régler le soucis d'après vous ?

Mais, vous avez amplement raison, il va falloir que je me mette au CSS, c'est indispensable car la boutique va évoluer et je me vois mal faire les pages une par une lorsqu'il y en aura une quantité infernale.....

Vous, en tant que pro, connaissez-vous des liens de sites très perspicaces avec lesquels je puisse bien apprendre les CSS, le XHTML (car ça aussi, il ne faut pas l'oublier). Des sites sur lesquels une débutante peut vraiment obtenir un maximum d'info pour bien comprendre le procédé. Personnellement, j'en ai trouvé qqes uns, mais ils ne donnent que des "tuto", c'est pas mal, mais il faudrait déjà savoir comment écrire une feuille de style, et sur quoi l'écrire, et où la mettre lorsqu'on veut qu'il y ait réaction sur sa propre page web....Et ça, je ne trouve pas....

La discussion est donc ouverte à tous ceux qui voudront me donner qqes conseils. Merci tout plein. Bonne journée.
Isabau

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.12) Gecko/20080201 Firefox/2.0.0.12

[chinon37]

Bonjour,
le problème semble être identifié: compare ces deux codes:

Code : Tout sélectionner

<td style="height: 25px;"><font face="Verdana"><b><font color="#006600" size="2"><img src="images/petitde2.jpg" height="23" width="23">
</font><a target="_top" href="Idees-Deco.html"><font color="#006600" size="3">I</font><font color="#006600" size="2">dées déco</font></a></b></font></td>

et

Code : Tout sélectionner

<td><font face="Verdana"><b><font color="#006600" size="2"><img src="images/petitde2.jpg" height="23" width="23">
<a href="http://www.isamarys.com" target="_top">Atelier
virtuel</a></font></b></font></td>

Tu remarqueras que <font color="#006600" ne se situe pas au même endroit dans le code.
Dans un cas, il est à l'intérieur des balises <a> ..... </a> et dans l'autre cas, il est avant la balise <a>
Or, dans la feuille de style, il a été déclaré une couleur pour <a> différente de #006600. Cette couleur est #588636 (pâlichone)
la règle veut que ce soit la dernière déclaration de style qui soit retenue, donc:
si <font color="#006600" se trouve après <a> dans le code, c'est cette couleur qui sera retenue. Par contre, si elle se trouve avant <a>, c'est la couleur définie pour a qui sera retenue.
Conclusion: pour corriger le tir, il suffit de supprimer dans le code tous les <font color="#006600". Ensuite, dans l'éditeur de style de KpZ (F11), cliquer sur le petit plus à côté de @media all puis sur a:link, aller sur l'onglet texte et sur la ligne "couleur" entrer le code #006600.

Le problème sera résolu

[Isabau]

Bonjour Chinon et surtout merci pour ta réponse très CLAIRE (là au moins j'ai tout compris....). Je vois bien ce qui cloche maintenant que tu as bien détaillé les codes.
Mais ce que je trouve bizarre, c'est que j'ai fait la dernière manip que tu conseilles : aller dans média all sur la feuille de style et mettre la couleur 006600 sur les a:link -a:visited etc....
Le fait que ce soit un peu le fouillis au niveau des couleurs sur la page html, n'a peut-être pas permis à la feuille css de faire "son travail". Je ne sais pas dans quel sens le html et le css fonctionnent.
En tous les cas, merci tout plein, car je vais pouvoir régler ce problème mineur en soi, mais super "casse-pieds" parce que je perdais un temps fou avec ça....et je n'avais pas remarqué sur le mode source qu'il y avait embrouille avec les deux couleurs.... ....Un peu la honte....
Excellente fin de journée.
Isabau

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.12) Gecko/20080201 Firefox/2.0.0.12

[chinon37]

une fois modifiée la feuille css, il faut bien penser à charger la version modifiée chez l'hébergeur

[Isabau]

trop rigolo....non je t'assure, j'ai trop rit.....de ma bêtise....car j'ai transféré les pages comme d'hab, mais le dossier css est resté tout seul dans son coin, je n'ai absolument pas pensé à le transférer aussi....quand je vous dis que je suis complètement néophyte....Enfin, bref, je vais remédier à la chose....Merci Chinon d'avoir pensé à ce détail HYPER important.....
Bon week-end à tous.
Isabelle

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.12) Gecko/20080201 Firefox/2.0.0.12