Centrer un site internet

zouzou80157 Messages postés 351 Date d'inscription   Statut Membre Dernière intervention   -  
Rodolphe_ Messages postés 1498 Date d'inscription   Statut Membre Dernière intervention   -
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:

7 réponses

Réponse 1 / 7
Rodolphe_ Messages postés 1498 Date d'inscription   Statut Membre Dernière intervention   285
 
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.
0
Réponse 2 / 7
zouzou80157 Messages postés 351 Date d'inscription   Statut Membre Dernière intervention   11
 
Bonjour,
Merci pour ta reponse, veux tu que l'on en parle en pv ? car je veux pas trop mettre mes codes en ligne.
0
Réponse 3 / 7
graffx Messages postés 6506 Date d'inscription   Statut Contributeur Dernière intervention   1 975
 
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!
0
Réponse 4 / 7
zouzou80157 Messages postés 351 Date d'inscription   Statut Membre Dernière intervention   11
 
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>
0

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   Statut Membre Dernière intervention   285
 
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é.
0
graffx Messages postés 6506 Date d'inscription   Statut Contributeur Dernière intervention   1 975
 
Effectivement ca m' a pas sauté au yeux, je suis pas a jour, merci pour le lien!
0
Rodolphe_ Messages postés 1498 Date d'inscription   Statut Membre Dernière intervention   285
 
je t'en prie
0
Réponse 6 / 7
graffx Messages postés 6506 Date d'inscription   Statut Contributeur Dernière intervention   1 975
 
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>


0
Rodolphe_ Messages postés 1498 Date d'inscription   Statut Membre Dernière intervention   285
 
C'etait le doctype html5.
Il faut arrêter avec les mises en page par tableaux, c'est pas fait pour ça!
0
Rodolphe_ Messages postés 1498 Date d'inscription   Statut Membre Dernière intervention   285
 
cadeau:
https://www.alsacreations.com/tuto/lire/555-design-css-complet-5-etapes.html
http://www.alsacreations.com/static/gabarits/liste.html
0
Réponse 7 / 7
graffx Messages postés 6506 Date d'inscription   Statut Contributeur Dernière intervention   1 975
 
Holala y' a meme pas de doctype! Bon, attend deux petites minutes :)
-1

Discussions similaires

C'est quoi le site qui remplace coco chat
TP3 -
bazfile -

2 réponses