Forum d'aide création graphique / [Résolu] Problème de structure se désordonne

Wicasa · 26-02-2010 14:30:35

Bonjour,

Voici le lien pour voir le site et le problème :

http://www.newdesign.eg2.fr

Dès que je modifie le kit, texte ou image, la structure se désordonne et tout se mélange. Etant amateur dans les sites web je ne sais pas rechercher par moi-même le problème dans les balises.

J'ai manipuler ce kit avec Kompozer ou Dreamweaver.

Merci d'avance pour votre aide.

arnotufu · 28-02-2010 18:07:34

Salut,
remplace tout ton code par celui-ci:

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>    
<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"></div><!-- Header -->
<div id="centrer_menu">    <!-- Début Menu -->
<table summary="" class="centre" cellpadding="0" cellspacing="0">
<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>
</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 0 0 0"></div><!-- 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 0 0 0"></div><!-- Petit espace entre les menus -->
<!-- Menu -->
<div class="navigation">Donec vestibulum euismod gravida</div><!-- Titre du menu --> 

<img style="float:left;margin:3px 3px 0 3px;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>
<div style="text-align:center">---------------------------------------------------------</div>
<img style="float:left;margin:0 3px 0 3px;" src="images/photo2.png" alt="" /><br />
Fusce cursus, urna et vestibulu 
consectetur, odio urna element
<div style="clear:both"></div>
<div style="text-align:center">---------------------------------------------------------</div>
<img style="float:left;margin:0 3px 0 3px;" src="images/photo3.png" alt="" /><br />
Fusce mattis tempor augue, quis <br />
viverra neque consectetur ut. 
Donec ante nunc, cursus    
<div style="clear:both"></div>
<!-- Fin Menu -->

</div><!-- Fin Colonne de gauche -->

<div id="right"><!-- Colonne de droite -->

<div class="titre_news_fond"><!-- Titre de la news -->
<span>  Bienvenue sur Ambiance_DJ</span> <br />
</div><!-- Fin Titre de la news -->    

<div class="news_fond"><!-- Contenu principal -->              

<p>&nbsp;</p>
<div style="clear:both"></div><!-- 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"></a>
<!-- mention de copyright Ne pas retirer sans autorisation écrite -->
<div id="copyright">©<a href=""> Ambiance.dj</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>

Wicasa · 01-03-2010 10:11:25

Merci ca fonctionne.

#1 26-02-2010 14:30:35

[Résolu] Problème de structure se désordonne

#2 28-02-2010 18:07:34

Re: [Résolu] Problème de structure se désordonne

Code:

#3 01-03-2010 10:11:25

Re: [Résolu] Problème de structure se désordonne

Pied de page des forums