> Tous les forums > Forum des Webmasters

 un tableau htmlSujet résolu
Statut du sujet : RESOLU Imprimer
 Anonyme
  Posté le 17/02/2007 @ 13:53  
 Petit astucien

237 Messages

bonjour, je vouidrais savoir pour quoi mon tableau quand je met sur le serveur est décalé a droite

mais a mon avis c'est peux étre a causse de mon cadre C S S au début qui surement m'a fait décalé le tableau.

http://videopoursite.free.fr/page.html

si vous pouvez me dire si c'est bien lissible et propre et ensuite je pourais commencé a écrit mon texte

et ma derniére question c'est que j'étais sur ce site il m'a détécté des petits erreurs de balises mais je ne trouve pas pour quoi les balises serait une erreur mais peux être erreur de frappe

voir les erreurs :

http://validator.w3.org/check?uri=http%3A%2F%2Fvideopoursite.free.fr%2Fpage.html&charset=%28detect+automatically%29&doctype=Inline

voilà la page :

<!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=iso-8859-1" />
<title>Bienvenue sur mon site</title>
<style type="text/css">
<!--
body,td,th {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #969696;
}
body {
background-color: #282828;
margin-left: 1px;
margin-top: 1px;
margin-right: 1px;
margin-bottom: 1px;
}
.Style1 {color: #fa008e}
.Style2 {color: #969696}
-->
</style></head>

<body>
<br />
<style>
#moncadre {
width:980px;
margin:auto;
padding:10px;
background-color:#282828;
border-left:1px solid #fa008e; /* couleur du cadre */
border-right:1px solid #fa008e;
border-bottom:1px solid #fa008e;
border-top:1px solid #fa008e;
}
</style>
</head>
<body>
<div id="moncadre"><table width="980" height="900px" align="left">
<tr align="center">
<td width="980" height="900px" valign="top" bgcolor="#282828"><table width="980px" height="100px" align="center">
<tr>
<td width="680px" height="100px" align="left" valign="top" bgcolor="#282828"><p class="Style2"></p></td>
<td width="300px" height="100px" align="left" valign="top" bgcolor="#282828"><table width="300px" height="10px" align="center">
<tr>
<td width="150px" height="10px" align="center" valign="top" bgcolor="#282828"><p class="Style1"></p></td>
<td width="150px" height="10px" align="center" valign="top" bgcolor="#282828"><p class="Style1"></p></td>
</tr>
</table>
<table width="300px" height="10px" align="center">
<tr>
<td width="300px" height="10px" align="center" valign="top" bgcolor="#282828"><p></p></td>
</tr>
<tr>
<td width="300px" height="10px" align="center" valign="top" bgcolor="#282828"><p></p></td>
</tr>
<tr>
<td width="300px" height="10px" align="center" valign="top" bgcolor="#282828"><p></p></td>
</tr>
<tr>
<td width="300px" height="10px" align="center" valign="top" bgcolor="#282828"><p></p></td>
</tr>
<tr>
<td width="300px" height="10px" align="center" valign="top" bgcolor="#282828"><p class="Style1"></p></td>
</tr>
<tr>
<td width="300px" height="10px" align="center" valign="top" bgcolor="#282828"><p class="Style1"></p></td>
</tr>
</table></td>
</tr>
</table>
<br />
<table width="980px" height="10px" border="1" align="center">
<tr>
<td width="98px" height="10px" align="center" valign="top" bgcolor="#282828"><p class="Style1"></p></td>
<td width="98px" height="10px" align="center" valign="top" bgcolor="#282828"><p class="Style1"></p></td>
<td width="98px" height="10px" align="center" valign="top" bgcolor="#282828"><p class="Style1"></p></td>
<td width="98px" height="10px" align="center" valign="top" bgcolor="#282828"><p class="Style1"></p></td>
<td width="98px" height="10px" align="center" valign="top" bgcolor="#282828"><p class="Style1"></p></td>
<td width="98px" height="10px" align="center" valign="top" bgcolor="#282828"><p class="Style1"></p></td>
<td width="98px" height="10px" align="center" valign="top" bgcolor="#282828"><p class="Style1"></p></td>
<td width="98px" height="10px" align="center" valign="top" bgcolor="#282828"><p class="Style1"></p></td>
<td width="98px" height="10px" align="center" valign="top" bgcolor="#282828"><p class="Style1"></p></td>
<td width="98px" height="10px" align="center" valign="top" bgcolor="#282828"><p class="Style1"></p></td>
</tr>
</table>
<br />
<table width="980px" height="800px" align="center">
<tr>
<td width="150px" height="800px" align="left" valign="top" bgcolor="#282828"><table width="150px" height="800px" align="center">
<tr>
<td width="150px" height="800px" align="left" valign="top" bgcolor="#282828"><table width="150" border="1" align="left">
<tr>
<td width="150px" height="10px" align="center" valign="top" bgcolor="#282828"><p class="Style1"></p></td>
</tr>
</table>
<br />
<br />
<table width="150px">
<tr>
<td width="150px" height="10px" align="center" valign="top" bgcolor="#282828"><p class="Style2"></p></td>
</tr>
<tr>
<td width="150px" height="10px" align="left" valign="top" bgcolor="#282828"><p class="Style2"></p></td>
</tr>
<tr>
<td width="150px" height="10px" align="left" valign="top" bgcolor="#282828"><p class="Style2"></p></td>
</tr>
<tr>
<td width="150px" height="10px" align="left" valign="top" bgcolor="#282828"><p class="Style2"></p></td>
</tr>
<tr>
<td width="150px" height="10px" align="left" valign="top" bgcolor="#282828"><p class="Style2"></p></td>
</tr>
<tr>
<td width="150px" height="10px" align="left" valign="top" bgcolor="#282828"><p class="Style2"></p></td>
</tr>
<tr>
<td width="150px" height="10px" align="left" valign="top" bgcolor="#282828"><p class="Style2"></p></td>
</tr>
<tr>
<td width="150px" height="10px" align="left" valign="top" bgcolor="#282828"><p class="Style2"></p></td>
</tr>
<tr>
<td width="150px" height="10px" align="left" valign="top" bgcolor="#282828"><p class="Style2"></p></td>
</tr>
<tr>
<td width="150px" height="10px" align="left" valign="top" bgcolor="#282828"><p class="Style2"></p></td>
</tr>
<tr>
<td width="150px" height="10px" align="left" valign="top" bgcolor="#282828"><p class="Style2"></p></td>
</tr>
</table>
<br />
<table width="150px" border="1" align="left">
<tr>
<td width="150px" height="10px" align="center" valign="top" bgcolor="#282828"><p class="Style1"></p></td>
</tr>
</table>
<br />
<br />
<table width="150px">
<tr>
<td width="150px" height="10px" align="center" valign="top" bgcolor="#282828"><p class="Style2"></p></td>
</tr>
<tr>
<td width="150px" height="10px" align="left" valign="top" bgcolor="#282828"><p class="Style2"></p></td>
</tr>
<tr>
<td width="150px" height="10px" align="left" valign="top" bgcolor="#282828"><p class="Style2"></p></td>
</tr>
<tr>
<td width="150px" height="10px" align="left" valign="top" bgcolor="#282828"><p class="Style2"></p></td>
</tr>
<tr>
<td width="150px" height="10px" align="left" valign="top" bgcolor="#282828"><p class="Style2"></p></td>
</tr>
<tr>
<td width="150px" height="10px" align="left" valign="top" bgcolor="#282828"><p class="Style2"></p></td>
</tr>
<tr>
<td width="150px" height="10px" align="left" valign="top" bgcolor="#282828"><p class="Style2"></p></td>
</tr>
<tr>
<td width="150px" height="10px" align="left" valign="top" bgcolor="#282828"><p class="Style2"></p></td>
</tr>
<tr>
<td width="150px" height="10px" align="left" valign="top" bgcolor="#282828"><p class="Style2"></p></td>
</tr>
<tr>
<td width="150px" height="10px" align="left" valign="top" bgcolor="#282828"><p class="Style2"></p></td>
</tr>

</table>
<br />
<table width="150px" border="1" align="left">
<tr>
<td width="150px" height="10px" align="center" valign="top" bgcolor="#282828"><p class="Style1"></p></td>
</tr>
</table>
<br />
<br />
<table width="150px">
<tr>
<td width="150px" height="10px" align="center" valign="top" bgcolor="#282828"><p class="Style2"></p></td>
</tr>
<tr>
<td width="150px" height="10px" align="left" valign="top" bgcolor="#282828"><p class="Style2"></p></td>
</tr>
</table>
<table width="150px">
<tr>
</tr>
</table>
<table width="150px" border="1" align="left">
<tr>
<td width="150px" height="10" align="center" valign="top" bgcolor="#282828"><p class="Style1"></p></td>
</tr>
</table>
<br />
<br />
<table width="150px">
<tr>
<td width="150px" height="10px" align="center" valign="top" bgcolor="#282828"><p class="Style2"></p></td>
</tr>
<tr>
<td width="150px" height="10px" align="left" valign="top" bgcolor="#282828"><p class="Style2"></p></td>
</tr>
<tr>
<td width="150px" height="10px" align="left" valign="top" bgcolor="#282828"><p class="Style2"></p></td>
</tr>
<tr>
<td width="150px" height="10px" align="left" valign="top" bgcolor="#282828"><p class="Style2"></p></td>
</tr>

<tr>
<td width="150px" height="10px" align="left" valign="top" bgcolor="#282828"><p class="Style2"></p></td>
</tr>
</table></td>
</tr>
</table></td>
<td width="680px" height="800px" align="center" valign="top" bgcolor="#282828">
<style>
#moncadre {
width:650px;
margin:auto;
padding:10px;
background-color:#282828;
border-left:1px solid #fa008e; /* couleur du cadre */
border-right:1px solid #fa008e;
border-bottom:1px solid #fa008e;
border-top:1px solid #fa008e;
}
</style>
</head>
<body>
<div id="moncadre"><table width="650px" height="600px" align="center">
<tr>
<td width="650px" height="10px" align="left" valign="top" bgcolor="#282828"><p class="Style1"></p>
<p class="Style2"></p>
<p class="Style2"></p>
<p class="Style2"></p>
<p class="Style2"></p>
<p class="Style2"></p>
</td>
</tr>
<tr>
<td width="650px" height="60px" align="left" valign="top" bgcolor="#282828"><p class="Style2"></p>
<p class="Style2"></p>
<p class="Style2"></p>
</td>
</tr>
<tr>
<td width="650px" height="30px" align="left" valign="top" bgcolor="#282828"><p class="Style2"></p>
<p class="Style2"></p>
<p class="Style2"></p>
</td>
</tr>
<tr>
<td width="650px" height="30px" align="left" valign="top" bgcolor="#282828"><p class="Style2"></p>
<p class="Style2"></p>
<p class="Style2"></p>
</td>
</tr>
<tr>
<td width="650px" height="30px" align="left" valign="top" bgcolor="#282828"><p class="Style2"></p>
<p class="Style2"></p>
<p class="Style2"></p>
</td>
</tr>
<tr>
<td width="650px" height="30px" align="left" valign="top" bgcolor="#282828"><p class="Style2"></p>
<p class="Style2"></p>
<p class="Style2"></p>
</td>
</tr>
<tr>
<td width="650px" height="30px" align="left" valign="top" bgcolor="#282828"><p class="Style2"></p>
<p class="Style2"></p>
<p class="Style2"></p>
</td>
</tr>
<tr>
<td width="650px" height="30px" align="left" valign="top" bgcolor="#282828"><p class="Style2"></p>
<p class="Style2"></p>
<p class="Style2"></p>
</td>
</tr>
<tr>
<td width="650px" height="140px" align="left" valign="top" bgcolor="#282828"><p class="Style2"></p>
<p class="Style2"></p>
<p class="Style2"></p>
<p class="Style2"></p>
<p class="Style2"></p>
<p class="Style2"></p>
<p class="Style2"></p>
<p class="Style2"></p>
<p class="Style2"></p>
<p class="Style2"></p>
<p class="Style2"></p>
<p class="Style2"></p>
<p class="Style2"></p>
<p class="Style2"></p>
</td>
</tr>
</table>
</div>
</td>
<td width="150px" height="800px" align="left" valign="top" bgcolor="#282828"><table width="150" height="800" align="center">
<tr>
<td width="150px" height="800px" align="left" valign="top" bgcolor="#282828"><table width="150" border="1" align="left">
<tr>
<td width="150px" height="10px" align="center" valign="top" bgcolor="#282828"><p class="Style1"></p></td>
</tr>
</table>
<br />
<br />
<table width="150px">
<tr>
<td width="150px" height="10px" align="center" valign="top" bgcolor="#282828"><p class="Style2"></p></td>
</tr>
<tr>
<td width="150px" height="10px" align="left" valign="top" bgcolor="#282828"><p class="Style2"></p></td>
</tr>
<tr>
<td width="150px" height="10px" align="left" valign="top" bgcolor="282828"><p class="Style2"></p></td>
</tr>
<tr>
<td width="150px" height="10px" align="left" valign="top" bgcolor="#282828"><p class="Style2"></p></td>
</tr>
<tr>
<td width="150px" height="10px" align="left" valign="top" bgcolor="#282828"><p class="Style2"></p></td>
</tr>
<tr>
<td width="150px" height="10px" align="left" valign="top" bgcolor="#282828"><p class="Style2"></p></td>
</tr>
<tr>
<td width="150px" height="10px" align="left" valign="top" bgcolor="#282828"><p class="Style2"></p></td>
</tr>
<tr>
<td width="150px" height="10px" align="left" valign="top" bgcolor="#282828"><p class="Style2"></p></td>
</tr>
<tr>
<td width="150px" height="10px" align="left" valign="top" bgcolor="#282828"><p class="Style2"></p></td>
</tr>
<tr>
<td width="150px" height="10px" align="left" valign="top" bgcolor="#282828"><p class="Style2"></p></td>
</tr>
<tr>
<td width="150px" height="10px" align="left" valign="top" bgcolor="#282828"><p class="Style2"></p></td>
</tr>
</table>
<br />
<table width="150px" border="1" align="left">
<tr>
<td width="150px" height="10px" align="center" valign="top" bgcolor="#282828"><p class="Style1"></p></td>
</tr>
</table>
<br />
<br />
<table width="150px">
<tr>
<td width="150px" height="10px" align="center" valign="top" bgcolor="#282828"><p class="Style2"></p></td>
</tr>
<tr>
<td width="150px" height="10px" align="left" valign="top" bgcolor="#282828"><p class="Style2"></p></td>
</tr>
<tr>
<td width="150px" height="10px" align="left" valign="top" bgcolor="#282828"><p class="Style2"></p></td>
</tr>
<tr>
<td width="150px" height="10px" align="left" valign="top" bgcolor="#282828"><p class="Style2"></p></td>
</tr>
<tr>
<td width="150px" height="10px" align="left" valign="top" bgcolor="#282828"><p class="Style2"></p></td>
</tr>
<tr>
<td width="150px" height="10px" align="left" valign="top" bgcolor="#282828"><p class="Style2"></p></td>
</tr>
<tr>
<td width="150px" height="10px" align="left" valign="top" bgcolor="#282828"><p class="Style2"></p></td>
</tr>
<tr>
<td width="150px" height="10px" align="left" valign="top" bgcolor="#282828"><p class="Style2"></p></td>
</tr>
<tr>
<td width="150px" height="10px" align="left" valign="top" bgcolor="#282828"><p class="Style2"></p></td>
</tr>
<tr>
<td width="150px" height="10px" align="left" valign="top" bgcolor="#282828"><p class="Style2"></p></td>
</tr>
</table>
<br />
<table width="150px" border="1" align="left">
<tr>
<td width="150px" height="10px" align="center" valign="top" bgcolor="#282828"><p class="Style1"></p></td>
</tr>
</table>
<br />
<br />
<table width="150px">
<tr>
<td width="150px" height="10px" align="center" valign="top" bgcolor="#282828"><p class="Style2"></p></td>
</tr>
<tr>
<td width="150px" height="10px" align="left" valign="top" bgcolor="#282828"><p class="Style2"></p></td>
</tr>
</table>
<table width="150px">
<tr></tr>
</table>
<table width="150px" border="1" align="left">
<tr>
<td width="150px" height="10px" align="center" valign="top" bgcolor="#282828"><p class="Style1"></p></td>
</tr>
</table>
<br />
<br />
<table width="150px">
<tr>
<td width="150px" height="10px" align="center" valign="top" bgcolor="#282828"><p class="Style2"></p></td>
</tr>
<tr>
<td width="150px" height="10px" align="left" valign="top" bgcolor="#282828"><p class="Style2"></p></td>
</tr>
<tr>
<td width="150px" height="10px" align="left" valign="top" bgcolor="#282828"><p class="Style2"></p></td>
</tr>
<tr>
<td width="150px" height="10px" align="left" valign="top" bgcolor="#282828"><p class="Style2"></p></td>
</tr>
<tr>
<td width="150px" height="10px" align="left" valign="top" bgcolor="#282828"><p class="Style2"></p></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table>
</div>
</body>
</html>

es ce que vous pouvez me dire ceux qu'il faut que je fasse pour corrigé c'est surement

>br> ou br/ et

mais quand j'essayé de modifie ca augment les erreurs

merci de m'aidé a me corigé ma page

 Afficher le profil de AnonymeEnvoyer un message privé à Anonyme
 
 
Publicité
 tripol  Posté le 17/02/2007 à 18:52  
Petit astucien


20 Messages

Bonsoir!

J'ai jeté un coup d'oeil sur ton tableau. Je n'en comprends pas bien la structure et je n'y connais rien en CSS.

Je ne vois qu'une possibilité:

Vérifie comment ton tableau est aligné. S'il est centré sur la page, j'essayerais pour voir ce que cela donne en l'alignant à gauche.

Bonne chance,

Tripol



Modifié par tripol le 17/02/2007 18:53
Afficher le profil de tripol Voir la configuration de tripolEnvoyer un message privé à tripol
 Revenir en haut de la page
 papyboingtown  Posté le 17/02/2007 à 19:08  
Petit astucien

348 Messages

salut

moi je te conseillerai plutot d'essayer de corriger les erreures notées par le validateur. Par exemple,

tu as 2 balise body

tu as un balise style ou le type n'est pas précisé. javascript ou css ? Le navigateur ne joue pas au devinette !

Et puis les autres, j'ai pas tout retenu mais en général si tu limites les erreures trouvées par le validateur, tu trouves un résultat plus cohérant.

Afficher le profil de papyboingtownEnvoyer un message privé à papyboingtown
  Revenir en haut de la page
 Anonyme  Posté le 17/02/2007 à 19:35  
Petit astucien

237 Messages
tripol a écrit :

Bonsoir!

J'ai jeté un coup d'oeil sur ton tableau. Je n'en comprends pas bien la structure et je n'y connais rien en CSS.

Je ne vois qu'une possibilité:

Vérifie comment ton tableau est aligné. S'il est centré sur la page, j'essayerais pour voir ce que cela donne en l'alignant à gauche.

Bonne chance,

Tripol


pourtemp dans monh logiciel dream c'est aligné a gauche

et par exemple :

Error Line 41 column 45: there is no attribute "height".

<div id="moncadre"><table width="980" height="900px" align="left">

on me dit erreur de guillemet pourtemp il est le guilemet

es ce que c'est fiable ou pas trop le site validor

car j'ai envoyé a mon frére il me dit qu'il y as pas d'erreur

Afficher le profil de AnonymeEnvoyer un message privé à Anonyme
 Revenir en haut de la page
 Malcolm  Posté le 17/02/2007 à 19:40  
  Astucien


7264 Messages

c'est clair : il n'y a pas de height pour une balise table ...

tu auras beau mettre 50 guuiillemets, s'il n'y a pas cet attribut dans ton doctype, tu auras toujours l'erreur !

Afficher le profil de Malcolm Voir la configuration de MalcolmEnvoyer un message privé à Malcolm
  Revenir en haut de la page
 elle  Posté le 17/02/2007 à 19:43  
  Maîtresse astucienne


15670 Messages

et par exemple :

Error Line 41 column 45: there is no attribute "height".

<div id="moncadre"><table width="980" height="900px" align="left">

on me dit erreur de guillemet pourtemp il est le guilemet

es ce que c'est fiable ou pas trop le site validor

car j'ai envoyé a mon frére il me dit qu'il y as pas d'erreur

Salut,

Regarde bien : width="980" height="900px"

Tu peux utiliser un validateur en français.

http://w3qc.org/validateur/

Afficher le profil de elle Voir la configuration de elleEnvoyer un message privé à elle
 Revenir en haut de la page
 Anonyme  Posté le 17/02/2007 à 19:54  
Petit astucien

237 Messages

merci elle

mais j'ai mis ce code :

<style>
#moncadre {
width:980px;
margin:auto;
padding:10px;
background-color:#282828;
border-left:1px solid #fa008e; /* couleur du cadre */
border-right:1px solid #fa008e;
border-bottom:1px solid #fa008e;
border-top:1px solid #fa008e;
}
</style>
</head>
<body>
<div id="moncadre"><table width="980px" height="900px" align="left">
<tr align="center">

mais ça n'a rien changé

appartement il y as 2 erreur un de body

et l'autre "980px"

en faite j'utilise le traducteur

Afficher le profil de AnonymeEnvoyer un message privé à Anonyme
 Revenir en haut de la page
 elle  Posté le 17/02/2007 à 20:07  
  Maîtresse astucienne


15670 Messages
Il ne faut pas mettre le px. Et comme Malcolm l'a dit, pas de height pour table. Tu peux cependant fixer la hauteur des cellules (td), mais il serait préférable d'utiliser un style pour ce faire...
Afficher le profil de elle Voir la configuration de elleEnvoyer un message privé à elle
 Revenir en haut de la page
 Anonyme  Posté le 17/02/2007 à 21:42  
Petit astucien

237 Messages

merci j'ai reussi réparé 3 ou 4 erreurs mais le reste je ne trouve pas

ligne 25 a 38 :

<style>
#moncadre {
width:980px;
margin:auto;
padding:10px;
background-color:#282828;
border-left:1px solid #fa008e; /* couleur du cadre */
border-right:1px solid #fa008e;
border-bottom:1px solid #fa008e;
border-top:1px solid #fa008e;
}
</style>
</head>
<table width="980" align="left">

ligne 192 :

<table width="150" align="left">
<tr>
</tr>
</table>
<table width="150" border="1" align="left">
<tr>

ligne 220 a 234

<td width="680" height="800" align="center" valign="top" bgcolor="#282828"><style>
#moncadre {
width:650px;
margin:auto;
padding:10px;
background-color:#282828;
border-left:1px solid #fa008e; /* couleur du cadre */
border-right:1px solid #fa008e;
border-bottom:1px solid #fa008e;
border-top:1px solid #fa008e;
}
</style>
</head>
<table width="650" align="center">
<tr>

ligne 405 :

</tr>
</table>
<table width="150">
<tr></tr>
</table>
<table width="150" border="1" align="left">

j'ai pu enlenvé qque erreur mais là les aerreur que j'ai donné je ne sais pas

es ce que vous pouriez me donné le code exacte

merci

Afficher le profil de AnonymeEnvoyer un message privé à Anonyme
 Revenir en haut de la page
 elle  Posté le 17/02/2007 à 21:53  
  Maîtresse astucienne


15670 Messages
C'est la structure même de ta page qui est à revoir. Par exemple, tu as deux fins de balise head, pas de balise d'ouverture pour body...

Modifié par elle le 17/02/2007 21:54
Afficher le profil de elle Voir la configuration de elleEnvoyer un message privé à elle
 Revenir en haut de la page
 Malcolm  Posté le 17/02/2007 à 22:00  
  Astucien


7264 Messages

pour le <style> on t'a déjà donné la réponse plus haut :

papyboingtown

tu as un balise style ou le type n'est pas précisé. javascript ou css ? Le navigateur ne joue pas au devinette !

donc il faut mettre <style type="text/css">

Afficher le profil de Malcolm Voir la configuration de MalcolmEnvoyer un message privé à Malcolm
  Revenir en haut de la page
 Anonyme  Posté le 18/02/2007 à 00:15  
Petit astucien

237 Messages

merci pour touit vos questions

j'ai reussi a trouvé tout les erreurs

mais il me reste encore 2 erreurs enfin c'est la même

j'ai bien mis le code

<style type="text/css">

il me dit erreur

http://validator.w3.org/check?uri=http%3A%2F%2Fvideopoursite.free.fr%2Fpage.html&charset=%28detect+automatically%29&doctype=Inline

Afficher le profil de AnonymeEnvoyer un message privé à Anonyme
 Revenir en haut de la page
 elle  Posté le 18/02/2007 à 00:18  
  Maîtresse astucienne


15670 Messages
Tu as un style qui se trouve entre les balises head et body...
Afficher le profil de elle Voir la configuration de elleEnvoyer un message privé à elle
 Revenir en haut de la page
 elle  Posté le 18/02/2007 à 00:22  
  Maîtresse astucienne


15670 Messages

Et un autre ici :

<td width="680" height="1000" align="center" valign="top" bgcolor="282828">
<style type="text/css">
#moncadre {
width:650px;
margin:auto;
padding:10px;
background-color:#282828;
border-left:1px solid #fa008e; /* couleur du cadre */
border-right:1px solid #fa008e;
border-bottom:1px solid #fa008e;
border-top:1px solid #fa008e;
}
</style>
<table width="650" align="center"> Si tu veux faire un style local, tu dois indiquer : <td style="ton style">.Pourquoi ne pas faire une classe plutôt?

Afficher le profil de elle Voir la configuration de elleEnvoyer un message privé à elle
 Revenir en haut de la page
 Anonyme  Posté le 18/02/2007 à 00:42  
Petit astucien

237 Messages

merci

mais je n'arrive pas a détécté mon erreur dans les 2 cadres c s s

1 cadre c s s :

</style></head>
<style type="text/css">
#moncadre {
width:980px;
margin:auto;
padding:10px;
background-color:#282828;
border-left:1px solid #fa008e; /* couleur du cadre */
border-right:1px solid #fa008e;
border-bottom:1px solid #fa008e;
border-top:1px solid #fa008e;
}
</style>
<body>
<table width="980" align="center"><p class="Style1"></p>
<tr>

mon 2 eme cadres c s s

<td width="680" height="1000" align="center" valign="top" bgcolor="282828">
<style type="text/css">
#moncadre {
width:650px;
margin:auto;
padding:10px;
background-color:#282828;
border-left:1px solid #fa008e; /* couleur du cadre */
border-right:1px solid #fa008e;
border-bottom:1px solid #fa008e;
border-top:1px solid #fa008e;
}
</style>
<table width="650" align="center">
<p class="Style1"></p></td>
<tr>

et j'ai voulu faire un cadre c s s avec border et solid j'ai éssayé et ça fais des pointillés

mais j'aimerais avoir dans mon cadre au lieux des grands traits et des pointillé

des petit traits comme ca par exemple :

_ _ _ _ _ _ _ _

merci

Afficher le profil de AnonymeEnvoyer un message privé à Anonyme
 Revenir en haut de la page
 elle  Posté le 18/02/2007 à 00:49  
  Maîtresse astucienne


15670 Messages

Tu ne peux pas insérer un style à ces endroits. Un style interne se déclare dans l'en-tête du document HTML, entre les balises <style>...</style> que l'on place entre les balises <head>...</head>.

Regarde ici : http://www.maboite.qc.ca/site_web-style.php

Afficher le profil de elle Voir la configuration de elleEnvoyer un message privé à elle
 Revenir en haut de la page
 elle  Posté le 18/02/2007 à 00:51  
  Maîtresse astucienne


15670 Messages
Pour la bordure, essaie avec dashed au lieu de solid...
Afficher le profil de elle Voir la configuration de elleEnvoyer un message privé à elle
 Revenir en haut de la page
 Anonyme  Posté le 18/02/2007 à 01:26  
Petit astucien

237 Messages

re

j'ai éssayé ca me donne rien

http://videopoursite.free.fr/page.html

et j'ai éssayé mettre ca come code

<style type="text/css">
border : 3px dashed #fa008e; width="650">
#moncadre {
width:650px;
margin:auto;
padding:10px;
background-color:#969696;
border-left:3x solid #fa008e; /* couleur du cadre */
border-right:3px solid #fa008e;
border-bottom:3px solid #fa008e;
border-top:3px solid #fa008e;
}
border : 3px dashed #fa008e; width="650">
</style>

mais par contre il y a toujouir erreur

j'ai essaye de mettre cette balise mais ca m'a augmenté lerreur

dans ce genre :

<head><style type="text/css">
#moncadre {
width:980px;
margin:auto;
padding:10px;
background-color:#282828;
border-left:1px solid #fa008e; /* couleur du cadre */
border-right:1px solid #fa008e;
border-bottom:1px solid #fa008e;
border-top:1px solid #fa008e;
}
</style></head>

Afficher le profil de AnonymeEnvoyer un message privé à Anonyme
 Revenir en haut de la page
 Anonyme  Posté le 18/02/2007 à 14:52  
Petit astucien

237 Messages

re

j'ai éssayé de faire a nouveau ce code mais il y as des erreurs

<p><head></p>
<style type="text/css">
border : 3 dashed fa008e; width="650">
#moncadre {
width:650;
margin:auto;
padding:10;
background-color:969696;
border-left:3 solid fa008e; /* couleur du cadre */
border-right:3 solid fa008e;
border-bottom:3 solid fa008e;
border-top:3 solid fa008e;
}
border : 3 dashed fa008e; width="650">
</style>
<p><head></p>

je pense que c'est ca mais pas la bonne place

tu pourais me dire la bonne place

merci

Afficher le profil de AnonymeEnvoyer un message privé à Anonyme
 Revenir en haut de la page
 Malcolm  Posté le 18/02/2007 à 19:31  
  Astucien


7264 Messages

je crois qu'on a trouvé un wil smith n°2

Bon, on va faire simple.

la structure basique d'une page HTML, c'est ça (et rien d'autre) :

<doctype...>

<html>

<head>

<title>titre de la page</title>

<meta...>

<style type="text/css">

... les styles CSS ici

</style>

</head>

<body>

<p>le contenu de la page ici et nulle part ailleurs</p>

</body>

</html>

Donc tu NE peux PAS avoir <p><head></p> ! (personne ne te l'a dit, d'ailleurs)

1ere chose.

Je n'ai pas détaillé la balise doctype, ni les styles CSS ni les metas pour la bonne et simple raison que je te montre où se placent les éléments principaux. Leur écriture plus particulière demande quelques notions que je n'ai pas abordées ici.

2ème chose.

les balises <html>, </html>, <head>, </head>, <body> et </body> ne se trouvent qu'en UN exemplaire UNIQUE sur une même page HTML.

Maintenant, essaie de placer correctement tes styles CSS (ça ne devrait pas être trop dur, je t'ai mâché tout le boulot ...)

Afficher le profil de Malcolm Voir la configuration de MalcolmEnvoyer un message privé à Malcolm
  Revenir en haut de la page
 elle  Posté le 18/02/2007 à 19:40  
  Maîtresse astucienne


15670 Messages
Malcolm a écrit :

je crois qu'on a trouvé un wil smith n°2

(ceci dit sans méchanceté aucune...)

Afficher le profil de elle Voir la configuration de elleEnvoyer un message privé à elle
 Revenir en haut de la page
 Anonyme  Posté le 18/02/2007 à 19:47  
Petit astucien

237 Messages

ok je te comprend

mais moi j'aimerais mettre un cadre en tiret dans ce tableau


<style type="text/css">
border : 3px dashed #fa008e; width="650">
#moncadre {
width:650px;
margin:auto;
padding:10px;
background-color: #969696;
border-left:3px solid #fa008e; /* couleur du cadre */
border-right:3px solid #fa008e;
border-bottom:3px solid #fa008e;
border-top:3px solid #fa008e;
}
border : 3px dashed #fa008e; width="650">
</style>
</head>
<body>
<table width="650" align="center">
<tr>
<td width="650" height="10" align="center" valign="top" bgcolor="282828">
<p class="Style1">Messenger Plus ! Live<br />
<span class="Style2">Logiciel connu mondialement, il vous permet de :<br />
Avoir vos conversations par onglet<br />
avoir votre pseudo en couleur<br />
Insérer des scripts<br />
Avoir un effet de transparent description</span></p></td>
</tr>
<tr>
<td width="650" height="60" align="left" valign="top" bgcolor="282828">
<p class="Style2">Catégoris :</p>
<p class="Style2">Téléchargé : </p>
<p class="Style2">Vu :</p></td>
</tr>
<tr>
<td width="650" height="30" align="left" valign="top" bgcolor="282828">
<p class="Style2">Taille :</p>
<p class="Style2">Type de fichier : </p>
<p class="Style2">Nom de fichier :</p></td>
</tr>
<tr>
<td width="650" height="30" align="left" valign="top" bgcolor="282828">
<p class="Style2">Compatible :</p>
<p class="Style2">Version :</p>
<p class="Style2">Licence :</p></td>
</tr>
<tr>
<td width="650" height="30" align="left" valign="top" bgcolor="282828">
<p class="Style2">Vote :</p>
<p class="Style2">Capture d'écran :</p></td>
</tr>
<tr>
<td width="650" height="30" align="center" valign="top" bgcolor="282828">
<p class="Style2">Download :</p>
<p class="Style2">Commentaire :</p></td>
</tr>
<tr>
<td width="650" height="30" align="left" valign="top" bgcolor="282828">
<p class="Style2"></p>
<p class="Style2"></p>
<p class="Style2"></p></td>
</tr>
<tr>
<td width="650" height="30" align="left" valign="top" bgcolor="282828">
<p class="Style2"></p>
<p class="Style2"></p>
<p class="Style2"></p></td>
</tr>
<tr>
<td width="650" height="270" align="left" valign="top" bgcolor="282828">
<p class="Style2"></p>
<p class="Style2"></p>
<p class="Style2"></p>
<p class="Style2"></p>
<p class="Style2"></p>
<p class="Style2"></p>
<p class="Style2"></p>
<p class="Style2"></p>
<p class="Style2"></p>
<p class="Style2"></p>
<p class="Style2"></p>
<p class="Style2"></p>
<p class="Style2"></p>
<p class="Style2"></p></td>
</tr>
</table></td>

tu peux me dire

car le code c ss du haut ca c'est bon j'ai reussi

mais pas celle là

Afficher le profil de AnonymeEnvoyer un message privé à Anonyme
 Revenir en haut de la page
 elle  Posté le 18/02/2007 à 20:09  
  Maîtresse astucienne


15670 Messages

Essaie plutôt comme ça :

<style type="text/css">
#moncadre {
width:650px;
margin:auto;
padding:10px;
background-color: #969696;
border:3px dashed #fa008e;
}
</style>

Afficher le profil de elle Voir la configuration de elleEnvoyer un message privé à elle
 Revenir en haut de la page
 Anonyme  Posté le 18/02/2007 à 20:18  
Petit astucien

237 Messages

re

j'ai déjà éssayé enfin j'ai tout éssayé

mais il me dit erreur

Error Line 243 column 22: document type does not allow element "style" here.

<style type="text/css">
Afficher le profil de AnonymeEnvoyer un message privé à Anonyme
 Revenir en haut de la page
 Anonyme  Posté le 18/02/2007 à 22:55  
Petit astucien

237 Messages

re

je ne comprend pas j'ai copié mon cadre c ss le premier qui est bon

et qd j'ai voulu faire les 3 autres cadres

<style type="text/css">
<!--
body,td,th {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #969696;
}
body {
background-color: #282828;
margin-left: 1px;
margin-top: 1px;
margin-right: 1px;
margin-bottom: 1px;
}
.Style1 {color: #fa008e}
.Style2 {color: #969696}
-->

</style>
<style type="text/css">
#moncadre {
width:300px;
margin:auto;
padding:10px;
background-color:#282828;
border-left:1px solid #fa008e; /* couleur du cadre */
border-right:1px solid #fa008e;
border-bottom:1px solid #fa008e;
border-top:1px solid #fa008e;
}
</style>
</head>
<body>
<br />

il me dit erreur

    Error Line 47 column 22: document type does not allow element "style" here.

    <style type="text/css">

    ✉

Error Line 59 column 6: end tag for element "head" which is not open.

</head>j'ai essayé tout les different maniere lol
Afficher le profil de AnonymeEnvoyer un message privé à Anonyme
 Revenir en haut de la page
 Anonyme  Posté le 19/02/2007 à 02:55  
Petit astucien

237 Messages

re

j'ai mis tout les lien en php evidement le commentaire lol

mais je préfére pas le touché et corrigé pour la bonne raison

1/ je ne sais pas ques ce qui ce passe

2/ j'ai peur de touché un code qui ne faut pas

en espérant tu pouras détécté les erreurs qui est :

http://validator.w3.org/check?uri=http%3A%2F%2Fle.coffre.free.fr%2Fmessengerpluslive.php

oui c'est moi on vas pas revenir là dessus

mais par contre tu peux toujour me félicité car bien avancé lol ou j'ai bien compris les bout de code

mais par contre celle des erreurs c ss et php je préfére que tu me le fasse ou me dire ceux que je dois modifié.

en sachant que j'ai mis les tables pour mon commentaire :

CREATE TABLE com (
id INT NOT NULL AUTO_INCREMENT,
pseudo VARCHAR(255) NOT NULL,
message VARCHAR(255) NOT NULL,
date_com date NOT NULL,
id_le_coffre INT NOT NULL,
id_de_la_news VARCHAR(255) NOT NULL,
PRIMARY KEY(id)
) TYPE=MyISAM;

CREATE TABLE `news` (
id INT NOT NULL AUTO_INCREMENT ,
`commentaire` TEXT NOT NULL ,
`news` VARCHAR( 255 ) NOT NULL ,
`date_news` date NOT NULL ,
PRIMARY KEY ( id )
) TYPE = MYISAM ;

voir le nouveau code de page :

<?php include("telechargement/messenger-plus-live-4.11.254/compteur.php3"); ?>
<!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=iso-8859-1" />
<title>Bienvenue sur mon site</title>
<style type="text/css">
<!--
body,td,th {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #969696;
}
body {
background-color: #282828;
margin-left: 1px;
margin-top: 1px;
margin-right: 1px;
margin-bottom: 1px;
}
.Style1 {color: #fa008e}
.Style2 {color: #969696}
-->

</style>
<style type="text/css">
#moncadre {
width:980px;
margin:auto;
padding:10px;
background-color:#282828;
border-left:1px solid #fa008e; /* couleur du cadre */
border-right:1px solid #fa008e;
border-bottom:1px solid #fa008e;
border-top:1px solid #fa008e;
}
a {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: 969696;
}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
a:active {
text-decoration: none;
}
</style>
</head>
<body>
<br />
<table width="980" align="center">
<tr>
<td width="980" height="1000" align="left" valign="top" bgcolor="282828"><table width="980" align="center">
<tr>
<td width="680" height="100" align="center" valign="top" bgcolor="282828">
<p><br />
<a href="http://le.coffre.free.fr"><img src="telechargement/logo/baniere.jpg" alt="Ma baniere" /></a></p></td>
<td width="300" height="100" align="center" valign="top" bgcolor="282828">
<style type="text/css">
<!--
body,td,th {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #969696;
}
body {
background-color: #282828;
margin-left: 1px;
margin-top: 1px;
margin-right: 1px;
margin-bottom: 1px;
}
.Style1 {color: #fa008e}
.Style2 {color: #969696}
-->

</style>
<style type="text/css">
#moncadre {
width:300px;
margin:auto;
padding:10px;
background-color:#282828;
border-left:1px solid #fa008e; /* couleur du cadre */
border-right:1px solid #fa008e;
border-bottom:1px solid #fa008e;
border-top:1px solid #fa008e;
}
</style>
</head>
<body>
<br />
<table width="300">
<tr>
<td width="150" height="10" align="center" valign="top" bgcolor="282828"><p class="Style1"><span class="Style1"></span>Votre Compte</p></td>
<td width="150" height="10" align="center" valign="top" bgcolor="282828"><p class="Style1"><span class="Style1"></span>Pour quoi s'inscrire ?</p></td>
</tr>
</table>
<table width="300">
<tr>
<td width="300" height="10" align="center" valign="top" bgcolor="282828"><p class="Style1"><input type="text" name="champ32" value="identifiant" size="20" onfocus="this.value=''" /></p></td>
</tr>
<tr>
<td width="300" height="10" align="center" valign="top" bgcolor="282828"><p class="Style1"><input type="text" name="champ3" value="Mot de Passe" size="20" onfocus="this.value=''" /></p></td>
</tr>
<tr>
<td width="300" height="10" align="center" valign="top" bgcolor="282828"><p class="Style1"><input name="reset" type="reset"
style="font-family: Arial,Verdana,Helvetica;font-size: 11px; color:black ;font-weight:bold;background-color: white;width:180px;" value="Connexion" /></p></td>
</tr>
<tr>
<td width="300" height="10" align="center" valign="top" bgcolor="282828"><p class="Style1">Inscription ?</p></td>
</tr>
<tr>
<td width="300" height="10" align="center" valign="top" bgcolor="282828"><p class="Style1">Mot de Passe Perdu ?</p></td>
</tr>
</table></td>
</tr>
</table>
<br />
<table width="980" border="1" align="center">
<tr