Depuis quelques mois, je me suis lancée dans la création de mon site, n'y connaissant pas grand chose en html et autres langages...j'ai opté pour NVU et pris un kit graphique libre de droit sur internet me servant de base pour mon site.
Après de très longues heures de création, entre la trame, choix des photos etc..., j'ai enfin finalisé le site et malheureusement il apparait des décalages entre la version NVU visible sur mon PC et lorsque j'ouvre les pages via Firefox ou Google. J'ai bien sûr fait des recherches et eu le plaisir de trouver votre forum: du coup j'ai changé NVU par Kompozer et ajouté toutes les options notées, mais là j'arrive à la limite du réalisable pour moi qui ne suis pas une pro en la matière !!!
Je viens donc vers vous, pour vous demander de l'aide et savoir ce que je dois faire pour y remédier avant de me lancer dans la mise en ligne du site.
Donc voici les aperçus via Kompozer d'une des pages ( avec le "super" décalage du menu et de mon texte central):
avec les balises cela donne:
Voici en plus le code source:
Code : Tout sélectionner
<!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>Presentation</title><meta
http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description"
content="Démonstration du kit graphique Floral" /> <link
rel="stylesheet" type="text/css" href="style.css"
media="screen" /></head>
<body><div id="site">
<div id="header2"><img
style="width: 999px; height: 180px;" alt=""
src="header2.jpg" />
</div>
<div style="height: 500px;"><div id="left">
<div id="left-p"><br /><div
style="position: absolute; z-index: 1; overflow: auto; visibility: visible; left: 347px; width: 893px; top: 181px; height: 560px;"
id="">
<table style="width: 825px;" border="0" cellpadding="0"
cellspacing="0"> <tbody> <tr> <td> <h2
style="font-family: Lucida Calligraphy; margin-left: 18px; width: 732px; text-align: center; color: rgb(255, 102, 0);">
Bienvenue
sur notre site </h2> <h2
style="font-family: Lucida Calligraphy; margin-left: 18px; width: 732px; text-align: center; color: rgb(255, 102, 0);">
dédié
à nos <a name="bouledogues_français"></a>bouledogues
français</h2> <img
style="top: 114px; left: 125px; width: 255px; height: 117px;"
alt="" src="2c71f8f9.png" /> <div
style="text-align: left; margin-left: 27px; width: 723px;"> <div
style="text-align: justify;"><big><big
style="font-family: Vijaya; color: rgb(87, 59, 48);"><big><span
style="color: rgb(102, 51, 0);"></span></big></big><span
style="color: rgb(87, 59, 48); font-family: Vijaya;"><big><big>Nous
avons eu notre première bouledogue en 2003 et depuis c'est
devenu une vraie passion !! Nous nous sommes attachés
à avoir notre propre lignée "<a
name="De_lOrdre_du_Phénix"></a>De l'Ordre du
Phénix" afin d'améliorer nos pedigrees.</big></big></span></big>
</div> <big><span
style="color: rgb(87, 59, 48); font-family: Vijaya;"></span></big><br />
<table
style="top: 229px; height: 239px; text-align: left; margin-left: auto; margin-right: auto; left: 27px; width: 730px;"
border="1" cellpadding="2" cellspacing="2"> <tbody>
<tr> <td> <div style="text-align: center;"><br />
<img style="top: 310px; left: 281px; width: 242px; height: 338px;"
alt="" src="unicphoto1.JPG" /> </div> <div
style="text-align: center;"> <big><span
style="font-family: Monotype Corsiva;"> <span
style="color: rgb(102, 51, 0); font-weight: bold;">Unic,
notre première bouledogue... </span></span></big></div>
</td> </tr> </tbody> </table> <br /> <br />
<div style="text-align: justify;"><big><span
style="color: rgb(87, 59, 48); font-family: Vijaya;"><big><big>Nos
bouledogues sont issus d'excellentes origines, primés en
expositions, radiographiés du dos et identifiés
ADN par le laboratoire <a href="antagene.html">Antagene</a>.
</big></big></span></big> <div
style="text-align: center;"><big><span
style="color: rgb(87, 59, 48); font-family: Vijaya;"><big><big><a
href="http://www.antagene.com/"><img
style="border: 0px solid ; top: 916px; left: 29px; width: 574px; height: 191px;"
alt="" src="antagenebanniere.jpg" /></a></big></big></span></big><br />
<big><span style="color: rgb(87, 59, 48); font-family: Vijaya;"></span></big></div>
<big><span style="color: rgb(87, 59, 48); font-family: Vijaya;"><big><big><br />
Leur bien être étant notre
priorité, ils vivent d'abord leur vie de chien de compagnie,
de préférence près d'un bon feu de
bois et couchés dans leurs cousins moelleux !!</big></big></span></big><br />
<big><span style="color: rgb(87, 59, 48); font-family: Vijaya;"></span></big><br />
<big><span style="color: rgb(87, 59, 48); font-family: Vijaya;"><big><big>Notre
souhait étant le recherche de la qualité, nous
réalisons une étude des futurs parents
(pédigree, caractère, santé) avant
tout mariage. </big></big></span></big><br />
<big><span style="color: rgb(87, 59, 48); font-family: Vijaya;"><big><big>Nous
n'avons qu'une seule portée par an afin de pouvoir
être entiérement disponibles pour les
bébés, pour leur prodiguer les soins et
l'attention afin qu'ils soient sociables et
prêts pour leur future vie de famille. </big></big></span></big><big><span
style="color: rgb(87, 59, 48); font-family: Vijaya;"><big><big><br />
<br />
Nous restons disponibles pour informer les futurs acquéreurs
ou
toute personne souhaitant des renseignements sur la race,
l'éducation et les soins. </big></big></span></big><br />
<br /> <big><span
style="color: rgb(87, 59, 48); font-family: Vijaya;"><big><big>Vous
trouverez aussi sur notre site de nombreuses pages
dédiées au bouledogue: son <a
href="histoire.html">histoire</a>, les <a
href="librairie.html">livres et magazines</a></big></big></span></big>.
<br /> <big><span
style="color: rgb(87, 59, 48); font-family: Vijaya;"></span></big><br />
<big><span style="color: rgb(87, 59, 48); font-family: Vijaya;"></span></big><big><span
style="color: rgb(87, 59, 48); font-family: Vijaya;"></span></big><big><span
style="color: rgb(87, 59, 48); font-family: Vijaya;"><big><big>Nous
vous souhaitons une agréable visite de notre site</big></big></span></big>.<br />
<br /> <div style="text-align: center;">
<img style="width: 128px; height: 128px;" alt=""
src="icones_01919.png" /><big
style="font-weight: bold; color: rgb(255, 102, 0);"><span
style="font-family: Vijaya;"><big><big>delordreduphenix'at'aol.com</big></big></span></big><span
style="color: rgb(255, 153, 0);"><span
style="color: rgb(255, 102, 0);">
</span><img src="icon_phone.png"
alt="" style="width: 95px; height: 95px;" /><big><big
style="font-weight: bold;"><big><span
style="color: rgb(255, 102, 0); font-family: Monotype Corsiva;">06.78.80.29.23
</span></big></big></big></span></div>
<div style="text-align: right;"><big><span
style="color: rgb(87, 59, 48); font-family: Vijaya;"><big><big> </big></big></span></big><font><font
face="Verdana" size="2"><span
style="text-decoration: none;"></span></font></font></div>
</div> </div> <br /> </td> </tr> </tbody>
</table><map name="Map"><area shape="rect"
coords="10,10,391,296" href="../tableau.html#"
alt="Danny & Hannibal on the show" /></map>
</div><div style="padding-left: 5px;">
</div>
</div></div>
<br /><div
style="width: 811px; height: 32px; font-family: Monotype Corsiva; top: 133px; left: 307px;"
id="menuh"><big>
</big><ul> <big> </big><li><big><big><a
href="index.html" title="Accueil">Accueil</a></big></big></li>
<big><big> </big></big><li><a
href="presentation1.html"><big><big>Présentation</big></big></a></li>
<big><big> </big></big><li><small><a
href="Nosbouledogues.html" title=""><big><big>Nos
bouledogues</big></big></a></small></li> <a
href="Nosbouledogues.html" title=""><big><big>
</big></big></a><li><big><big><a
href="bebes.html" title="">Les
bébés</a></big></big></li>
<big><big> </big></big><li><big><big><a
href="albumbouledogue.html" title="">Album</a></big></big></li>
<big><big> </big></big><li><big><big><a
href="liens1.html" title="">Liens</a></big></big></li>
<big> </big>
</ul><big>
</big></div></div>
</div><div class="clear"></div>
<div id="footer"><div id="footer-inner">
<div id="footer-left"><h3>Copyright</h3>
<p>© 2012 De l'Ordre du Phénix. Tout droits
réservés.<br />
<a href="http://www.graphiques-kits.com"
title="Kit graphique gratuit">Kit par Graphiques-Kits</a></p>
</div><div id="footer-right">
</div></div>
</div></body></html>
J'ai fait le nettoyage de balise ( même s'il me reste encore des br en trop) mais pas encore utilisé "Tidy".
Je vous remercie très sincérementpar avance pour votre aide et conseils qui j'espère seront à ma portée