titre de page coupé

galad · Message par **galad** » 28 mars 2007, 22:32

Bonsoir,
J'ai un petit problème pour le titre d'une de mes pages. J'ai un titre de 3 mots et quand je ferme ma page, Kpz me coupe ma ligne de code au milieu du titre, ce qui donne un carré à la place de l'espace dans mon onglet de page.

Code : Tout sélectionner

<html><head><title>lavage
des mains</title> ...

Je remets en ligne dans le code mais ça ne reste pas.
J'ai trouvé le moyen pour éviter cela en écrivant lavage_des_mains mais bof ...

Quelqu'un a une idée ? merci d'avance.

Message par **chinon37** » 29 mars 2007, 08:04

Est-ce que tu essayé d'écrire le code comme cela:

Code : Tout sélectionner

<html>
   <head>
       <title> lavage des mains 
       </title> ...

Tidy installé avec handcoder le fait très bien lors du passage de Kpz vers un éditeur externe (ex: notepad++). Il suffit de cocher "avant édition" dans les options de Handcoder > tidy

après petit essai, ceci fonctionne:

Code : Tout sélectionner

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html><head><meta
 content="text/html; charset=ISO-8859-1"
 http-equiv="content-type"><title>lavage des mains</title></head>
<body><br></body></html>

avais-tu spécifié le doctype et le type d'encodage de caractères?

galad · Message par **galad** » 29 mars 2007, 13:03

chinon37 a écrit :Est-ce que tu essayé d'écrire le code comme cela:
Code : Tout sélectionner
<html>
   <head>
       <title> lavage des mains 
       </title> ...
Tidy installé avec handcoder le fait très bien lors du passage de Kpz vers un éditeur externe (ex: notepad++). Il suffit de cocher "avant édition" dans les options de Handcoder > tidy

J'ai tidy et handcoder, "avant édition" est coché. Par contre je n'utilise pas notepad qui me donne un fouillis incompréhensible.

chinon37 a écrit :après petit essai, ceci fonctionne:
Code : Tout sélectionner
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html><head><meta
 content="text/html; charset=ISO-8859-1"
 http-equiv="content-type"><title>lavage des mains</title></head>
<body><br></body></html>
avais-tu spécifié le doctype et le type d'encodage de caractères?

Je n'ai rien spécifié car jusque là tout fonctionnait parfaitement

peux tu m'en dire un peu plus stp ?

Message par **chinon37** » 29 mars 2007, 14:00

ne pas confondre Notepad (bloc note de windows) et notepad++

Si notepad++ est bien paramétré, c'est le contraire du fouillis: tout est ordonné à condition de mettre dans les options de handcoder , dans l'onglet "tidy" à la ligne argument:

Code : Tout sélectionner

--keep-time yes --indent yes --wrap 120

Le code sera indenté dans Notepad++ et c'est le rêve...

galad a écrit :Je n'ai rien spécifié car jusque là tout fonctionnait parfaitement Embarassé peux tu m'en dire un peu plus stp ?

Désolé, c'est un peu long à expliquer et je n'ai pas le temps maintenant. Je reviendrais plus tard si personne n'est passé le faire avant.

Mongo Bob · Message par **Mongo Bob** » 01 avr. 2007, 20:32

Le problème que tu rencontres, c'est bien sur ton site "Infirmier de santé au travail"?
Si oui, tu as bien spécifié l'encodage (ou Kpz l'a fait pour toi) :

Code : Tout sélectionner

<meta
 content="text/html; charset=ISO-8859-1"  http-equiv="content-type">

Ceci, c'est sur ta page d'accueil. Sur la même page (je n'ai pas trouvé la page "lavage des mains"), ton Doctype est :

Code : Tout sélectionner

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

Tu devrais avoir ça :

Code : Tout sélectionner

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">

source si souvent citée :
http://www.w3.org/QA/2002/04/valid-dtd-list.html (je retrouve pas la version française).
Il manque le lien vers W3C et la mention "loose",ceci dit je crois pas que ça explique ton problème. Peux-tu donner l'adresse de la page ou le code concerné? Y'a peut-être autre chose, quand même.

Au fait, le doctype est celui du html transitionnel, pas le strict comme dans l'exemple de chinon37, puisque le site Infirmier est en transitionnel...

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.3) Gecko/20070309 Firefox/2.0.0.3

galad · Message par **galad** » 01 avr. 2007, 23:52

Merci Mongo Bob.
Ma nouvelle page n'est pas encore en ligne car pas finie, mais je peux te donner le lien

Je commence à être un peu perdue avec strict, transitionnel ...
Je viens de trouver ce lien d'alsacréation qui m'a donné quelques explications (si ça peut servir !)
Le doctype transitionnel a été donné par Kpz, je n'ai touché à rien, promis juré !!!

Mongo Bob · Message par **Mongo Bob** » 02 avr. 2007, 08:30

Bien sûr, que c'est Kpz qui t'a attribué le doctype, c'est pour ça qu'on l'aime, c'est un éditeur web qui fournit les doctypes selon les spécifications du W3C (c'est selon ce que tu as coché dans "Nouveau, plus d'options" au moins la 1ère fois).
Le seul truc qui m'embête c'est maintenant que j'ai suivi ton lien je vois pas ce qui cloche visuellement, tu as un carré qui s'affiche où et quand, à la place de l'espace?
De toute façon, ton code est mal indenté, voilà ce que ça devrait donner après le balayage normal de Tidy (voir options données par chinon) :

Code : Tout sélectionner

<html>
<head>
<title>lavage des mains</title>
<link rel="STYLESHEET" href="style2.css" type="text/css">
</head>
<body style="background-image: url(../images/infirmfd.gif);">
<div id="conteneur">
<div id="logo"><img style="width: 224px; height: 57px;" alt="" src=
"../images/infirmier2sml.gif"></div>
<div id="titre"><br>
Le lavage des mains</div>
<br>
<div style="text-align: right;"><small><img style=
"width: 127px; height: 55px;" alt="" src=
"../images/dossier.gif"></small><br>
<small>mise à jour le <span><!--#BeginDate dd/MM/yyyy-->02/04/2007

<!--#EndDate--></span></small><br>
<br></div>
<div id="menu">
<ul class="navlist">
<li><a href="../accueil.html">accueil</a></li>
<li><a href="../plan.html">plan du site</a></li>
<li><a href="http://infirmierst.forumactif.com" target=
"_blank">forum</a></li>
<li><a href="../archives.html">archives</a></li>
<li><a href="../liens.html">liens</a></li>
<li><a href=
"http://www.lecgi.net/public/livreor/livredor.cgi?id=IST" target=
"_blank">livre d'or</a></li>
<li><a href="../temoignages.html">temoignages</a></li>

</ul>
</div>

Ceci dit encore, "lavage des mains" s'affiche correctement dans le navigateur, alors...

Au fait :

galad a écrit :Je remets en ligne dans le code mais ça ne reste pas.

Tu fais ça dans l'onglet "Source"? Quand même pas?!
Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.3) Gecko/20070309 Firefox/2.0.0.3

Message par **chinon37** » 02 avr. 2007, 09:24

Bonjour,
Galad, je n'ai pas de problème d'affichage de ta page et de ton titre avec Firefox

galad · Message par **galad** » 02 avr. 2007, 21:00

Bonsoir à tous,
effectivement il n'y a plus de carré et pourtant le titre est toujours coupé dans le code source. Je n'y comprends rien.

Je vais prendre un autre éditeur car ce n'est vraiment pas lisible en fin de compte. Notepad++ est celui que vous recommandez tous, je vais l'installer. J'espère arriver à bien le paramétrer

Merci de votre patience.

galad · Message par **galad** » 02 avr. 2007, 22:32

Ben voila, c'est fait !
Mais comment je faisais avant ?
Mais pourquoi j'ai attendu si longtemps ?
Bref, notepad++ c'est génial

Merci, merci, merci

Je ne sais toujours pas d'où vient le problème que j'ai eu au départ, mais ça ne fait rien, il est résolu

Geckozone

titre de page coupé

titre de page coupé

Qui est en ligne ?