Centrer page

Fermé

Attila11 - 15 mai 2015 à 11:48
attila11 - 19 mai 2015 à 09:11

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 40504 Date d'inscription mercredi 2 mai 2007 Statut Modérateur Dernière intervention 30 novembre 2024 9 438
Modifié par jee pee le 15/05/2015 à 12:09

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é.

Réponse 2 / 4

Attila11
15 mai 2015 à 12:09

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.

Réponse 3 / 4

jee pee Messages postés 40504 Date d'inscription mercredi 2 mai 2007 Statut Modérateur Dernière intervention 30 novembre 2024 9 438
15 mai 2015 à 13:53

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>

Réponse 4 / 4

ElementW Messages postés 4816 Date d'inscription dimanche 12 juin 2011 Statut Contributeur Dernière intervention 5 octobre 2021 1 228
Modifié par gravgun le 15/05/2015 à 15:25

'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

ElementW Messages postés 4816 Date d'inscription dimanche 12 juin 2011 Statut Contributeur Dernière intervention 5 octobre 2021 1 228
16 mai 2015 à 18:16

J'ai pas fini, je continue jusqu'au bout?

jee pee Messages postés 40504 Date d'inscription mercredi 2 mai 2007 Statut Modérateur Dernière intervention 30 novembre 2024 9 438
Modifié par jee pee le 17/05/2015 à 15:09

Beau boulot ! Même le logo n'est que du texte ;-)

Il faut combien de temps de pratique pour une telle maitrise du css ?

ElementW Messages postés 4816 Date d'inscription dimanche 12 juin 2011 Statut Contributeur Dernière intervention 5 octobre 2021 1 228 > jee pee Messages postés 40504 Date d'inscription mercredi 2 mai 2007 Statut Modérateur Dernière intervention 30 novembre 2024
Modifié par gravgun le 17/05/2015 à 16:02

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.

ElementW Messages postés 4816 Date d'inscription dimanche 12 juin 2011 Statut Contributeur Dernière intervention 5 octobre 2021 1 228 > ElementW Messages postés 4816 Date d'inscription dimanche 12 juin 2011 Statut Contributeur Dernière intervention 5 octobre 2021
17 mai 2015 à 16:04

Je relance, faut-il que je termine? Pas la peine que je continue de copier si au final ça ne sers pas...

attila11
18 mai 2015 à 10:26

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.