Sujet Précédent Sujet Suivant

Probleme sur positionnement debutant

karikikou Messages postés 85 Statut Membre -  
arthezius Messages postés 3756 Statut Membre -
Bonjour,
J'ai un probleme que je n'arrive pas a regler sur mon site et je suis debutant:

http://www.web-transit.com/Site/CCM.php

En fait vous verrez, j'ai centré le site id global avec des marge mais en haut à droit ce n'est pas centré????

Ci dessous mon script un peu prise de tete j'imagine bien, desolé mais bon. Pourriez vous me dire comment résoudre ce probleme, c'ets vraiment important pour moi merciii CCM

<!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">
<!-- DW6 -->
<head>
<!-- Copyright 2005 Macromedia, Inc. All rights reserved. -->
<title>commerce WEB-TRANSIT.COM</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="mm_travel2.css" type="text/css" />
<script language="JavaScript" type="text/javascript">
//--------------- LOCALIZEABLE GLOBALS---------------
var d=new Date();
monthname= new Array("Janvier","Février","Mars","Avril","Mai","Juin","Juillet","Août","Septembre","Octobre","Novembre","Décembre");
//Ensure correct for language. English is "January 1, 2004"
var TODAY = monthname[d.getMonth()] + " " + d.getDate() + ", " + d.getFullYear();
//--------------- END LOCALIZEABLE ---------------
</script>
<style type="text/css">
<!--
#global {
position:absolute;
margin-left:5%;
margin-right:5%;
width:90%;
background-color:#C0DFFD;
}
#apDiv1 {
position:absolute;
width:200px;
height:115px;
z-index:1;
}
#apDiv2 {
position:absolute;
width:502px;
height:127px;
z-index:2;
left: 451px;
top: 1px;
}
.Style5 {
font-size: 30px
}
#apDiv3 {
position:absolute;
width:167px;
height:115px;
z-index:2;
left: 0px;
top: 484px;
}
.Style8 { font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
}
.Style9 {font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; }
#apDiv4 {
position:absolute;
width:446px;
height:129px;
z-index:2;
left: 453px;
top: -3px;
background-color: #3366CC;
}
.Style11 {
font-size: 12px;
color: #CFC0A5;
}
-->
</style>
</head>
<body >
<div id="global">
<div id="apDiv1"><img src="images/Illustration Webtransit.jpg" width="452" height="129" /></div>
<table width="98%" height="1014" border="0" cellpadding="0" cellspacing="0">
<tr bgcolor="#3366CC">
<td colspan="2" rowspan="2"> </td>
<td height="63" colspan="2" align="center" valign="bottom" bgcolor="#3366CC" class="Style5" id="logo"><div id="apDiv4">
<p>WEB - TRANSIT.COM</p>
<p class="Style11">km lkc xclknkln cxklnlkncxlkncxk</p>
</div> </td>
<td width="259" rowspan="2"><img src="images/Logo webtransit.jpg" alt="LOGO" width="129" height="129" /></td>
</tr>
<tr bgcolor="#3366CC">
<td height="64" colspan="2" align="center" valign="top" bgcolor="#3366CC" id="tagline"> </td>
</tr>
<tr>
<td colspan="6" bgcolor="#003366"><img src="mm_spacer.gif" alt="" width="1" height="1" border="0" /></td>
</tr>
<tr bgcolor="#CCFF99">
<td height="25" colspan="6" class="navText" id="dateformat">  
<script language="JavaScript" type="text/javascript">
document.write(TODAY); </script>
<table width="100%" border="0" cellspacing="0" cellpadding="4">
<tr align="left">
<td width="1%"><table width="100%" border="0" cellspacing="0" cellpadding="4">
<tr align="left">
<td><a href="trgfbcbv">Accueil</a></td>
<td><div align="left"><a href="#">|</a></div></td>
<td><div align="left"><a href="gfgfv">Présentation</a></div></td>
<td><div align="left"><a href="#">|</a></div></td>
<td><div align="left"><a href="fbgcv">Contact</a></div></td>
<td><div align="left"><a href="#">|</a></div></td>
<td><div align="left"><a href="#">Plan</a></div></td>
<td><div align="left"><a href="#">|</a></div></td>
<td><div align="left"><a href="#">Recherche</a></div></td>
<td><div align="left">|</div></td>
<td width="100%"><div align="left"></div></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
<tr>
<td colspan="6" bgcolor="#003366"><img src="mm_spacer.gif" alt="" width="1" height="1" border="0" /></td>
</tr>
<tr>
<td width="171" valign="top" bgcolor="#E6F3FF"><table border="0" cellspacing="0" cellpadding="0" width="165" id="navigation">
<tr>
<td width="165"> <br />
 <br /></td>
</tr>
<tr>
<td width="165"><a href="fgdv" class="navText">klnxc </a></td>
</tr>
<tr>
<td width="165"><a href="trgfbg" class="navText">kmncxlk m</a></td>
</tr>
<tr>
<td width="165"><a href="tgcv" class="navText">klmdflkcx </a></td>
</tr>

<td width="165"><a href="fddf" class="navText">kldncxlk</a></td>
<tr>
<td width="165"><a href="fgdf" class="navText">cv vc</a></td>
</tr>
<tr>
<td width="165"><a href="fdvc" class="navText">gtdf</a></td>
</tr>
<tr>
<td width="165"><a href="gvc vc" class="navText">kcx n </a></td>
</tr>
</table>
<br /> <table width="75%" height="69" border="0">
<tr>
<td><p class="Style8">Espace Client:</p>
<form id="form2" name="form2" method="post" action="mailto:postmaster@web-transit.com">
<label>User
<input type="text" name="User" id="User" />
</label>
</form>
<form id="form3" name="form3" method="post" action="">
<label>Password
<input type="password" name="Password" id="Password" />
</label>
</form>
<form id="form1" name="form1" method="post" action="mailto:postmaster@web-transit.com">
<div align="right">
<input type="submit" name="OK" id="OK" value="OK" />
</div>
</form>
<p class="Style9"><a href="mailto:postmaster@web-transit.com">Vous avez oublié votre mot de passe?</a></p></td>
</tr>
</table>
<br /> </td>
<td colspan="3"><br />
<table width="727" height="511" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="727" class="pageName"><div align="center">LE COMMERCE</div></td>
</tr>

<tr>
<td class="bodyText">
<blockquote>
<p align="justify"> </p>
<p align="justify">mc kjk ckliohfdiuhur h gih s th h i jkgkd nlkg kjdnxki i ih oigoi oigfh oih oi ghtiojljkjknjjkjnjk kj klk lkjkjhjkjkljkjlkjljkkjjl kljkj lk lkj kj hghg hj jkj jk kjdfjkv njjnk kjnkljlkejkljkj kj kljkljdkljglkjdklljggjg k ojopjjojklkjlkjlkllkl</p>
<p align="justify"> </p>
</blockquote>
<p> </p></td>
</tr>
</table>
<p><br />
<img src="mm_spacer.gif" alt="" width="50" height="1" border="0" /></p>

<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p></td>
<td width="259" valign="top"><br />
 <br />
<table width="190" height="499" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="3" class="subHeader" align="center">PARTENAIRES</td>
</tr>
<tr>
<td width="40"><img src="mm_spacer.gif" alt="" width="40" height="1" border="0" /></td>
<td width="110" id="sidebar" class="smallText"><br />
<p><a href="javascript:;"><img alt="" width="110" height="110" vspace="6" border="0" /></a><br />
test </p>
<p><img alt="" width="110" height="110" vspace="6" border="0" /><br />
</p>
 
test<br />
 <br />
 <br /> </td>
<td width="40"> </td>
</tr>
</table></td>
<td width="4"> </td>
</tr>
<tr>
<td colspan="6"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr style="text-align: center;">
<td><hr noshade="noshade" />
<p><a href="jjxcknjc">Contact Webmaster</a> • <a href="mentions legales.php">Mentions Légales</a></p>
<p style="font-size: 0.8em;">©2008 - TOUT DROITS RESERVES - - WEB-TRANSIT.COM</p></td>
</tr>
</tbody>
</table></td>
</tr>
</table>
</div>
</body>
</html>

4 réponses

Réponse 1 / 4
karikikou Messages postés 85 Statut Membre 1
 
Personne pour m'aider... Ca se trouve c'est pas grand chose mais je n'ai pas assez d'expérience pour voir le probleme?? merci d'avance
0
Réponse 2 / 4
RAD ZONE Messages postés 5362 Statut Contributeur 1 360
 
Arrete d utiliser des table pour la mise en page !!! les block sont la pour ca !!!

et tu verras que tout ira mieux ;-))

RAD
0
Réponse 3 / 4
karikikou Messages postés 85 Statut Membre 1
 
Lol merci mais la pour moi tu parles chinois... je suis vraiment novice..... pas super à l'aise koi..
Merci pour l'aide
0
Réponse 4 / 4
arthezius Messages postés 3756 Statut Membre 475
 
Ce qu'il voulait dire, c'est que plutôt que d'utiliser la balise <table> qui est destiné aux tableaux pour faire ta mise en page, tu devrai utiliser la balise <div> combiné à du CSS. Tu aura au final un code beaucoup plus léger.

Voir ici pour plus de détail: http://css.alsacreations.com/Faire-une-mise-en-page-sans-tableaux/
0

Discussions similaires

Toutes la doc sur sap
katuicia -
bedda -

22 réponses
Xiaomi/Redmi - problème de réseau et SMS de positionnement
Bashiok -
Bashiok -

1 réponse
FORMATION SAP DEBUTANT
zara93 -
ddpois -

7 réponses
tests du greta
yass -
yassir -

9 réponses
test greta
nyla123 -
nyla123 -

2 réponses