Centrer page

Attila11 -  
 attila11 -
Bonjour,

Un ami m'a créé mon site internet (je suis auto entrepreneur), mais à priori, certains ont des problèmes de décalage selon les résolutions, j'aimerai avoir vos avis sur le problè. J'ai éssayé ce matin avec kompozer, je voudrais savoir si cela fonctionne et si vous avez des solutions.

Le site : www.proxy-informatique.net

Merci.


A voir également:

4 réponses

Réponse 1 / 4
jee pee Messages postés 41553 Date d'inscription   Statut Modérateur Dernière intervention   9 725
 
Bonjour,

Effectivement pour moi le site n'est pas lisible :



C'est bien le choix de la facon de coder qui est en cause. Le site est fait en dur avec une largeur de 1200 pixels.

Et c'est même un choix bizarre de faire tout le corps du site dans un tableau, de taille fixe. 

</head>
<body><div style="text-align: center;">/>
</div><table style="text-align: left; margin-left: auto; margin-right: auto;" border="0" cellpadding="0" cellspacing="0" width="1200">
<tbody>
<tr>
<td style="text-align: center;" rowspan="7" width="188"><img src="http://proxy-informatique.net/images/bdga.jpg" height="1180" width="285" /></td>
<td width="808"><img src="http://www.proxy-informatique.net/images/image1.jpg" height="276" width="1200" /></td>
<td rowspan="7" width="204"><img src="http://proxy-informatique.net/images/bdda.jpg" height="1185" width="260" /></td>
</tr>
<tr>
<td>
<table border="0" cellpadding="0" cellspacing="0" width="1200">
<tbody>


Pour changer ça il faut tout revoir. Ou pour le moins tout recalculer pour avoir une taille inférieure.

Cdlt

ps : tu as du te lancer dans une modif et il y a un /> qui traine en haut de page. Tu devrais remettre le source original (tu as bien conservé une sauvegarde ?).


        Un étranger, c'est un ami qu'on n'a pas encore rencontré.
0
Réponse 2 / 4
Attila11
 
Merci de ta réponse, je viens de remettre la vesion originale, elle est centrée sous chrome et IE, mais pas firefox, merci pour le "<", je modifie de suite.
0
Réponse 3 / 4
jee pee Messages postés 41553 Date d'inscription   Statut Modérateur Dernière intervention   9 725
 
En fait tout le site n'est constitué que d'images, même pour les textes. C'est une méthode qui ne permet pas d'adaptation dynamique. Les images faisant 1200 pixels, sur un écran en 1024 celà dépassera toujours.

Je te propose une adaptation de ton code pour les écrans faisant au moins 1200. Mais il faudrait refaire un site avec des solutions actuelles de développement de sites web ;-)) 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="keywords" content="Dépannage informatique,Castelnaudary, villasavary, bram, pexiora, box,orange, sfr, bouyges, windows, linux, virus" />
<meta name="description" content="Windows, Linux, Dépannage à domicile, proxy-informatique, clonage disque dur, unité centrale, serveur, réseau, wifi, malwares, adwares, virus, configuration, réparation, installation, formation" /><title>PROXY-INFORMATIQUE Accueil</title>
<style type="text/css">
.TEXTE { font: italic 12px "Trebuchet MS", Arial, Helvetica, sans-serif; }
</style>
</head>
<body background="http://proxy-informatique.net/images/bdga.jpg">
<div align="center">
<table border="0" cellpadding="0" cellspacing="0" >
<tbody>
<tr>
<td ><img src="http://www.proxy-informatique.net/images/image1.jpg"  /></td>
</tr>
<tr>
<td>
<table border="0" cellpadding="0" cellspacing="0" >
<tbody>
<tr align="center">
<td bgcolor="#364392" width="20%"><a href="http://www.proxy-informatique.net/index.html"><img src="http://www.proxy-informatique.net/images/Accueil-1.jpg"  /></a></td>
<td bgcolor="#333333" width="1%"></td>
<td bgcolor="#00ADE5" width="19%"><a href="http://www.proxy-informatique.net/prestation.html"><img src="http://www.proxy-informatique.net/images/prestation.jpg"  /></a></td>
<td bgcolor="#333333" width="1%"></td>
<td bgcolor="#00ADE5" width="19%"><a href="http://www.proxy-informatique.net/tarif.html"><img src="http://www.proxy-informatique.net/images/tarif.jpg"  /></a></td>
<td bgcolor="#333333" width="1%"></td>
<td bgcolor="#00ADE5" width="19%"><a href="http://www.proxy-informatique.net/zone.html"><img src="http://www.proxy-informatique.net/images/zone.jpg" /></a></td>
<td bgcolor="#333333" width="1%"></td>
<td bgcolor="#00ADE5" width="19%"><a href="http://www.proxy-informatique.net/contact.html"><img src="http://www.proxy-informatique.net/images/contact.jpg"  /></a></td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td><img src="http://www.proxy-informatique.net/images/image2a.jpg"  /></td>
</tr>
<tr>
<td><img src="http://proxy-informatique.net/images/image3a.jpg"   /></td>
</tr>
<tr>
<td><img src="http://www.proxy-informatique.net/images/image4a.jpg" /></td>
</tr>
<tr>
<td><a href="mailto:contact@proxy-informatique.net"><img src="http://www.proxy-informatique.net/images/image5a.jpg"  /></a></td>
</tr>
<tr>
<td align="center">
<p class="TEXTE">Windows, Linux, Dépannage à
domicile, proxy-informatique, clonage disque dur, unité
centrale, serveur, réseau, wifi, malwares, adwares, virus,
configuration, réparation, installation, formation</p>
<p class="TEXTE">Fanjeaux, La Cassaigne,
Castelnaudary, Mirepoix, Limoux, Villepinte, Bram, Pexiora, Villeneuve
la Comptal, Alzonne, Villasavary, Fendeille, La Force, Montréal, etc...</p>
</td>
</tr>
</tbody>
</table>
</div> 
</body>
</html>

0
Réponse 4 / 4
ElementW Messages postés 4814 Date d'inscription   Statut Contributeur Dernière intervention   1 223
 
'lut
Diantre, le site n'est fait que d'images et est ordonné avec des <table>
Ton dit "ami" est 15 ans en retard sur comment on fait du design web.
Il faut tout refaire, et son site n'est pas du tout accessible: jamais ton site ne sera référencé si tu le gardes comme ça.
Edit: j'ai du temps, je m'y atèle. Je mettrais le résultat ici en aperçu et le tout sera téléchargeable avec ce lien.
Au passage, as-tu accès à PHP sur ce site?
P.S.: Il les a payé les images Shutterstock ton ami?
from human import idiocy
del idiocy
0
ElementW Messages postés 4814 Date d'inscription   Statut Contributeur Dernière intervention   1 223
 
J'ai pas fini, je continue jusqu'au bout?
0
jee pee Messages postés 41553 Date d'inscription   Statut Modérateur Dernière intervention   9 725
 
Beau boulot ! Même le logo n'est que du texte ;-)

Il faut combien de temps de pratique pour une telle maitrise du css ?
0
ElementW Messages postés 4814 Date d'inscription   Statut Contributeur Dernière intervention   1 223 > jee pee Messages postés 41553 Date d'inscription   Statut Modérateur Dernière intervention  
 
Heu, du temps, mais combien... Mettons que je suis auto-didacte (sans tutoriel, juste les docs de standards W3C et le Mozilla Dev Network, ainsi que des Q/R sur StackOverflow; et évidemment les réalisations existantes que je croise) depuis plusieurs années...
L'arrivée de CSS3 m'a permis de faire plein de trucs sympa avec le texte, dont ça.
0
ElementW Messages postés 4814 Date d'inscription   Statut Contributeur Dernière intervention   1 223 > ElementW Messages postés 4814 Date d'inscription   Statut Contributeur Dernière intervention  
 
Je relance, faut-il que je termine? Pas la peine que je continue de copier si au final ça ne sers pas...
0
attila11
 
Merci beaucoup de me proposer de recoder tout ce bordel, désolé si je n'ai pas répondu avant, mon pc était en panne (alimentation).
Pour le php je ne peux pas te répondre car ce n'est pas du tout mon domaine.
Pour les images, oui il les a payées, il n'y a pas de problème de ce coté.
Merci à tous de m'aider, je n'osais pas dire à mon ami que son site est mal conçu, c'est gênant.
0

Discussions similaires

connection ok mais aucune page ne s'affiche
gandounet -
fabiennetitou -

10 réponses