Centrer un site internet

Fermé

zouzou80157 Messages postés 337 Date d'inscription mercredi 21 mars 2007 Statut Membre Dernière intervention 11 mai 2014 - 22 avril 2012 à 10:18
Rodolphe_ Messages postés 1498 Date d'inscription samedi 7 mai 2005 Statut Membre Dernière intervention 20 décembre 2014 - 22 avril 2012 à 11:38

Bonjour,

Je suis actuellement en train de créer un site internet, aprés multiples recherches sur le net, je souhaiterais centrer mon site.

Alors voici les screen :

Actuellement j'ai ca :

http://img80.xooimage.com/files/b/4/a/jaica-33c8280.jpg

Je voudrais ca :

http://img84.xooimage.com/files/3/8/8/jeveux-33c8290.jpg

Quelqu'un peut me donner le code ?

Merci

A voir également:

Centrer un site internet
Site de telechargement - Accueil - Outils
Site comme coco - Accueil - Réseaux sociaux
Url site internet - Guide
Quel site remplace coco - Accueil - Réseaux sociaux
Site pour vendre des objets d'occasion - Guide

7 réponses

Réponse 1 / 7

Rodolphe_ Messages postés 1498 Date d'inscription samedi 7 mai 2005 Statut Membre Dernière intervention 20 décembre 2014 285
22 avril 2012 à 10:35

Bonjour,

tout dépend du code html, de comment sont imbriqués les éléments.
L'idée est de définir dans le css des marges horizontales à auto du bloc conteneur.

Réponse 2 / 7

zouzou80157 Messages postés 337 Date d'inscription mercredi 21 mars 2007 Statut Membre Dernière intervention 11 mai 2014 11
22 avril 2012 à 10:40

Bonjour,
Merci pour ta reponse, veux tu que l'on en parle en pv ? car je veux pas trop mettre mes codes en ligne.

Réponse 3 / 7

graffx Messages postés 6506 Date d'inscription jeudi 22 mars 2007 Statut Contributeur Dernière intervention 24 mars 2019 1 975
22 avril 2012 à 11:13

C'est le but justement, met les en ligne, c'est un forum d' entraide, et vu que tu as l' air plus doué pour construire les maisons que faire un site, tu n' as pas a craindre qu' on te vole ton code :)

On t'ecoute!

Réponse 4 / 7

zouzou80157 Messages postés 337 Date d'inscription mercredi 21 mars 2007 Statut Membre Dernière intervention 11 mai 2014 11
22 avril 2012 à 11:17

Alors voici mon code :

<!DOCTYPE html>
<html lang="fr">
<head>
<title>Oasis Habitat</title> 
<link rel="stylesheet" href="/templates/veniyard1.7/css/tdefaut.css" type="text/css" media="all" />
<script type="text/javascript" src="/templates/veniyard1.7/js/jquery.js"></script>
<script type="text/javascript" src="/templates/veniyard1.7/js/slideshow.js"></script>
<link rel="icon" type="image/gif" href="/templates/veniyard1.7/favicon.gif" />
</head>

<body>
<div id="global">
	<div id="entete"><a name="top"></a>
<table width="100%" cellspacing="0" cellpadding="10" border="0" align="center">
<tr>
<td class="bodyline">
<div style="text-align:center"><a href="http://oasishabitat.fr"><img src="https://www.zupimages.net/up/2/1014153991.jpg" alt="Oasis Habitat" /></a><br /><br />
<div style="text-align:center">
<table cellspacing="0" cellpadding="2" border="0" align="center">
<tr>
<td align="center" valign="top" nowrap="nowrap">

<span style="font-weight: bold; font-style: italic;">Oasis Habitat - 7 PL DES BOULEAUX - 80480 DURY</span></br></br></div>
	<div id="navigation"><ul id="menu">
		<li><a href="www.oasishabitat.fr/accueil.htlm" target="_self">Accueil</a></li>
		<li><a href="www.oasishabitat.fr/maisons.htlm" target="_self">Constructions Maisons</a></li>
		<li><a href="www.oasishabitat.fr/photos.htlm" target="_self">Photos</a></li>
		<li><a href="www.oasishabitat.fr/nouscontacter.htlm" target="_self">Nous contacter</a></li></div>
	<div id="contenu">TEST</div>
	<div id="pied">By Pierre</div>
</div>



</body>

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question

Réponse 5 / 7

Rodolphe_ Messages postés 1498 Date d'inscription samedi 7 mai 2005 Statut Membre Dernière intervention 20 décembre 2014 285
22 avril 2012 à 11:28

http://www.w3schools.com/html5/tag_doctype.asp

c'est le doctype html5!!!

zouzou, essayes d'enlever les tables comme je t'ai dit en pv, ton code n'en sera que plus clair et et correctement structuré.

graffx Messages postés 6506 Date d'inscription jeudi 22 mars 2007 Statut Contributeur Dernière intervention 24 mars 2019 1 975
22 avril 2012 à 11:35

Effectivement ca m' a pas sauté au yeux, je suis pas a jour, merci pour le lien!

Rodolphe_ Messages postés 1498 Date d'inscription samedi 7 mai 2005 Statut Membre Dernière intervention 20 décembre 2014 285
22 avril 2012 à 11:36

je t'en prie

Réponse 6 / 7

graffx Messages postés 6506 Date d'inscription jeudi 22 mars 2007 Statut Contributeur Dernière intervention 24 mars 2019 1 975
22 avril 2012 à 11:30

Bon, copies et remplaces tous ton codes par ceci, mais j' ai essayé de t' espacer le tout parce que tu as plein de div ouvertes mais non fermées. Je t' ai fait un tableau pour englober le tout, certes niveau code c'est pas aussi beau, mais tu comprendras mieux comme ca vu que tu as l' air d'etre ultra-debutant :)

<!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>
<title>Oasis Habitat</title>
<link rel="stylesheet" href="/templates/veniyard1.7/css/tdefaut.css" type="text/css" media="all" />
<script type="text/javascript" src="/templates/veniyard1.7/js/jquery.js"></script>
<script type="text/javascript" src="/templates/veniyard1.7/js/slideshow.js"></script>
<link rel="icon" type="image/gif" href="/templates/veniyard1.7/favicon.gif" />
</head>
<body>
<table width="984" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="center" valign="top"><span class="bodyline"><a href="http://oasishabitat.fr"><img src="https://www.zupimages.net/up/2/1014153991.jpg" alt="Oasis Habitat" /></a></span></td>
</tr>
<tr>
<td height="400" align="center" valign="top" style="background-color:#343f45;>

<div id="global">
<div id="entete">
<a name="top"></a>
<table width="100%" cellspacing="0" cellpadding="10" border="0" align="center">
<tr>
<td class="bodyline"><div style="text-align:center">
<br />
<br />
<div style="text-align:center">
<table cellspacing="0" cellpadding="2" border="0" align="center">
<tr>
<td align="center" valign="top" nowrap="nowrap"><span style="font-weight: bold; font-style: italic;">Oasis Habitat - 7 PL DES BOULEAUX - 80480 DURY</span></td>
</tr>
</div>

<div id="navigation">
<ul id="menu">
<li><a href="www.oasishabitat.fr/accueil.htlm" target="_self">Accueil</a></li>
<li><a href="www.oasishabitat.fr/maisons.htlm" target="_self">Constructions Maisons</a></li>
<li><a href="www.oasishabitat.fr/photos.htlm" target="_self">Photos</a></li>
<li><a href="www.oasishabitat.fr/nouscontacter.htlm" target="_self">Nous contacter</a></li>
</div>

<div id="contenu">TEST</div>
<div id="pied">By Pierre</div>
</div>
</ul>

</table></td>
</tr>
</table>

</td>
</tr>
</table>
<tr>
<td class="bodyline">
</body>

Rodolphe_ Messages postés 1498 Date d'inscription samedi 7 mai 2005 Statut Membre Dernière intervention 20 décembre 2014 285
22 avril 2012 à 11:33

C'etait le doctype html5.
Il faut arrêter avec les mises en page par tableaux, c'est pas fait pour ça!

Rodolphe_ Messages postés 1498 Date d'inscription samedi 7 mai 2005 Statut Membre Dernière intervention 20 décembre 2014 285
22 avril 2012 à 11:38

cadeau:
https://www.alsacreations.com/tuto/lire/555-design-css-complet-5-etapes.html
http://www.alsacreations.com/static/gabarits/liste.html

Réponse 7 / 7

graffx Messages postés 6506 Date d'inscription jeudi 22 mars 2007 Statut Contributeur Dernière intervention 24 mars 2019 1 975
22 avril 2012 à 11:21

Holala y' a meme pas de doctype! Bon, attend deux petites minutes :)

Discussions similaires

C'est quoi le site qui remplace coco chat

35 GO à l'étranger