Besoin d'avis de pros sur mon site
tchao57
Messages postés
583
Date d'inscription
Statut
Membre
Dernière intervention
-
tchao57 -
tchao57 -
Bonjour,
je suis tout nouveau sur le forum et je suis très content de faire partie de la grande famille commentcamarche. C'est mon premier post et pour le fêter je vais vous demander de me donner vos avis d'expert sur le site que je suis en train de créer pour un ami.
Voici le lien: https://www.sfr.fr/fermeture-des-pages-perso.html
Alors évidemment l'url n'a strictement rien a voir avec le site lui même c'est simplement une url de test pour après me diriger vers OVH pour de l'hebergement pro.
Ce que j'attend de vous c'est un avis critique qui me permettra d'optimiser mon code html car je débute à peine et en autodidacte en plus, pour pouvoir être correctement référencé par exemple. Un avis sur le disign aussi, que j'ai voulu sobre et clair et aussi parce que je débute en design lol. Je dois dire que je me sens bien mieux dans le dépannage info mais voulant créer ma propre société de dépannage info je me suis dit que je devais me lancer aussi dans la création de mon futur site web et je m'y atèle dès maintenant en me faisant la main sur celui d'amis.
C'est donc pour ces quelques raisons que je vous demanderai des avis objectifs qui me permettront d'avancer mais je vous en prie ayez pitié lol ne soyez pas trop méchant non plus je ne suis qu'un newby pour l'instant.
A savoir que mes seules pages presque finie sont "accueil" , "contacts" et "plan d'acces",les autres j'aurais besoin de photos etc donc pas encore travaillées, mais je pense que déjà là j'aurai pas mal de retour.
je suis tout nouveau sur le forum et je suis très content de faire partie de la grande famille commentcamarche. C'est mon premier post et pour le fêter je vais vous demander de me donner vos avis d'expert sur le site que je suis en train de créer pour un ami.
Voici le lien: https://www.sfr.fr/fermeture-des-pages-perso.html
Alors évidemment l'url n'a strictement rien a voir avec le site lui même c'est simplement une url de test pour après me diriger vers OVH pour de l'hebergement pro.
Ce que j'attend de vous c'est un avis critique qui me permettra d'optimiser mon code html car je débute à peine et en autodidacte en plus, pour pouvoir être correctement référencé par exemple. Un avis sur le disign aussi, que j'ai voulu sobre et clair et aussi parce que je débute en design lol. Je dois dire que je me sens bien mieux dans le dépannage info mais voulant créer ma propre société de dépannage info je me suis dit que je devais me lancer aussi dans la création de mon futur site web et je m'y atèle dès maintenant en me faisant la main sur celui d'amis.
C'est donc pour ces quelques raisons que je vous demanderai des avis objectifs qui me permettront d'avancer mais je vous en prie ayez pitié lol ne soyez pas trop méchant non plus je ne suis qu'un newby pour l'instant.
A savoir que mes seules pages presque finie sont "accueil" , "contacts" et "plan d'acces",les autres j'aurais besoin de photos etc donc pas encore travaillées, mais je pense que déjà là j'aurai pas mal de retour.
A voir également:
- Besoin d'avis de pros sur mon site
- Site de telechargement - Accueil - Outils
- Site comme coco - Accueil - Réseaux sociaux
- Quel site remplace coco - Accueil - Réseaux sociaux
- Site de partage de photos - Guide
- Site x - Guide
25 réponses
http://validator.w3.org/...
tu as pas trop de faute sinon tu utilise un peu trops les balise br il vaut mieux placer tes éléments par css
ou pour les liste par li
pour optimiser passe par html optimiser http://www.iwebtool.com/html_optimizer
tu as pas trop de faute sinon tu utilise un peu trops les balise br il vaut mieux placer tes éléments par css
ou pour les liste par li
pour optimiser passe par html optimiser http://www.iwebtool.com/html_optimizer
Merci pour ta réponse rapide. Sinon niveau design ca donne quoi?
Le doctype est bon? les meta sont bons? Ya t il autre chose à dire?
Le doctype est bon? les meta sont bons? Ya t il autre chose à dire?
Par améliorer tu veux dire quoi?
sinon je viens de voir que sur l'ordi du beau pere (avec ie6) les tableaux de la page "contacts" et "plan d'acces" sont tout décalés... a quoi c'est due? bug de ie6 peut etre ou alors c'est dans mon code?
Sinon y a t il d'autres avis, n'hésitez pas je suis preneur.
Et les meta sont bonnes ou pas?
sinon je viens de voir que sur l'ordi du beau pere (avec ie6) les tableaux de la page "contacts" et "plan d'acces" sont tout décalés... a quoi c'est due? bug de ie6 peut etre ou alors c'est dans mon code?
Sinon y a t il d'autres avis, n'hésitez pas je suis preneur.
Et les meta sont bonnes ou pas?
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
moi sous ie 6 c'est pas décalé j'ai rien du tout
sinon par améliorer je voulais dire avec des images pas juste des rectangle de couleur
sinon par améliorer je voulais dire avec des images pas juste des rectangle de couleur
Petite question...
je ne suis toujours pas référencé sur google, comment ca se fait? mon site n'apparait pas du tout même avec la fonction "site:" de google??
Biensur ce ne sera pas l'url définitive comme je l'ai dit au premier post mais je devrais deja etre référencé non? même mal référencé mais référencé quand même? ou je me trompe...
Sinon a part ca, ya t il d'autres avis que math 2000 sur mon site?? j'aimerais bien avoir plusieurs avis ca serait sympa. Merci à tous et notemment à math 2000.
je ne suis toujours pas référencé sur google, comment ca se fait? mon site n'apparait pas du tout même avec la fonction "site:" de google??
Biensur ce ne sera pas l'url définitive comme je l'ai dit au premier post mais je devrais deja etre référencé non? même mal référencé mais référencé quand même? ou je me trompe...
Sinon a part ca, ya t il d'autres avis que math 2000 sur mon site?? j'aimerais bien avoir plusieurs avis ca serait sympa. Merci à tous et notemment à math 2000.
moi pour être référencer j'ai utiliser la fonction add url de google
sinon c'est super dur de ce faire référencer avec les bon mot clef sur plusieur mots clef j'ai réussis a être sur la 1ere page que pour un et en dernier de la page
toi c'est bizarre car tu es même pas sur yahoo ou c'est plus simple de ce faire référencer
fais comme moi met ton lien au max d'endroit possible et si il y a des forum dans les 1ers mot clef que tu voudrais pour ton site ben tu poste l'adresse de ton site dessus
sinon désolé je suis le seul à te répondre
sinon c'est super dur de ce faire référencer avec les bon mot clef sur plusieur mots clef j'ai réussis a être sur la 1ere page que pour un et en dernier de la page
toi c'est bizarre car tu es même pas sur yahoo ou c'est plus simple de ce faire référencer
fais comme moi met ton lien au max d'endroit possible et si il y a des forum dans les 1ers mot clef que tu voudrais pour ton site ben tu poste l'adresse de ton site dessus
sinon désolé je suis le seul à te répondre
Au niveau purement esthétique, il est tout de même assez "scolaire", graphiquement ta police de caractère, change là, les caracteres à patins comme le times sont des vieux truc de secretaires et c'est très nul, ensuite sur un fond bleu relativement foncé, met ton texte en blanc et pas en noir ca ajoutera de la lisibilité et ca sera moi triste... car il est tout de même un peu tristounet le site, pas très engageant... mais bon un site carte de visite ca va toujours....
La création d'un site commence par la réflexion de son devenir...
La création d'un site commence par la réflexion de son devenir...
salut,
mise en page avec des tableaux, des <img/> pour la déco, le contenu principal est après la colonne, pas de <h1>, pas de structure, les styles sont disséminés partout, pas d'informations légales.
c'est comme un site perso écrit en 1999.
mise en page avec des tableaux, des <img/> pour la déco, le contenu principal est après la colonne, pas de <h1>, pas de structure, les styles sont disséminés partout, pas d'informations légales.
c'est comme un site perso écrit en 1999.
Lorsque l'on change de page, essaie de garder une homogéneïté dans la disposition de tes blocs pour que le visiteur ne perde pas ses repères
(par ex, le bloc partenaires change de place selon les pages)
Tu as une coquille à corriger en bas de page: c'est copyright et non copigright.
A+
(par ex, le bloc partenaires change de place selon les pages)
Tu as une coquille à corriger en bas de page: c'est copyright et non copigright.
A+
Bonjour,
alors voila j'ai pris en compte plusieurs de vos remarques et j'ai remis à jour le site. Faites moi part de vos impressions si il est mieux maintenant ou pas. Merci en tout cas à ceux qui m'ont donné leur avis c'est sympa même si certains ont été un peu véloces... Mais ya que comme ca qu'on avance.
alors voila j'ai pris en compte plusieurs de vos remarques et j'ai remis à jour le site. Faites moi part de vos impressions si il est mieux maintenant ou pas. Merci en tout cas à ceux qui m'ont donné leur avis c'est sympa même si certains ont été un peu véloces... Mais ya que comme ca qu'on avance.
tu peux toujour arrondir les bord du menu de droite ou mettrequelque chose de mieux qu'un rectangle bleu
ok donc je dois faire une image avec bord arrondis sur gimp par exemple et la mettre en background dans mon tableau si j'ai bien compris?
Tu devrais aussi revoir les textes en eux-mêmes car il sont très basiques... je t'ai fais un petit code, tu mets ça sur ton éditeur en copier/coller et tu vois ce que ça donne...
car c'est certain, les réalisation sont pas soigneuses mais soignées etc... donc il faut aussi "soigner" les textes... sinon c'est mieux, tu vois tout de même la différence entre le texte blanc sur fond bleu... qu'avant ton texte noir était à mourrir...
d'ailleurs il te reste aussi les textes de ton menu horizontal, tu descend d'un corps ca sera bien aussi, car là ils sont lourds...
La création d'un site commence par la réflexion de son devenir...
<table border="0"><tbody><tr><td><font size="2" face="arial,helvetica,sans-serif"><strong>Présentation :</strong></font></td><td><p><font size="2" face="arial,helvetica,sans-serif"><strong>HG SANIT CHAUFFE</strong> est une S.A.R.L fondée en 2004 spécialisée dans le dépannage et l'entretien en chauffage et sanitaire.</font></p><p><font size="2" face="arial,helvetica,sans-serif">Nous sommes situé au 52 rue de Metz - 57300 - Hagondange.</font></p><p><font size="2" face="arial,helvetica,sans-serif"><strong>Nos prix sont très compétitifs et nos réalisations sont efficaces et soignées</strong>, dans le respect le plus total des règles de l'art.</font></p><p><font size="2" face="Arial"><em>Nous sommes à votre disposition pour établir vos devis ou répondre à n'importe quelle de vos questions via ce formulaire.</em></font></p></td></tr><tr><td><font size="2" face="arial,helvetica,sans-serif"> </font></td><td><font size="2" face="arial,helvetica,sans-serif"> </font></td></tr><tr><td><font size="2" face="arial,helvetica,sans-serif"><strong>Notre mission :</strong></font></td><td><p><font size="2" face="arial,helvetica,sans-serif">Plus que de vous dépanner ou entretenir votre matériel, nous sommes <strong>à l'écoute de vos besoins</strong> et réalisons tous vos projets de chauffagerie/sanitaire.</font></p><p><font size="2" face="arial,helvetica,sans-serif"><strong>Nous vous conseillons et vous guidons</strong> dans vos choix sur le matériel et vous installons tout de A à Z.</font></p><p><font size="2" face="arial,helvetica,sans-serif">Cela va du simple robinet à l'installation complète de votre système de chauffage/sanitaire. </font></p><p><font size="2" face="arial,helvetica,sans-serif">Vous l'aurez compris, notre mission est de vous satisfaire avant tout et coûte que coûte. </font></p><p align="center"><font size="2" face="arial,helvetica,sans-serif"><strong>Chez HG SANIT CHAUFFE nous avons la passion du client.</strong></font></p></td></tr><tr><td><font size="2" face="arial,helvetica,sans-serif"> </font></td><td><font size="2" face="arial,helvetica,sans-serif"> </font></td></tr><tr><td><font size="2" face="arial,helvetica,sans-serif"><strong>Entretien et dépannage :</strong></font></td><td><p><font size="2" face="arial,helvetica,sans-serif">Nous vous proposons différents contrats d'entretien adaptés à vos besoins :</font></p><p><font size="2" face="arial,helvetica,sans-serif">- Ramonage de cheminées <br />- Entretien de vos poêles à bois et poêles à granulés <br />- Entretien de votre chaudière gaz <br />- Entretien de votre chaudière fioul <br />- Installation et entretien de pompe à chaleur, aérothermie, géothermie et climatisation.</font></p></td></tr><tr><td><font size="2" face="arial,helvetica,sans-serif"> </font></td><td><font size="2" face="arial,helvetica,sans-serif"> </font></td></tr><tr><td><font size="2" face="arial,helvetica,sans-serif"></font></td><td><p align="center"><font size="2" face="arial,helvetica,sans-serif"><strong>HG SANIT CHAUFFE s'engage à vous dépanner 6/7j</strong></font></p></td></tr><tr><td><font size="2" face="arial,helvetica,sans-serif"> </font></td><td><font size="2" face="arial,helvetica,sans-serif"> </font></td></tr><tr><td> </td><td><font size="2" face="arial,helvetica,sans-serif">Pour toute information, rendez-vous dans la rubrique "Contacts" ou "Une question? Votre avis nous interresse"</font></td></tr></tbody></table>
car c'est certain, les réalisation sont pas soigneuses mais soignées etc... donc il faut aussi "soigner" les textes... sinon c'est mieux, tu vois tout de même la différence entre le texte blanc sur fond bleu... qu'avant ton texte noir était à mourrir...
d'ailleurs il te reste aussi les textes de ton menu horizontal, tu descend d'un corps ca sera bien aussi, car là ils sont lourds...
La création d'un site commence par la réflexion de son devenir...
Bonjour les amis,
cela fait quelques temps que je n'ai pas fait remonté le topic, c'est parce que je suis en train de travailler sur le site en fait. J'ai pris en considération tous vos commentaires et je me suis mis à lire un livre sur le HTML et le CSS. Je me suis donc rendu compte qu'il fallait travailler différement. Maintenant je code tout à la main et je n'utilise plus d'éditeur WYSIWYG. Par contre il se pose un autre problème maintenant, j'ai l'impression que IE ne comprend pas du tout les feuilles de style CSS... C'est alucinant la différence que j'ai entre FF et IE, FF étant bien plus proche de la réalité que IE. Evidemment je ne vous apprend rien la, mais je desirerai savoir comment palier à ce problème. Je vous met ici mon code HTML et CSS pour que vous jugiez par vous même et me donniez vos avis concernant la solution pour que je puisse avoir la même chose ou presque sur les deux navigateurs.
CODE HTML:
<DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<head>
<title>HG SANIT CHAUFFE</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css"; title="design espace" href="style.css" />
<script type="text/javascript">
function afficheimage (adresseimage, placeimage) { document.images[placeimage].src = adresseimage; } </script>
</head>
<body topmargin="0">
<div id="header">
<img src="images/header.gif" width:"850" height:"100" alt="HG SANIT CHAUFFE"></img>
</div>
<div id="boutons">
<img style="width: 85px; height: 30px;" alt="accueil"
src="images/bouton%20accueil%20page.png" align="top"><a
href="nos%20references.html"
onmouseover="afficheimage('images/bouton nos references actif.png',2)"
onmouseout="afficheimage('images/bouton nos references.png',2)"><img
style="border: 0px solid ; width: 160px; height: 30px;"
alt="references" src="images/bouton%20nos%20references.png"
align="top"></a><a href="histoire.html"
onmouseover="afficheimage('images/bouton notre histoire actif.png',3)"
onmouseout="afficheimage('images/bouton notre histoire.png',3)"><img
style="border: 0px solid ; width: 155px; height: 30px;"
alt="documentation" src="images/bouton%20notre%20histoire.png"
align="top"></a><a href="tarifs.html"
onmouseover="afficheimage('images/bouton nos tarifs actif.png',4)"
onmouseout="afficheimage('images/bouton nos tarifs.png',4)"><img
style="border: 0px solid ; width: 100px; height: 30px;"
alt="nos tarifs" src="images/bouton%20nos%20tarifs.png"
align="top"></a><a href="equipe.html"
onmouseover="afficheimage('images/bouton notre equipe actif.png',5)"
onmouseout="afficheimage('images/bouton notre equipe.png',5)"><img
style="border: 0px solid ; width: 130px; height: 30px;"
alt="notre equipe" src="images/bouton%20notre%20equipe.png"
align="top"></a><a href="contacts.html"
onmouseover="afficheimage('images/bouton contacts actif.png',6)"
onmouseout="afficheimage('images/bouton contacts.png',6)"><img
style="border: 0px solid ; width: 100px; height: 30px;"
alt="contacts" src="images/bouton%20contacts.png"
align="top"></a><a href="acces.html"
onmouseover="afficheimage('images/bouton plan dacces actif.png',7)"
onmouseout="afficheimage('images/bouton plan dacces.png',7)"><img
style="border: 0px solid ; width: 120px; height: 30px;"
alt="acces" src="images/bouton%20plan%20dacces.png"
align="top"></a>
</div>
<div id="tableau_interventions">
<table>
<tr>
<td><p><u>Nous intervenons notemment sur:</u></p>
<p>
<ul>
<li>Briey <i>(54150)</i></li>
<li>Clouange <i>(57185)</i></li>
<li>Fameck <i>(57290)</i></li>
<li>Florange <i>(57190)</i></li>
<li>Hagondange <i>(57300)</i></li>
<li>Hayange <i>(57700)</i></li>
<li>Homecourt <i>(54310)</i></li>
<li>Jarny <i>(54800)</i></li>
<li>Joeuf <i>(54240)</i></li>
<li>Maizières-Les-Metz <i>(57210)</i></li>
<li>Metz <i>(57000)</i></li>
<li>Mondelange <i>(57300)</i></li>
<li>Moyeuvre <i>(57250)</i></li>
<li>Rombas <i>(57120)</i></li>
<li>Seremange <i>(57290)</i></li>
<li>Talange <i>(57525)</i></li>
<li>Thionville <i>(57100)</i></li>
<li>Uckange <i>(57270)</i></li>
<li>Vigy <i>(57640)</i></li>
<li>Yutz <i>(57970)</i></li>
</ul>
</p>
</td>
</tr>
</table>
</div>
<div id="corps">
<table>
<tr>
<td><p><h3>Présentation:</h3></p></td>
<td><p><strong>HG SANIT CHAUFFE</strong> est une S.A.R.L fondée en 2004 <strong>spécialisée</strong> dans<br>
le dépannage et l'entretien en chauffage et sanitaire. Nous sommes situé<br>
au 52 rue de Metz - 57300 - Hagondange.</p>
<p><strong>Nos prix sont très compétitifs et nos réalisations sont efficaces et<br>
soignées,</strong> dans le respect le plus total des règles de l'art.</p>
<p><i>Nous sommes à votre entière disposition pour vous établir vos devis ou<br>
répondre à n'importe quelle de vos questions via ce <a href="avis.html">formulaire</a> et<br>
pendant nos <a href="contacts.html">heures de bureau</a>.</i></p></td>
</tr>
<tr>
<td><p><h3>Notre mission:</h3></p></td>
<td><p>Plus que de vous dépanner ou entretenir votre matériel, nous sommes <b>à<br>
l'écoute de vos besoins</b> et réalisons tous vos projets de<br>
chauffagerie/sanitaire.</p>
<p><strong>Nous vous conseillons et vous guidons</strong> dans vos choix sur le matériel<br>
et vous installons tout de <strong>A à Z.</strong></p>
<p>Cela va du simple robinet à l'installation complète de<br>
votre système de chauffage/sanitaire.</p>
<p>Vous l'aurez compris, notre mission est de vous satisfaire avant tout et<br>
coûte que coûte.</p></td>
</tr>
<tr>
<td> </td>
<td class="centre"><p><b>Chez HG SANIT CHAUFFE nous avons la passion du client !</b></p></td>
</tr>
<tr>
<td><p><h3>Entretien et dépannage:<h3></p></td>
<td><p>Nous vous proposons différents contrats d'entretien adaptés à vos<br>
besoins:
<ul>
<li>Ramonage de cheminées</li>
<li>Entretien de vos poêles à bois et poêles à granulés</li>
<li>Entretien de votre chaudière gaz</li>
<li>Entretien de votre chaudière fioul</li>
<li>Installation et entretien de pompe à chaleur, aérothermie, géothermie et climatisation.</li>
</ul></p>
</tr>
<tr>
<td> </td>
<td class="centre"><p><b>HG SANIT CHAUFFE s'engage à vous dépanner 6j/7 !!</b></p></td>
</tr>
</table>
</div>
<div id="tableau_partenaires">
<table>
<tr>
<td><p><u>Nos partenaires:</u></p>
<p>
<ul>
<li>HN Energies</li>
<li>GEMINOX</li>
<li>Groupe AUBADE</li>
<li>CEDEO</li>
<li>GUERMONT WEBER</li>
<li>FRISQUET</li>
</ul>
</p>
</td>
</tr>
</table>
</div>
<div id="footer">
<p>Copyright © 2009 HG SANIT CHAUFFE | <a href="plan.html">Plan du site</a> | <a href="contacts.html">Contactez-nous</a> | <a href="avis.html">Une question? Votre avis nous intéresse</a></p>
</div>
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script><br>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-8340435-1");
pageTracker._trackPageview();
} catch(err) {}</script>
</body>
</html>
CODE CSS:
body
{
width: 850px;
padding: 0;
margin-left: auto;
margin-right: auto;
font-family: Arial, Times, sans-serif;
}
a
{
color: #F7E444;
text-decoration: none;
}
a:hover
{
text-decoration: underline;
}
#header
{
text-align: center;
}
#boutons
{
text-align: center;
}
#tableau_interventions
{
float: right;
}
#tableau_partenaires
{
float: right;
}
#corps
{
width: 600px;
float: left;
}
p
{
text-align: justify;
}
td
{
vertical-align: top;
padding: 5;
}
h3
{
margin: 0;
text-decoration: underline;
}
.centre p
{
text-align: center;
}
#footer
{
text-align: top center;
}
Bon évidemment il est loin d'être fini mais j'aimerai déjà avoir des conseils pour l'instant avec ce que j'ai déjà.
Merci à tous ceux qui ont déjà répondu et à ceux qui répondrons.
Franck.
cela fait quelques temps que je n'ai pas fait remonté le topic, c'est parce que je suis en train de travailler sur le site en fait. J'ai pris en considération tous vos commentaires et je me suis mis à lire un livre sur le HTML et le CSS. Je me suis donc rendu compte qu'il fallait travailler différement. Maintenant je code tout à la main et je n'utilise plus d'éditeur WYSIWYG. Par contre il se pose un autre problème maintenant, j'ai l'impression que IE ne comprend pas du tout les feuilles de style CSS... C'est alucinant la différence que j'ai entre FF et IE, FF étant bien plus proche de la réalité que IE. Evidemment je ne vous apprend rien la, mais je desirerai savoir comment palier à ce problème. Je vous met ici mon code HTML et CSS pour que vous jugiez par vous même et me donniez vos avis concernant la solution pour que je puisse avoir la même chose ou presque sur les deux navigateurs.
CODE HTML:
<DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<head>
<title>HG SANIT CHAUFFE</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css"; title="design espace" href="style.css" />
<script type="text/javascript">
function afficheimage (adresseimage, placeimage) { document.images[placeimage].src = adresseimage; } </script>
</head>
<body topmargin="0">
<div id="header">
<img src="images/header.gif" width:"850" height:"100" alt="HG SANIT CHAUFFE"></img>
</div>
<div id="boutons">
<img style="width: 85px; height: 30px;" alt="accueil"
src="images/bouton%20accueil%20page.png" align="top"><a
href="nos%20references.html"
onmouseover="afficheimage('images/bouton nos references actif.png',2)"
onmouseout="afficheimage('images/bouton nos references.png',2)"><img
style="border: 0px solid ; width: 160px; height: 30px;"
alt="references" src="images/bouton%20nos%20references.png"
align="top"></a><a href="histoire.html"
onmouseover="afficheimage('images/bouton notre histoire actif.png',3)"
onmouseout="afficheimage('images/bouton notre histoire.png',3)"><img
style="border: 0px solid ; width: 155px; height: 30px;"
alt="documentation" src="images/bouton%20notre%20histoire.png"
align="top"></a><a href="tarifs.html"
onmouseover="afficheimage('images/bouton nos tarifs actif.png',4)"
onmouseout="afficheimage('images/bouton nos tarifs.png',4)"><img
style="border: 0px solid ; width: 100px; height: 30px;"
alt="nos tarifs" src="images/bouton%20nos%20tarifs.png"
align="top"></a><a href="equipe.html"
onmouseover="afficheimage('images/bouton notre equipe actif.png',5)"
onmouseout="afficheimage('images/bouton notre equipe.png',5)"><img
style="border: 0px solid ; width: 130px; height: 30px;"
alt="notre equipe" src="images/bouton%20notre%20equipe.png"
align="top"></a><a href="contacts.html"
onmouseover="afficheimage('images/bouton contacts actif.png',6)"
onmouseout="afficheimage('images/bouton contacts.png',6)"><img
style="border: 0px solid ; width: 100px; height: 30px;"
alt="contacts" src="images/bouton%20contacts.png"
align="top"></a><a href="acces.html"
onmouseover="afficheimage('images/bouton plan dacces actif.png',7)"
onmouseout="afficheimage('images/bouton plan dacces.png',7)"><img
style="border: 0px solid ; width: 120px; height: 30px;"
alt="acces" src="images/bouton%20plan%20dacces.png"
align="top"></a>
</div>
<div id="tableau_interventions">
<table>
<tr>
<td><p><u>Nous intervenons notemment sur:</u></p>
<p>
<ul>
<li>Briey <i>(54150)</i></li>
<li>Clouange <i>(57185)</i></li>
<li>Fameck <i>(57290)</i></li>
<li>Florange <i>(57190)</i></li>
<li>Hagondange <i>(57300)</i></li>
<li>Hayange <i>(57700)</i></li>
<li>Homecourt <i>(54310)</i></li>
<li>Jarny <i>(54800)</i></li>
<li>Joeuf <i>(54240)</i></li>
<li>Maizières-Les-Metz <i>(57210)</i></li>
<li>Metz <i>(57000)</i></li>
<li>Mondelange <i>(57300)</i></li>
<li>Moyeuvre <i>(57250)</i></li>
<li>Rombas <i>(57120)</i></li>
<li>Seremange <i>(57290)</i></li>
<li>Talange <i>(57525)</i></li>
<li>Thionville <i>(57100)</i></li>
<li>Uckange <i>(57270)</i></li>
<li>Vigy <i>(57640)</i></li>
<li>Yutz <i>(57970)</i></li>
</ul>
</p>
</td>
</tr>
</table>
</div>
<div id="corps">
<table>
<tr>
<td><p><h3>Présentation:</h3></p></td>
<td><p><strong>HG SANIT CHAUFFE</strong> est une S.A.R.L fondée en 2004 <strong>spécialisée</strong> dans<br>
le dépannage et l'entretien en chauffage et sanitaire. Nous sommes situé<br>
au 52 rue de Metz - 57300 - Hagondange.</p>
<p><strong>Nos prix sont très compétitifs et nos réalisations sont efficaces et<br>
soignées,</strong> dans le respect le plus total des règles de l'art.</p>
<p><i>Nous sommes à votre entière disposition pour vous établir vos devis ou<br>
répondre à n'importe quelle de vos questions via ce <a href="avis.html">formulaire</a> et<br>
pendant nos <a href="contacts.html">heures de bureau</a>.</i></p></td>
</tr>
<tr>
<td><p><h3>Notre mission:</h3></p></td>
<td><p>Plus que de vous dépanner ou entretenir votre matériel, nous sommes <b>à<br>
l'écoute de vos besoins</b> et réalisons tous vos projets de<br>
chauffagerie/sanitaire.</p>
<p><strong>Nous vous conseillons et vous guidons</strong> dans vos choix sur le matériel<br>
et vous installons tout de <strong>A à Z.</strong></p>
<p>Cela va du simple robinet à l'installation complète de<br>
votre système de chauffage/sanitaire.</p>
<p>Vous l'aurez compris, notre mission est de vous satisfaire avant tout et<br>
coûte que coûte.</p></td>
</tr>
<tr>
<td> </td>
<td class="centre"><p><b>Chez HG SANIT CHAUFFE nous avons la passion du client !</b></p></td>
</tr>
<tr>
<td><p><h3>Entretien et dépannage:<h3></p></td>
<td><p>Nous vous proposons différents contrats d'entretien adaptés à vos<br>
besoins:
<ul>
<li>Ramonage de cheminées</li>
<li>Entretien de vos poêles à bois et poêles à granulés</li>
<li>Entretien de votre chaudière gaz</li>
<li>Entretien de votre chaudière fioul</li>
<li>Installation et entretien de pompe à chaleur, aérothermie, géothermie et climatisation.</li>
</ul></p>
</tr>
<tr>
<td> </td>
<td class="centre"><p><b>HG SANIT CHAUFFE s'engage à vous dépanner 6j/7 !!</b></p></td>
</tr>
</table>
</div>
<div id="tableau_partenaires">
<table>
<tr>
<td><p><u>Nos partenaires:</u></p>
<p>
<ul>
<li>HN Energies</li>
<li>GEMINOX</li>
<li>Groupe AUBADE</li>
<li>CEDEO</li>
<li>GUERMONT WEBER</li>
<li>FRISQUET</li>
</ul>
</p>
</td>
</tr>
</table>
</div>
<div id="footer">
<p>Copyright © 2009 HG SANIT CHAUFFE | <a href="plan.html">Plan du site</a> | <a href="contacts.html">Contactez-nous</a> | <a href="avis.html">Une question? Votre avis nous intéresse</a></p>
</div>
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script><br>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-8340435-1");
pageTracker._trackPageview();
} catch(err) {}</script>
</body>
</html>
CODE CSS:
body
{
width: 850px;
padding: 0;
margin-left: auto;
margin-right: auto;
font-family: Arial, Times, sans-serif;
}
a
{
color: #F7E444;
text-decoration: none;
}
a:hover
{
text-decoration: underline;
}
#header
{
text-align: center;
}
#boutons
{
text-align: center;
}
#tableau_interventions
{
float: right;
}
#tableau_partenaires
{
float: right;
}
#corps
{
width: 600px;
float: left;
}
p
{
text-align: justify;
}
td
{
vertical-align: top;
padding: 5;
}
h3
{
margin: 0;
text-decoration: underline;
}
.centre p
{
text-align: center;
}
#footer
{
text-align: top center;
}
Bon évidemment il est loin d'être fini mais j'aimerai déjà avoir des conseils pour l'instant avec ce que j'ai déjà.
Merci à tous ceux qui ont déjà répondu et à ceux qui répondrons.
Franck.
dans un premier temps, fais moi plaisir : enleve tous les espaces dans tes noms de fichiers :
src="images/bouton%20accueil%20page.png"
ca genere des tonnes de % et les bases de données n'aiment pas ca du tout... il faut savoir que quand on enregistre un fichier on ne met jamais d'espace :
src="images/bouton20accueil20page.png" ou si il y a obligation on se sert du tiret de 8 : _
en conséquence : src="images/bouton_20accueil_20page.png" car les espaces sont remplacés par des % et ca c'est pas bon...
La création d'un site commence par la réflexion de son devenir...
src="images/bouton%20accueil%20page.png"
ca genere des tonnes de % et les bases de données n'aiment pas ca du tout... il faut savoir que quand on enregistre un fichier on ne met jamais d'espace :
src="images/bouton20accueil20page.png" ou si il y a obligation on se sert du tiret de 8 : _
en conséquence : src="images/bouton_20accueil_20page.png" car les espaces sont remplacés par des % et ca c'est pas bon...
La création d'un site commence par la réflexion de son devenir...
Tout a fait d'accord c'est vrai qu'avec tout ça je n'y pensais plus a cette histoire d'espace, je change ca de suite. Sinon comment je pourrait faire pour avoir un résultat identique (ou presque) sur les navigateurs comme FF et IE. Parce que la je sais pas si tu as vu mais c'est la folie, sur FF tout est ok (enfin comme le code est ecrit du moins) et IE rien a voir, ya un espace entre le header et les boutons, le body ne fait pas 850px et j'en passe. C'est lourd ca, je me demande si ca vaut le coup de faire le fond avec le HTML et la forme avec le CSS vu que le navigateur le plus utilisé à l'heure actuelle est IE et qu'il est vraiment pas tres compatible avec le CSS???