Forum d'aide création graphique / [Résolu]Problème Kit n°1: Bazard lors modif' liens vers autre html

Dazeltom · 19-01-2010 20:07:23

Bonjour,
ayant découvert un peu par hasard (google est ton ami wink ) cette communauté, je me suis émerveillé devant les kits proposés. Moi qui n'ai que des bases de programmation 'brute' en C, ça tombait à pic !

Bref, je download le kit n°1 (voir ici : http://www.kitgraphiquegratuit.org/kit10.php ), en fait je voulais une page d'accueil un peu propre, le reste de mon site me convient...

Bref, j'edite avec Kompozer, mais à chaque fois que je touche aux liens sur la colonne de gauche (pour les renommer, leur donner une cible etc.), l'index perd son fond blanc au chargement, et les icones sont un peu en bazard...

Savez vous d'où cela pourrait venir ?

J'ai essayé en modifiant directement le code source (des fois que Kompozer n'ai pas fait le boulot bien proprement), mais toujours le même problème, je n'y comprend rien... Bref, si quelqu'un peut m'aider, je suis preneur !! smile

Maude · 19-01-2010 22:11:35

Bonsoir,

Je ne sais pas d'où peut venir le problème, j'ai vu plusieurs personnes utiliser le kits sans aucun soucis, auriez-vous un lien pour voir le problème directement?

Dazeltom · 19-01-2010 22:23:21

Bonsoir,
et merci pour votre réponse rapide.
Comme j'ai en attendant un site peu esthétique mais fonctionnel, je n'ai pas uploadé. Je vais prendre des captures d'écran avant/après pour vous montrer.

Je pense qu'en fait le problème vient de ma façon de procéder, car j'ai essayé avec d'autres kits, et toujuors le même pb...

Grosso modo, j'utilise JAlbum pour mon site, je voudrais changer la page de garde et garder les répertoires annexes créés par JAlbum.
Pour ça, j'ai créé un dossier ou j'ai mis tous ce qui avait été créé par JAlbum + le kit script, et il doit suffire qu'avec Kompozer je redirige les liens retours des pages JAlmbum vers la page d'accueil (kit script), ça marche, mais dans l'autre sens (kit script vers pages générées par JAlbum), le lien fonctionne mais ça fout le boxon dans toute la page... Quid ??

Je met des pcaptures d'écran très bientot ! smile

Dazeltom · 20-01-2010 00:10:37

Voilà pour ce que j'obtient en ayant personnalisé uniquement la head + changé le bas de page, jusque là tout est ok :

Mais dès que je change un mot du menu a droite (pour emplacer "lien 01" par "séance avec" par exemple) ou dès que je met un lien,
tout est en bazard, comme suit (cependant le lien est actif) :

Sauriez vous d'où vient le pb ??

Maude · 20-01-2010 00:21:14

Pourriez vous mettre le code source car la juste avec des screens c'est pas facile de dire d'où vient le problème, mais en général ce genre de chose arrive a cause d'une "div" mal placée".

Dazeltom · 20-01-2010 00:27:42

Pas de problème, je vous met tout le code source, mais la différence se situe 'a priori' uniquement au niveau de l'encodage du nom des liens par exemple (?)

Code 'qui marche' :

Code:

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<title></title>
<link rel="shortcut icon" href="favicon.ico" />
<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="left"><!-- Début du contenu -->
<div id="texte"> <span>INFORMATIONS GENERALES :</span><br />
<br />
Les kits téléchargés ont été réalisés par l'équipe de
kitgraphiquegratuit.org. Le site de téléchargement est
http://www.kitgraphiquegratuit.org<br />
<br />
<span>Contenu de l'archive :</span><br />
L'archive que vous venez de télécharger contient les fichiers suivants :<br />
* 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 />
<span>Termes et conditions de la licence :</span><br />
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 />
<span>Nous contacter :</span><br />
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 />
<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>
</div>
<!-- fin du contenu --> </div>
<div id="right"><!-- Début menu -->
<h1>Menu</h1>
<ul>
<li><a href="Lien1.html" title="">Lien 1</a></li>
<li><a href="Lien.html" title="">Lien 2</a></li>
<li><a href="Lien3.html" title="">Lien 3</a></li>
<li><a href="Lien4.html" title="">Lien 4</a></li>
<li><a href="Lien5.html" title="">Lien 5</a></li>
<li><a href="Lien1.html" title="">Lien 6</a></li>
<li><a href="Lien.html" title="">Lien 7</a></li>
<li><a href="Lien3.html" title="">Lien 8</a></li>
<li><a href="Lien4.html" title="">Lien 9</a></li>
<li><a href="Lien5.html" title="">Lien 10</a></li>
</ul>
<div class="separateur" />
<!-- Fin menu --> </div>
<div id="pied" />
</div>
<!-- mention de copyright Ne pas retirer sans autorisation écrite -->
<p class="lien">© Votresite.com Design by <a
href="http://www.kitgraphiquegratuit.org"
onclick="window.open(this.href); return false;"
title="kit graphique gratuit">kitgraphiquegratuit.org</a></p>
<!-- mention de copyright Ne pas retirer sans autorisation écrite -->
</body>
</html>

Et le code qui ne fonctionne pas :

Code:

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<title></title>
<link rel="shortcut icon" href="favicon.ico" />
<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="left"><!-- Début du contenu -->
<div id="texte"> <span>INFORMATIONS GENERALES :</span><br />
<br />
Les kits téléchargés ont été réalisés par l'équipe de
kitgraphiquegratuit.org. Le site de téléchargement est
http://www.kitgraphiquegratuit.org<br />
<br />
<span>Contenu de l'archive :</span><br />
L'archive que vous venez de télécharger contient les fichiers suivants :<br />
* 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 />
<span>Termes et conditions de la licence :</span><br />
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 />
<span>Nous contacter :</span><br />
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 />
<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>
</div>
<!-- fin du contenu --> </div>
<div id="right"><!-- Début menu -->
<h1>Menu</h1>
<ul>
<li><a href="Lien1.html" title="">Portraits</a></li>
<li><a href="Lien.html" title="">Lien 2</a></li>
<li><a href="Lien3.html" title="">Lien 3</a></li>
<li><a href="Lien4.html" title="">Lien 4</a></li>
<li><a href="Lien5.html" title="">Lien 5</a></li>
<li><a href="Lien1.html" title="">Lien 6</a></li>
<li><a href="Lien.html" title="">Lien 7</a></li>
<li><a href="Lien3.html" title="">Lien 8</a></li>
<li><a href="Lien4.html" title="">Lien 9</a></li>
<li><a href="Lien5.html" title="">Lien 10</a></li>
</ul>
<div class="separateur" />
<!-- Fin menu --> </div>
<div id="pied" />
</div>
<!-- mention de copyright Ne pas retirer sans autorisation écrite -->
<p class="lien">© Votresite.com Design by <a
href="http://www.kitgraphiquegratuit.org"
onclick="window.open(this.href); return false;"
title="kit graphique gratuit">kitgraphiquegratuit.org</a></p>
<!-- mention de copyright Ne pas retirer sans autorisation écrite -->
</body>
</html>

Maude · 20-01-2010 00:35:57

Pourquoi fermer vous deux fois les balises?

Exemple :

<div class="separateur" /> <--- le / ne doit pas être mit vue que le </div> la ferme déjà

Vous avez fait cela pour plusieurs balises peut-être le problème vient il de la.

Dazeltom · 20-01-2010 00:41:09

Merci pour votre aide,
mais je n'ai pas touché a ces balises, elles étaient déjà ainsi dans le code source qui lui fonctionne (j'ai ici uniquement modifié le nom du lien 1), donc il y a peu de chance que ce soit ça, mais je vais malgré tout essayer ! smile

Maude · 20-01-2010 00:46:09

C'est vraiment bizarre je vous ai ajouté sur msn si vous voulez m'envoyer votre zip que je jette un oeil.

Maude · 20-01-2010 01:26:35

Au cas je met la solution ici :
Il manque deux </Div> de fermeture

<div id="header"></div>
<div class="separateur" ></div>

Dazeltom · 21-01-2010 19:39:35

C'était tout simplement ça qui mettait le bazard ! ! Merci beaucoup !
Plus qu'a construire avec cette correction dans le code puis mettre en ligne... merci beaucoup ! ! smile

Acide-Burn · 06-06-2010 23:43:44

Bonsoir,
J'ai exactement le même problème avec Kompozer.

Voici le code par default :

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr"><head><title></title>
    

     
<link rel="shortcut icon" href="favicon.ico" />
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252" />
<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="contenu"><!-- CONTENU -->    

<div id="left"><!-- COLONNE DE GAUCHE -->  
<img style="border: 0px solid ; width: 204px; height: 78px;" src="images/titre.png" alt="" /><!-- Titre du site -->
<a href="#"><img src="images/accueil.png" alt="" /></a><!-- Accueil -->
<a href="#"><img src="images/forum.png" alt="" /></a><!-- Forum -->    

<div class="menu_haut">Catégories :</div><div class="menu_fond"><!-- MENU -->
        <ul>
          <li><a href="#">- Rubrique</a></li>
          <li><a href="#">- Rubrique</a></li>
          <li><a href="#">- Rubrique</a></li>
          <li><a href="#">- Rubrique</a></li>
          <li><a href="#">- Rubrique</a></li>
          <li><a href="#">- Rubrique</a></li>
          <li><a href="#">- Rubrique</a></li>
        </ul>
</div><div class="menu_bas" /><!-- FIN MENU --> 

<div class="menu_haut">Partenaires :</div><div class="menu_fond"><!-- MENU -->
<img src="images/bouton.png" style="margin: 3px;" alt="" /><br />
<img src="images/bouton.png" style="margin: 3px;" alt="" /><br />
<img src="images/bouton.png" style="margin: 3px;" alt="" /><br />
<a href="mailto:email@adresse.com"><img src="images/contact.png" style="margin: 3px;" alt="" /><br /></a>
</div><div class="menu_bas" /><!-- FIN MENU -->  
</div><!-- FIN COLONNE DE GAUCHE -->     

<div id="right"><!-- COLONNE DE DROITE -->    
<div class="cadre_haut" /><div class="cadre_fond"><!-- CADRE -->    
<img src="images/info.png" style="float: left; width: 105px;" alt="" />
<span>Informations générals :</span><br /> 
Les kits téléchargés ont été réalisés par l'équipe de kitgraphiquegratuit.org. 
Le site de téléchargement est : <a href="http://www.kitgraphiquegratuit.org" onclick="window.open(this.href); return false;">http://www.kitgraphiquegratuit.org</a>        
<br /><br />
<span>Contenu de l'archive :</span><br /> 
L'archive que vous venez de télécharger contient les fichiers suivants :<br />
&nbsp;&nbsp;&nbsp;&nbsp;- un fichier index.html et un fichier style.css<br />
&nbsp;&nbsp;&nbsp;&nbsp;- un dossier "images" contenant toutes les images du kit<br />
&nbsp;&nbsp;&nbsp;&nbsp;- Le ou les .PSD<br />
&nbsp;&nbsp;&nbsp;&nbsp;- la présente licence
<br /><br />       
<span>Termes et conditions de la licence :</span><br /> 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">CGU</a>
<br /><br />    
<span>Nous contacter :</span><br /> 
Pour toutes informations supplémentaires, d'aide, de modification ou de réalisation n'hésitez pas<br /><br />
à nous contacter : <a href="webmaster@kitgraphiquegratuit.org">E-mail</a><br />
ou à visiter le forum : <a href="http://www.kitgraphiquegratuit.org/forum/">Forum</a>
</div><div class="cadre_bas" /><!-- FIN CADRE -->     

<div class="cadre_haut" /><div class="cadre_fond"><!-- CADRE -->    
<div style="text-align: center;"><img src="images/download.png" alt="" /><br />
<a href="http://www.kitgraphiquegratuit.org/"><img src="http://www.kitgraphiquegratuit.org/images/bouton3.jpg" alt="kits graphiques" /></a></div>
</div><div class="cadre_bas" /><!-- FIN CADRE -->  

<div class="cadre_haut" /><div class="cadre_fond"><!-- CADRE -->    
<div style="text-align: center;">
<img src="images/rechercher.png" alt="" />    
<img src="images/envoyer.png" alt="" />
<img src="images/inscription.png" alt="" />    
<img src="images/connexion.png" alt="" />
<img src="images/plus.png" alt="" />
<img src="images/tchat.png" alt="" />
<img src="images/donation.png" alt="" />     
<img src="images/news.png" alt="" />
</div>
</div><div class="cadre_bas" /><!-- FIN CADRE -->         
</div><!-- FIN COLONNE DE DROITE -->
 
<div id="clear" /><!-- NE PAS SUPPRIMER -->     
</div><!-- FIN CONTENU --> 

<div id="pied" /><!-- PIED -->
</div><!-- FIN GLOBAL -->      
<!-- mention de copyright Ne pas retirer sans autorisation écrite -->
<div class="copyright">©<a href=""> Votresite.com</a> 2009 | Design by<a href="http://www.kitgraphiquegratuit.org" onclick="window.open(this.href); return false;" title="kit graphique"> Kitgraphiquegratuit.org</a></div>
<!-- mention de copyright Ne pas retirer sans autorisation écrite --[g>    
</body></html>

Voici ma Version qui bug :s

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr"><head>
  <title>Ac[!]De-BuRn™'s Portal</title>

  
  
  <link rel="shortcut icon" href="favicon.ico" />

  
  <meta http-equiv="Content-Type" content="text/html; charset=windows-1252" />

  
  <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="contenu"><!-- CONTENU -->
<div id="left"><!-- COLONNE DE GAUCHE --> <a href="http://www.xfire.com/profile/alex94370/"><img style="border: 0px solid ; width: 204px; height: 78px;" src="images/titre.png" alt="" /></a><a href="http://team-ep1.fr/index.php"><img style="border: 0px solid ; width: 100px; height: 100px;" src="images/accueil.png" alt="" /></a><a href="http://team-ep1.fr/index.php?file=Forum"><img style="border: 0px solid ; width: 100px; height: 100px;" src="images/forum.png" alt="" /></a>
<div class="menu_haut">Catégories :</div>
<div class="menu_fond"><!-- MENU -->
<ul>
  <li><a href="http://www.gametracker.com/server_info/94.23.195.132:27205/">-
[FR] #1 | Serveur Only Surf | <br />
    </a></li>
  <li><a href="http://www.gametracker.com/server_info/94.23.212.57:27045/">-
[FR] #2 | Serveur Only Ba_Jail |</a></li>
  <li><a href="ts3server://87.98.173.208:10111/">- Notre Serveur
Teamspeak 3<br />
    </a></li>
  <li><a href="mumble://94.23.32.43:65053/?version=1.2.0">- Notre
Serveur Mumble 1.2.0<br />
    </a></li>
  <li><a href="http://www.games-evolution.net/?idparrain=207">-
Games-Evolution</a></li>
  <li><a href="mailto:Acide-Burn@Team-Ep1.fr">- Création de Serveur de
jeux</a></li>
  <li><a href="mailto:Acide-Burn@Team-Ep1.fr">- Création de Site Web<br />
    </a></li>
</ul>
</div>
<div class="menu_bas"><!-- FIN MENU -->
<div class="menu_haut">Partenaires :</div>
<div class="menu_fond"><!-- MENU --><img src="images/bouton.png" style="margin: 3px;" alt="" /><br />
<img src="images/bouton.png" style="margin: 3px;" alt="" /><br />
<img src="images/bouton.png" style="margin: 3px;" alt="" /><br />
<a href="mailto:Acide-Burn@Team-Ep1.fr"><img src="images/contact.png" style="border: 0px solid ; margin: 3px; width: 100px; height: 100px;" alt="" /></a><br />
<div class="menu_bas"><!-- FIN MENU --> </div>
<!-- FIN COLONNE DE GAUCHE -->
<div id="right">
<div class="cadre_haut">
<div class="cadre_fond">&nbsp;<img src="images/info.png" style="float: left; width: 105px;" alt="" />
<span>Informations générals :</span><br />
Les kits téléchargés ont été réalisés par l'équipe de
kitgraphiquegratuit.org. Le site de téléchargement est : <a href="http://www.kitgraphiquegratuit.org" onclick="window.open(this.href); return false;">http://www.kitgraphiquegratuit.org</a>
<br />
<br />
<span>Contenu de l'archive :</span><br />
L'archive que vous venez de télécharger contient les fichiers suivants :<br />
&nbsp;&nbsp;&nbsp;&nbsp;- un fichier index.html et un fichier style.css<br />
&nbsp;&nbsp;&nbsp;&nbsp;- un dossier "images" contenant toutes les
images du kit<br />
&nbsp;&nbsp;&nbsp;&nbsp;- Le ou les .PSD<br />
&nbsp;&nbsp;&nbsp;&nbsp;- la présente licence
<br />
<br />
<span>Termes et conditions de la licence :</span><br />
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">CGU</a>
<br />
<br />
<span>Nous contacter :</span><br />
Pour toutes informations supplémentaires, d'aide, de modification ou de
réalisation n'hésitez pas<br />
<br />
à nous contacter : <a href="Acide-Burn@Team-EP1.fr">E-mail</a><br />
ou à visiter le forum : <a href="http://team-ep1.fr/index.php?file=Forum">Forum</a>
</div>
<div class="cadre_bas"><!-- FIN CADRE -->
<div class="cadre_haut">
<div class="cadre_fond"><!-- CADRE -->
<div style="text-align: center;"><a href="http://team-ep1.fr/index.php?file=Download"><img style="border: 0px solid ; width: 100px; height: 100px;" src="images/download.png" alt="" /></a><a href="http://www.kitgraphiquegratuit.org/"><br />
</a></div>
</div>
<div class="cadre_bas"><!-- FIN CADRE -->
<div class="cadre_haut">
<div class="cadre_fond"><!-- CADRE -->
<div style="text-align: center;"><a href="http://team-ep1.fr/index.php?file=Defy"><img style="border: 0px solid ; width: 105px; height: 27px;" src="images/rechercher.png" alt="" /></a> <a href="http://team-ep1.fr/index.php?file=Team"><img style="border: 0px solid ; width: 105px; height: 27px;" src="images/envoyer.png" alt="" /></a><a href="http://team-ep1.fr/index.php?file=User&amp;op=reg_screen"><img style="border: 0px solid ; width: 105px; height: 27px;" src="images/inscription.png" alt="" /></a> <a href="http://team-ep1.fr/index.php?file=User&amp;op=login_screen"><img style="border: 0px solid ; width: 105px; height: 27px;" src="images/connexion.png" alt="" /></a><a href="http://team-ep1.fr/index.php?file=Recruit"><img style="border: 0px solid ; width: 105px; height: 70px;" src="images/plus.png" alt="" /></a><a href="www.team-ep1.fr"><img style="border: 0px solid ; width: 100px; height: 100px;" src="images/tchat.png" alt="" /></a><a href="https://www.paypal.com/fr/cgi-bin/webscr?cmd=_flow&amp;SESSION=hE8XbJZ-RgeuWeSsagkyCy7SJmZl7KDT6JOrix6bZTsw1C-bh7VSQG1iGUK&amp;dispatch=5885d80a13c0db1f22d2300ef60a67593b79a4d03747447e1e8d0f800ad65e80"><img style="border: 0px solid ; width: 100px; height: 100px;" src="images/donation.png" alt="" /></a> <a href="http://team-ep1.fr/index.php?file=News"><img style="border: 0px solid ; width: 105px; height: 70px;" src="images/news.png" alt="" /></a></div>
</div>
<div class="cadre_bas"><!-- FIN CADRE --> </div>
<!-- FIN COLONNE DE DROITE -->
<div id="clear"><!-- NE PAS SUPPRIMER --> </div>
<!-- FIN CONTENU -->
<div id="pied"><!-- PIED --></div>
<!-- FIN GLOBAL --><!-- mention de copyright Ne pas retirer sans autorisation écrite -->
<div class="copyright">©<a href="http://Team-ep1.fr"> Team &amp;Ep|1|.</a>
2010 | Design by<a href="http://www.kitgraphiquegratuit.org" onclick="window.open(this.href); return false;" title="kit graphique">
Kitgraphiquegratuit.org</a></div>
<!-- mention de copyright Ne pas retirer sans autorisation écrite -->
</body></html>

La partie info est décalé et se trouve Après le bouton Contact.

Voilà un petit Screen

Désolé si je reprend sur un même post mais j'ai exactement le même problème, dites le moi si cela vous dérange et je créerais un topic unique.

Dernière modification par Acide-Burn (07-06-2010 00:00:42)

Acide-Burn · 08-06-2010 19:37:49

Up ='(

Ridden · 08-06-2010 22:37:10

Bonjour,

Dans votre code source de votre page a la ligne

<div id="header" />

Renplacer par sa pour tenter que le font revienne

<div id="header" /></div>

Acide-Burn · 10-06-2010 20:02:23

Toujours Pareil :s

Acide-Burn · 10-06-2010 23:13:38

Xeek a écrit:
<div id="header"></div>

pas

<div id="header" /></div>

Merci big_smile mais Toujours Rien sad

Ridden · 11-06-2010 14:01:30

Salut Acide-Burn tente sa et dit mois si sa marche ^^

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr"><head>
  <title>Ac[!]De-BuRn™'s Portal</title>
  <link rel="shortcut icon" href="favicon.ico" />
  <meta http-equiv="Content-Type" content="text/html; charset=windows-1252" />
  <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="contenu"><!-- CONTENU -->

<div id="left"><!-- COLONNE DE GAUCHE --> <a href="http://www.xfire.com/profile/alex94370/"><img style="border: 0px solid ; width: 204px; height: 78px;" src="images/titre.png" alt="" /></a><a href="http://team-ep1.fr/index.php"><img style="border: 0px solid ; width: 100px; height: 100px;" src="images/accueil.png" alt="" /></a><a href="http://team-ep1.fr/index.php?file=Forum"><img style="border: 0px solid ; width: 100px; height: 100px;" src="images/forum.png" alt="" /></a>
<div class="menu_haut">Catégories :</div>
<div class="menu_fond"><!-- MENU -->
<ul>
  <li><a href="http://www.gametracker.com/server_info/94.23.195.132:27205/">-
[FR] #1 | Serveur Only Surf | <br />
    </a></li>
  <li><a href="http://www.gametracker.com/server_info/94.23.212.57:27045/">-
[FR] #2 | Serveur Only Ba_Jail |</a></li>
  <li><a href="ts3server://87.98.173.208:10111/">- Notre Serveur
Teamspeak 3<br />
    </a></li>
  <li><a href="mumble://94.23.32.43:65053/?version=1.2.0">- Notre
Serveur Mumble 1.2.0<br />
    </a></li>
  <li><a href="http://www.games-evolution.net/?idparrain=207">-
Games-Evolution</a></li>
  <li><a href="mailto:Acide-Burn@Team-Ep1.fr">- Création de Serveur de
jeux</a></li>
  <li><a href="mailto:Acide-Burn@Team-Ep1.fr">- Création de Site Web<br />
    </a></li>
</ul>
</div>
<div class="menu_bas"><!-- FIN MENU -->
<div class="menu_haut">Partenaires :</div>
<div class="menu_fond"><!-- MENU --><img src="images/bouton.png" style="margin: 3px;" alt="" /><br />
<img src="images/bouton.png" style="margin: 3px;" alt="" /><br />
<img src="images/bouton.png" style="margin: 3px;" alt="" /><br />
<a href="mailto:Acide-Burn@Team-Ep1.fr"><img src="images/contact.png" style="border: 0px solid ; margin: 3px; width: 100px; height: 100px;" alt="" /></a><br />
<div class="menu_bas"><!-- FIN MENU --> </div>
<!-- FIN COLONNE DE GAUCHE -->
<div id="right">
<div class="cadre_haut">
<div class="cadre_fond">&nbsp;<img src="images/info.png" style="float: left; width: 105px;" alt="" />
<span>Informations générals :</span><br />
Les kits téléchargés ont été réalisés par l'équipe de
kitgraphiquegratuit.org. Le site de téléchargement est : <a href="http://www.kitgraphiquegratuit.org" onclick="window.open(this.href); return false;">http://www.kitgraphiquegratuit.org</a>
<br />
<br />
<span>Contenu de l'archive :</span><br />
L'archive que vous venez de télécharger contient les fichiers suivants :<br />
&nbsp;&nbsp;&nbsp;&nbsp;- un fichier index.html et un fichier style.css<br />
&nbsp;&nbsp;&nbsp;&nbsp;- un dossier "images" contenant toutes les
images du kit<br />
&nbsp;&nbsp;&nbsp;&nbsp;- Le ou les .PSD<br />
&nbsp;&nbsp;&nbsp;&nbsp;- la présente licence
<br />
<br />
<span>Termes et conditions de la licence :</span><br />
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">CGU</a>
<br />
<br />
<span>Nous contacter :</span><br />
Pour toutes informations supplémentaires, d'aide, de modification ou de
réalisation n'hésitez pas<br />
<br />
à nous contacter : <a href="Acide-Burn@Team-EP1.fr">E-mail</a><br />
ou à visiter le forum : <a href="http://team-ep1.fr/index.php?file=Forum">Forum</a>
</div>
<div class="cadre_bas"><!-- FIN CADRE -->
<div class="cadre_haut">
<div class="cadre_fond"><!-- CADRE -->
<div style="text-align: center;"><a href="http://team-ep1.fr/index.php?file=Download"><img style="border: 0px solid ; width: 100px; height: 100px;" src="images/download.png" alt="" /></a><a href="http://www.kitgraphiquegratuit.org/"><br />
</a></div>
</div>
<div class="cadre_bas"><!-- FIN CADRE -->
<div class="cadre_haut">
<div class="cadre_fond"><!-- CADRE -->
<div style="text-align: center;"><a href="http://team-ep1.fr/index.php?file=Defy"><img style="border: 0px solid ; width: 105px; height: 27px;" src="images/rechercher.png" alt="" /></a> <a href="http://team-ep1.fr/index.php?file=Team"><img style="border: 0px solid ; width: 105px; height: 27px;" src="images/envoyer.png" alt="" /></a><a href="http://team-ep1.fr/index.php?file=User&amp;op=reg_screen"><img style="border: 0px solid ; width: 105px; height: 27px;" src="images/inscription.png" alt="" /></a> <a href="http://team-ep1.fr/index.php?file=User&amp;op=login_screen"><img style="border: 0px solid ; width: 105px; height: 27px;" src="images/connexion.png" alt="" /></a><a href="http://team-ep1.fr/index.php?file=Recruit"><img style="border: 0px solid ; width: 105px; height: 70px;" src="images/plus.png" alt="" /></a><a href="www.team-ep1.fr"><img style="border: 0px solid ; width: 100px; height: 100px;" src="images/tchat.png" alt="" /></a><a href="https://www.paypal.com/fr/cgi-bin/webscr?cmd=_flow&amp;SESSION=hE8XbJZ-RgeuWeSsagkyCy7SJmZl7KDT6JOrix6bZTsw1C-bh7VSQG1iGUK&amp;dispatch=5885d80a13c0db1f22d2300ef60a67593b79a4d03747447e1e8d0f800ad65e80"><img style="border: 0px solid ; width: 100px; height: 100px;" src="images/donation.png" alt="" /></a> <a href="http://team-ep1.fr/index.php?file=News"><img style="border: 0px solid ; width: 105px; height: 70px;" src="images/news.png" alt="" /></a></div>
</div>
<div class="cadre_bas"><!-- FIN CADRE --> </div>
<!-- FIN COLONNE DE DROITE -->
<div id="clear"><!-- NE PAS SUPPRIMER --> </div>
</div><!-- FIN CONTENU --> 
<div id="pied"><!-- PIED --></div>
</div><!-- FIN GLOBAL --> 
<!-- mention de copyright Ne pas retirer sans autorisation écrite -->
<div class="copyright">©<a href="http://Team-ep1.fr"> Team &amp;Ep|1|.</a>
2010 | Design by<a href="http://www.kitgraphiquegratuit.org" onclick="window.open(this.href); return false;" title="kit graphique">
Kitgraphiquegratuit.org</a></div>
<!-- mention de copyright Ne pas retirer sans autorisation écrite -->
</body></html>

Dernière modification par Ridden (11-06-2010 14:03:53)

Acide-Burn · 11-06-2010 23:29:20

Il y a toujours le Décalage :o
Merci quand même !

Acide-Burn · 12-06-2010 12:45:56

webvision a écrit:
Slt!

Et si tu commencer par fournir un lien tu ne trouve pas que sa serai mieux? ^^

Il n'y a pas besoin de lien vu que l'intégralité du Code HTML est ici et il y a même un Screen ^^' et je n'ai pas encore upload cette page mais je peux le faire si sa peux résoudre le problème wink

Edit: Voici le lien temporaire vers la page Web.

Dernière modification par Acide-Burn (12-06-2010 12:49:19)

Maude · 12-06-2010 15:54:03

Bonjour,

Je viens de parcourir votre code HTML et il manque beaucoup de DIV.
Ce n'est pas la première fois qu'un membre rencontre ce genre de problème avec Kompozer, tout ce que je peux vous conseiller c'est de reprendre le design vierge et d'utiliser un autre éditeur HTML comme dreamweaver ou webexpert afin de respecter l'architecture xhtml strict.

Bonne continuation.

Acide-Burn · 13-06-2010 20:12:53

Oui c'est vrai ^^' mais je pense que je vais tous simplement recommencer sans utiliser Kompozer wink

Je vous tiens au courant !

Dernière modification par Acide-Burn (14-06-2010 12:08:40)

Acide-Burn · 14-06-2010 12:42:34

Maude a écrit:
Bonjour,

Je viens de parcourir votre code HTML et il manque beaucoup de DIV.
Ce n'est pas la première fois qu'un membre rencontre ce genre de problème avec Kompozer, tout ce que je peux vous conseiller c'est de reprendre le design vierge et d'utiliser un autre éditeur HTML comme dreamweaver ou webexpert afin de respecter l'architecture xhtml strict.

Bonne continuation.

J'ai refai la page avec Notepad++ tous simplement et aucun problème !!! <3

Merci à Tous et Bonne Journée

#1 19-01-2010 20:07:23

[Résolu]Problème Kit n°1: Bazard lors modif' liens vers autre html

#2 19-01-2010 22:11:35

Re: [Résolu]Problème Kit n°1: Bazard lors modif' liens vers autre html

#3 19-01-2010 22:23:21

Re: [Résolu]Problème Kit n°1: Bazard lors modif' liens vers autre html

#4 20-01-2010 00:10:37

Re: [Résolu]Problème Kit n°1: Bazard lors modif' liens vers autre html

#5 20-01-2010 00:21:14

Re: [Résolu]Problème Kit n°1: Bazard lors modif' liens vers autre html

#6 20-01-2010 00:27:42

Re: [Résolu]Problème Kit n°1: Bazard lors modif' liens vers autre html

Code:

Code:

#7 20-01-2010 00:35:57

Re: [Résolu]Problème Kit n°1: Bazard lors modif' liens vers autre html

#8 20-01-2010 00:41:09

Re: [Résolu]Problème Kit n°1: Bazard lors modif' liens vers autre html

#9 20-01-2010 00:46:09

Re: [Résolu]Problème Kit n°1: Bazard lors modif' liens vers autre html

#10 20-01-2010 01:26:35

Re: [Résolu]Problème Kit n°1: Bazard lors modif' liens vers autre html

#11 21-01-2010 19:39:35

Re: [Résolu]Problème Kit n°1: Bazard lors modif' liens vers autre html

#12 06-06-2010 23:43:44

Re: [Résolu]Problème Kit n°1: Bazard lors modif' liens vers autre html

Code:

Code:

#13 08-06-2010 19:37:49

Re: [Résolu]Problème Kit n°1: Bazard lors modif' liens vers autre html

#14 08-06-2010 22:37:10

Re: [Résolu]Problème Kit n°1: Bazard lors modif' liens vers autre html

#15 10-06-2010 20:02:23

Re: [Résolu]Problème Kit n°1: Bazard lors modif' liens vers autre html

#16 10-06-2010 23:13:38

Re: [Résolu]Problème Kit n°1: Bazard lors modif' liens vers autre html

Xeek a écrit:

#17 11-06-2010 14:01:30

Re: [Résolu]Problème Kit n°1: Bazard lors modif' liens vers autre html

Code:

#18 11-06-2010 23:29:20

Re: [Résolu]Problème Kit n°1: Bazard lors modif' liens vers autre html

#19 12-06-2010 12:45:56

Re: [Résolu]Problème Kit n°1: Bazard lors modif' liens vers autre html

webvision a écrit:

#20 12-06-2010 15:54:03

Re: [Résolu]Problème Kit n°1: Bazard lors modif' liens vers autre html

#21 13-06-2010 20:12:53

Re: [Résolu]Problème Kit n°1: Bazard lors modif' liens vers autre html

#22 14-06-2010 12:42:34

Re: [Résolu]Problème Kit n°1: Bazard lors modif' liens vers autre html

Maude a écrit:

Pied de page des forums