Forum d'aide création graphique / [Résolu] Problème avec Komposer

lilkev13 · 28-12-2010 19:11:57

Bonjour à tous,

Comme je suis débutant dans la réalisation d'un site web, je fait appel à vous pour m'aider à résoudre mon problème.

J'ai télécharger le ''Kit Graphique'' 56 et je veux mofifier la page index.html à l'aide du logiciel KompoZer. Cependant, quand je modifie une phrase ou un lien et que j'enregistre par la suite, les tableaux sont à la mauvaise place et l'apparence du site est complètement en bordel. Je vous met le code avant et après modifications. Merci pour votre aide. Kevin

Code avant :

Code:

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<title></title>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-15" />
<meta http-equiv="content-language" content="fr" />
<link href="style.css" title="Défaut" rel="stylesheet" type="text/css"
media="screen" />
</head>
<body>
<div id="conteneur"><!-- Global -->
<div id="header" />
<!-- Header -->
<div id="centrer_menu"><!-- Début Menu -->
<table summary="" class="centre" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td class="centre">
<ul id="menuhorizon">
<li><a href="" title="">- Rubrique -</a></li>
<li><a href="" title="">- Rubrique -</a></li>
<li><a href="" title="">- Rubrique -</a></li>
<li><a href="" title="">- Rubrique -</a></li>
<li><a href="" title="">- Rubrique -</a></li>
<li><a href="" title="">- Rubrique -</a></li>
</ul>
</td>
</tr>
</tbody>
</table>
</div>
<!-- Fin Menu -->
<div id="contenu"><!-- Contenu -->
<div id="left"><!-- Colonne de gauche --><!-- Menu -->
<div class="navigation">Ullam at arcu mi sed iaculis sapien</div>
<!-- Titre du menu -->
<ul class="vertical">
<li><a href="" title="">.: Vivamus interdum sapien nec enim </a></li>
<li><a href="" title="">.: Phasellus tristique pellentesque </a></li>
<li><a href="" title="">.: Sed nec dui in purus sollicitudin</a></li>
<li><a href="" title="">.: Etiam quam metus hendrerit a ultri</a></li>
<li><a href="" title="">.: Aenean in tellus placera est vehicula</a></li>
</ul>
<!-- Fin Menu -->
<div style="margin: 3px 0pt 0pt;" />
<!-- Petit espace entre les menus --><!-- Menu -->
<div class="navigation">Fusce cursus et urna</div>
<!-- Titre du menu -->
<ul class="vertical">
<li><a href="" title="">.: Nam nec metus tortor </a></li>
<li><a href="" title="">.: Mauris nec dui velit eget sagittis mauris </a></li>
<li><a href="" title="">.: Integer id quam nisi</a></li>
<li><a href="" title="">.: Ut tellus dui rhoncus volutpat</a></li>
<li><a href="" title="">.: Maecenas enim es placerat </a></li>
</ul>
<!-- Fin Menu -->
<div style="margin: 3px 0pt 0pt;" />
<!-- Petit espace entre les menus --><!-- Menu -->
<div class="navigation">Donec vestibulum euismod gravida</div>
<!-- Titre du menu --> <img
style="margin: 3px 3px 0pt; float: left; clear: both;"
src="images/photo1.png" alt="" /><br />
Phasellus auctor bibendum orci, quis ullamcorper eros mollis a.
Suspendisse vel sapien ut dui varius gravida.<br />
<div style="clear: both;" />
<div style="text-align: center;">---------------------------------------------------------</div>
<img style="margin: 0pt 3px; float: left;" src="images/photo2.png"
alt="" /><br />
Fusce cursus, urna et vestibulu consectetur, odio urna element
<div style="clear: both;" />
<div style="text-align: center;">---------------------------------------------------------</div>
<img style="margin: 0pt 3px; float: left;" src="images/photo3.png"
alt="" /><br />
Fusce mattis tempor augue, quis <br />
viverra neque consectetur ut. Donec ante nunc, cursus
<div style="clear: both;" />
<!-- Fin Menu -->
</div>
<!-- Fin Colonne de gauche -->
<div id="right"><!-- Colonne de droite -->
<div class="titre_news_fond"><!-- Titre de la news --><span>INFORMATIONS
GENERALES :</span><br />
<div style="margin: 0pt 0pt 0pt 10px;"><!-- On deplace le texte -->
Les kits téléchargés ont été réalisés par l'équipe de
kitgraphiquegratuit.org. Le site de téléchargement est
kitgraphiquegratuit.org
</div>
<!-- Fin de "On deplace le texte" --></div>
<!-- Fin Titre de la news -->
<div class="news_fond"><!-- Contenu principal -->
<p>Contenu de l'archive :</p>
L'archive que vous venez de télécharger contient les fichiers suivants
: * un fichier index.html et un fichier style.css<br />
* un dossier "images" contenant toutes les images du kit<br />
* Le ou les .PSD<br />
* la présente licence<br />
<br />
<p>Termes et conditions de la licence :</p>
En téléchargeant et en utilisant ce kit graphique, vous reconnaissez
avoir lu et accepté les conditions d'utilisation présente sur notre
site :
<a href="http://www.kitgraphiquegratuit.org/conditions.php">à cette
adresse</a> <br />
<br />
<p>Nous contacter :</p>
Pour toutes informations supplémentaires, d'aide, de modification ou de
réalisation n'hésitez pas à nous contacter :
"webmaster@kitgraphiquegratuit.org" ou à visiter le forum : <a
href="http://www.kitgraphiquegratuit.org/forum/">Forum</a>
<br />
<br />
<div style="text-align: center;"><a
href="http://www.kitgraphiquegratuit.org/"><img
src="http://www.kitgraphiquegratuit.org/bouton.jpg"
alt="kits graphiques gratuits" /></a></div>
<br />
<div style="float: right;"><!-- Pour que le carré de news flotte a droite -->
<div class="important_haut" />
<!-- Petit carré de news -->
<div class="important_fond"> <span>Vestibulum dapibus </span><br />
Nulla lacinia nisi et eros lacinia condimentum. Etiam cursus volutpat
dolor, malesuada bibendum diam volutpat nec. Cras dapibus ligula vel
ligula aliquet auctor. Nulla rutrum magna vel felis faucibus ut
suscipit nulla interdum. Vivamus egestas, odio et tristique imperdiet,
mauris mi feugiat arcu, nec mollis mauris felis vitae ipsum. Aenean
ullamcorper ipsum eget quam consectetur iaculis.
</div>
<div class="important_bas" />
<!-- Fin Petit carré de news --></div>
<!-- Fin de "Pour que le carré de news flotte a droite" --> Lorem ipsum
dolor sit amet, consectetur adipiscing elit. Ut at justo neque. Fusce
pharetra bibendum tristique. Ut laore et purus nec libero vehicula
tempor. Vivamus porta mollis nisi, id venenatis ligula cursus ut. Nulla
elit augue, molestie non mollis vitae, egestas a lectus. Phasellus
blandit sem vitae dui dapibus cursus eleifend lacus blandit. Nam neque
magna, lacinia eu dapibus ac, iaculis id dui. Praesent non
lectus.Vivamus urna eros, porttitor in porta at, cursus quis ipsum.
Nunc est sem, euismod quis pellentesque at, viverra sit amet est. Cum
sociis natoque penatibus et magnis dis parturient montes, nascetur
ridiculus mus. Praesent non ligula magna. Maecenas in leo ut quam
iaculis euismod. Pellentesque habitant morbi tristique senectus et
netus et malesuada fames ac turpis egestas. Donec egestas felis quis
quam iaculis at imperdiet felis lacinia. Maecenas arcu mi, pellentesque
ut aliquam quis, lobortis non eros. Donec nec mauris eu nisl semper
fringilla. Nullam fermentum accumsan est, et bibendum quam imperdiet
non. Phasellus aliquet nunc non erat hendrerit posuere. Sed eu tellus
risus, at posuere felis. Maecenas non tellus nisi, eu bibendum arcu.
Aenean semper ullamcorper ipsum dapibus tincidunt.
<div class="top">Curabitur vel augue arcu calorem ut imperdiet.</div>
<div style="clear: both;" />
<!-- Annule les float --> </div>
<!-- Fin Contenu principal --></div>
<!-- Fin Colonne de droite --></div>
<!-- Fin Contenu -->
<div id="pied"><!-- Pied --><a id="haut_de_page" href="#header" />
<!-- mention de copyright Ne pas retirer sans autorisation écrite -->
<div id="copyright">©<a href=""> Votresite.com</a> 2009 | Design by<a
href="http://www.kitgraphiquegratuit.org"
onclick="window.open(this.href); return false;" title="kits gratuits">
Kitgraphiquegratuit.org</a></div>
<!-- mention de copyright Ne pas retirer sans autorisation écrite --> </div>
<!-- Fin pied --></div>
<!-- FIn Global -->
</body>
</html>

Code après :

Code:

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<title></title>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-15" />
<meta http-equiv="content-language" content="fr" />
<link href="style.css" title="Défaut" rel="stylesheet" type="text/css"
media="screen" />
</head>
<body>
<div id="conteneur"><!-- Global -->
<div id="header"><!-- Header -->
<div id="centrer_menu"><!-- Début Menu -->
<table summary="" class="centre" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td class="centre">
<ul id="menuhorizon">
<li><a href="" title="">- Rubrique -</a></li>
<li><a href="" title="">- Rubrique -</a></li>
<li><a href="" title="">- Rubrique -</a></li>
<li><a href="" title="">- Rubrique -</a></li>
<li><a href="" title="">- Rubrique -</a></li>
<li><a href="" title="">- Rubrique -</a></li>
</ul>
</td>
</tr>
</tbody>
</table>
</div>
<!-- Fin Menu -->
<div id="contenu"><!-- Contenu -->
<div id="left"><!-- Colonne de gauche --><!-- Menu -->
<div class="navigation">Ullam at arcu mi sed iaculis sapien</div>
<!-- Titre du menu -->
<ul class="vertical">
<li><a href="" title="">.: Vivamus interdum sapien nec enim </a></li>
<li><a href="" title="">.: Phasellus tristique pellentesque </a></li>
<li><a href="" title="">.: Sed nec dui in purus sollicitudin</a></li>
<li><a href="" title="">.: Etiam quam metus hendrerit a ultri</a></li>
<li><a href="" title="">.: Aenean in tellus placera est vehicula</a></li>
</ul>
<!-- Fin Menu -->
<div style="margin: 3px 0pt 0pt;"><!-- Petit espace entre les menus -->
<!-- Menu -->
<div class="navigation">Fusce cursus et urna</div>
<!-- Titre du menu -->
<ul class="vertical">
<li><a href="" title="">.: Nam nec metus tortor </a></li>
<li><a href="" title="">.: Mauris nec dui velit eget sagittis mauris </a></li>
<li><a href="" title="">.: Integer id quam nisi</a></li>
<li><a href="" title="">.: Ut tellus dui rhoncus volutpat</a></li>
<li><a href="" title="">.: Maecenas enim es placerat </a></li>
</ul>
<!-- Fin Menu -->
<div style="margin: 3px 0pt 0pt;"><!-- Petit espace entre les menus -->
<!-- Menu -->
<div class="navigation">Donec vestibulum euismod gravida</div>
<!-- Titre du menu --> <img
style="margin: 3px 3px 0pt; float: left; clear: both;"
src="images/photo1.png" alt="" /><br />
Phasellus auctor bibendum orci, quis ullamcorper eros mollis a.
Suspendisse vel sapien ut dui varius gravida.<br />
<div style="clear: both;">
<div style="text-align: center;">---------------------------------------------------------</div>
<img style="margin: 0pt 3px; float: left;" src="images/photo2.png"
alt="" /><br />
Fusce cursus, urna et vestibulu consectetur, odio urna element
<div style="clear: both;">
<div style="text-align: center;">---------------------------------------------------------</div>
<img style="margin: 0pt 3px; float: left;" src="images/photo3.png"
alt="" /><br />
Fusce mattis tempor augue, quis <br />
viverra neque consectetur ut. Donec ante nunc, cursus
<div style="clear: both;"><!-- Fin Menu -->
</div>
<!-- Fin Colonne de gauche -->
<div id="right"><!-- Colonne de droite -->
<div class="titre_news_fond"><!-- Titre de la news --><span>INFORMATIONS
GENERALES :</span><br />
<div style="margin: 0pt 0pt 0pt 10px;"><!-- On deplace le texte -->
Les kits téléchargés ont été réalisés par l'équipe de
kitgraphiquegratuit.org. Le site de téléchargement est
kitgraphiquegratuit.org
</div>
<!-- Fin de "On deplace le texte" --></div>
<!-- Fin Titre de la news -->
<div class="news_fond"><!-- Contenu principal -->
<p>Contenu de l'archive :</p>
L'archive que vous venez de télécharger contient les fichiers suivants
: * un fichier index.html et un fichier style.css<br />
* un dossier "images" contenant toutes les images du kit<br />
* Le <br />
<br />
<p>Termes et conditions de la licence :</p>
En téléchargeant et en utilisant ce kit graphique, vous reconnaissez
avoir lu et accepté les conditions d'utilisation présente sur notre
site :
<a href="http://www.kitgraphiquegratuit.org/conditions.php">à cette
adresse</a> <br />
<br />
<p>Nous contacter :</p>
Pour toutes informations supplémentaires,
d'aide, de modification ou de réalisation n'hésitez pas à nous
contacter : "webmaster@kitgraphiquegratuit.org" ou à visiter le forum :
<a href="http://www.kitgraphiquegratuit.org/forum/">Forum</a>
<br />
<br />
<div style="text-align: center;"><a
href="http://www.kitgraphiquegratuit.org/"><img
src="http://www.kitgraphiquegratuit.org/bouton.jpg"
alt="kits graphiques gratuits" /></a></div>
<br />
<div style="float: right;"><!-- Pour que le carré de news flotte a droite -->
<div class="important_haut"><!-- Petit carré de news -->
<div class="important_fond"> <span>Vestibulum dapibus </span><br />
Nulla lacinia nisi et eros lacinia condimentum. Etiam cursus volutpat
dolor, malesuada bibendum diam volutpat nec. Cras dapibus ligula vel
ligula aliquet auctor. Nulla rutrum magna vel felis faucibus ut
suscipit nulla interdum. Vivamus egestas, odio et tristique imperdiet,
mauris mi feugiat arcu, nec mollis mauris felis vitae ipsum. Aenean
ullamcorper ipsum eget quam consectetur iaculis.
</div>
<div class="important_bas"><!-- Fin Petit carré de news -->
</div>
<!-- Fin de "Pour que le carré de news flotte a droite" --> Lorem
ipsum dolor sit amet, consectetur adipiscing elit. Ut at justo neque.
Fusce pharetra bibendum tristique. Ut laore et purus nec libero
vehicula tempor. Vivamus porta mollis nisi, id venenatis ligula cursus
ut. Nulla elit augue, molestie non mollis vitae, egestas a lectus.
Phasellus blandit sem vitae dui dapibus cursus eleifend lacus blandit.
Nam neque magna, lacinia eu dapibus ac, iaculis id dui. Praesent non
lectus.Vivamus urna eros, porttitor in porta at, cursus quis ipsum.
Nunc est sem, euismod quis pellentesque at, viverra sit amet est. Cum
sociis natoque penatibus et magnis dis parturient montes, nascetur
ridiculus mus. Praesent non ligula magna. Maecenas in leo ut quam
iaculis euismod. Pellentesque habitant morbi tristique senectus et
netus et malesuada fames ac turpis egestas. Donec egestas felis quis
quam iaculis at imperdiet felis lacinia. Maecenas arcu mi, pellentesque
ut aliquam quis, lobortis non eros. Donec nec mauris eu nisl semper
fringilla. Nullam fermentum accumsan est, et bibendum quam imperdiet
non. Phasellus aliquet nunc non erat hendrerit posuere. Sed eu tellus
risus, at posuere felis. Maecenas non tellus nisi, eu bibendum arcu.
Aenean semper ullamcorper ipsum dapibus tincidunt.
<div class="top">Curabitur vel augue arcu calorem ut imperdiet.</div>
<div style="clear: both;"><!-- Annule les float --> </div>
<!-- Fin Contenu principal --></div>
<!-- Fin Colonne de droite --></div>
<!-- Fin Contenu -->
<div id="pied"><!-- Pied --><a id="haut_de_page" href="#header">
<!-- mention de copyright Ne pas retirer sans autorisation écrite --></a>
<div id="copyright"><a id="haut_de_page" href="#header">©</a><a href="">
Votresite.com</a> 2009 | Design by<a
href="http://www.kitgraphiquegratuit.org"
onclick="window.open(this.href); return false;" title="kits gratuits">
Kitgraphiquegratuit.org</a></div>
<!-- mention de copyright Ne pas retirer sans autorisation écrite --> </div>
<!-- Fin pied --></div>
<!-- FIn Global --></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>

P.S : J'ai seulement effacer quelques mots du contenu et enregistrer par après.

SaiTek · 28-12-2010 20:40:13

Ou plutôt tu à du supprimer un <div> - </div> .

lilkev13 · 28-12-2010 20:41:25

Et où est-il manquant dans le code ? Car j'ai rien modifier au code...

Batholome11 · 29-12-2010 06:46:32

Je connais pas ce log... mais avec notepad++ lorsque tu cliques sur un div, il le surligne et surligne également le /div qui correspond !

Tu devrais peut-être essayer ? Ainsi tu verras si les div ouverts ont un /div de fermeture...

lilkev13 · 29-12-2010 17:01:21

Coucou Batholome11,
J'ai essayé avec Notepad++ mais c'est toujours pareil. Quelqu'un pourrait regarder le code et me dire ce qui cloche ? Peut-être dans la feuille CSS ? Ou tout simplement le logiciel que j'utilise ?

Kevin

lilkev13 · 29-12-2010 17:02:32

Tous les div d'ouverture et de fermeture sont là à ce que je vois...

Batholome11 · 29-12-2010 17:13:09

Voici une partie de ton code :
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<title></title>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-15" />
<meta http-equiv="content-language" content="fr" />
<link href="style.css" title="Défaut" rel="stylesheet" type="text/css"
media="screen" />
</head>
<body>
<div id="conteneur">
<div id="header" />

<div id="centrer_menu">
<table summary="" class="centre" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td class="centre">
<ul id="menuhorizon">
<li><a href="" title="">- Rubrique -</a></li>
<li><a href="" title="">- Rubrique -</a></li>
<li><a href="" title="">- Rubrique -</a></li>
<li><a href="" title="">- Rubrique -</a></li>
<li><a href="" title="">- Rubrique -</a></li>
<li><a href="" title="">- Rubrique -</a></li>
</ul>
</td>
</tr>
</tbody>
</table>
</div>
En rouge... ne faudrait-il pas mettre </body> (enlever le t) ?

lilkev13 · 29-12-2010 17:27:25

Je viens d'essayer mais toujours pareil. Je continue de chercher...

lilkev13 · 29-12-2010 17:32:12

Voila Je viens de faire valider le code par un site et ils me donnent 3 erreurs :

Line 161, Column 78: document type does not allow element "script" here
…type="text/javascript" src="http://analytics.hosting24.com/count.php"></script>✉
The element named above was found in a context where it is not allowed. This could mean that you have incorrectly nested elements -- such as a "style" element in the "body" section instead of inside "head" -- or two elements that overlap (which is not allowed).

One common cause for this error is the use of XHTML syntax in HTML documents. Due to HTML's rules of implicitly closed elements, this error can create cascading effects. For instance, using XHTML's "self-closing" tags for "meta" and "link" in the "head" section of a HTML document may cause the parser to infer the end of the "head" section and the beginning of the "body" section (where "link" and "meta" are not allowed; hence the reported error).
Line 162, Column 10: document type does not allow element "noscript" here
<noscript><a href="http://www.hosting24.com/"><img src="http://analytics.hostin…✉
The element named above was found in a context where it is not allowed. This could mean that you have incorrectly nested elements -- such as a "style" element in the "body" section instead of inside "head" -- or two elements that overlap (which is not allowed).

One common cause for this error is the use of XHTML syntax in HTML documents. Due to HTML's rules of implicitly closed elements, this error can create cascading effects. For instance, using XHTML's "self-closing" tags for "meta" and "link" in the "head" section of a HTML document may cause the parser to infer the end of the "head" section and the beginning of the "body" section (where "link" and "meta" are not allowed; hence the reported error).
Line 162, Column 46: document type does not allow element "a" here; missing one of "p", "h1", "h2", "h3", "h4", "h5", "h6", "div", "pre", "address", "fieldset", "ins", "del" start-tag
…pt><a href="http://www.hosting24.com/"><img src="http://analytics.hosting24.co…✉
The mentioned element is not allowed to appear in the context in which you've placed it; the other mentioned elements are the only ones that are both allowed there and can contain the element mentioned. This might mean that you need a containing element, or possibly that you've forgotten to close a previous element.

One possible cause for this message is that you have attempted to put a block-level element (such as "<p>" or "<table>") inside an inline element (such as "<a>", "<span>", or "<font>").

Je ne suis pas très bon en anglais... vous pourriez me dire ?

Kevin

Batholome11 · 29-12-2010 17:38:41

lilkev13 a écrit:
Je viens d'essayer mais toujours pareil. Je continue de chercher...

Autant pour moi ! le </tbocy> tu en as besoin car il y a un <tbocy> plus haut... par contre je vois pas le </body> de fermeture...

#1 28-12-2010 19:11:57

[Résolu] Problème avec Komposer

Code:

Code:

#2 28-12-2010 20:40:13

Re: [Résolu] Problème avec Komposer

#3 28-12-2010 20:41:25

Re: [Résolu] Problème avec Komposer

#4 29-12-2010 06:46:32

Re: [Résolu] Problème avec Komposer

#5 29-12-2010 17:01:21

Re: [Résolu] Problème avec Komposer

#6 29-12-2010 17:02:32

Re: [Résolu] Problème avec Komposer

#7 29-12-2010 17:13:09

Re: [Résolu] Problème avec Komposer

#8 29-12-2010 17:27:25

Re: [Résolu] Problème avec Komposer

#9 29-12-2010 17:32:12

Re: [Résolu] Problème avec Komposer

#10 29-12-2010 17:38:41

Re: [Résolu] Problème avec Komposer

lilkev13 a écrit:

Pied de page des forums