Centrer un site internet [Fermé]

Messages postés
338
Date d'inscription
mercredi 21 mars 2007
Statut
Membre
Dernière intervention
11 mai 2014
- - Dernière réponse : Rodolphe_
Messages postés
1489
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


Afficher la suite 

7 réponses

Messages postés
1489
Date d'inscription
samedi 7 mai 2005
Statut
Membre
Dernière intervention
20 décembre 2014
241
0
Merci
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.
Messages postés
338
Date d'inscription
mercredi 21 mars 2007
Statut
Membre
Dernière intervention
11 mai 2014
9
0
Merci
Bonjour,
Merci pour ta reponse, veux tu que l'on en parle en pv ? car je veux pas trop mettre mes codes en ligne.
Messages postés
6489
Date d'inscription
jeudi 22 mars 2007
Statut
Contributeur
Dernière intervention
24 mars 2019
1540
0
Merci
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!
Messages postés
338
Date d'inscription
mercredi 21 mars 2007
Statut
Membre
Dernière intervention
11 mai 2014
9
0
Merci
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="http://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>
Messages postés
1489
Date d'inscription
samedi 7 mai 2005
Statut
Membre
Dernière intervention
20 décembre 2014
241
0
Merci
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
6489
Date d'inscription
jeudi 22 mars 2007
Statut
Contributeur
Dernière intervention
24 mars 2019
1540 -
Effectivement ca m' a pas sauté au yeux, je suis pas a jour, merci pour le lien!
Rodolphe_
Messages postés
1489
Date d'inscription
samedi 7 mai 2005
Statut
Membre
Dernière intervention
20 décembre 2014
241 -
je t'en prie
Messages postés
6489
Date d'inscription
jeudi 22 mars 2007
Statut
Contributeur
Dernière intervention
24 mars 2019
1540
0
Merci
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="http://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
1489
Date d'inscription
samedi 7 mai 2005
Statut
Membre
Dernière intervention
20 décembre 2014
241 -
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
1489
Date d'inscription
samedi 7 mai 2005
Statut
Membre
Dernière intervention
20 décembre 2014
241 -
Messages postés
6489
Date d'inscription
jeudi 22 mars 2007
Statut
Contributeur
Dernière intervention
24 mars 2019
1540
-1
Merci
Holala y' a meme pas de doctype! Bon, attend deux petites minutes :)