> Tous les forumsForum des Webmasters

 cadres c s s
2 pages : [1] 2 ... Fin
Bas de la page Page Précédente Page Suivante 
Statut du sujet : NON RESOLU Imprimer
 Anonyme
  Posté le 20/02/2007 @ 05:04  
 Petit astucien

237 Messages

bonjour,

aprés avoir lu et appliqué j'ai pû enfin reuissir un résultats pârfait mais il y as des erreurs

je préfére que tu me dise ceux que je dois corrigé.

en sachant que vous devez me félicité pour arrivé a ce résultats il y un petit beugué

http://le.coffre.free.fr/messengerpluslive.php

que j'espére tu pouras m'aidé a resoudres mes erreurs

voilà les erreurs :

la page :

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

et je ne trouve pas pour quoi mon cadre du milieu se trouve

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1">
<meta http-equiv="Content-Language" content="fr">
<title>Bienvenue sur mon site</title>
<style type="text/css">
/* ici le cadre */
#moncadre {
width:980px;
margin:auto;
padding:13px;
background-color:#282828;
border-left:1px solid #282828; /* couleur du cadre */
border-right:1px solid #282828;
border-bottom:1px solid #282828;
border-top:1px solid #282828;
}
/* ici le cadre haut */
#cadrehaut {
height:100px;
background-color:#282828;
margin-bottom:13px;
}
/* ici le menu de gauche */
.cadredumenugauche {
float:left;
text-align:left;
width:150px;
padding:13px;
background-color:#282828;
border:1px solid #282828;
color:#666666;
}
/* ici le menu de droite */
.cadredumenudroite {
float:right;
text-align:left;
width:150px;
padding:13px;
background-color:#282828;
border:1px solid #282828;
color:#666666;
}
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;
}
a {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: 282828;
}
a:link {
text-decoration: none;
color: #969696;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
a:active {
text-decoration: none;
}
.Style1 {color: #fa008e}
.Style2 {color: #969696}
-->
</style>
</head>
<body>
<div id="moncadre">
<div id="cadrehaut"><p><?php include("menuhaut.php"); ?></p>
</div>
<div class="cadredumenugauche"><p><?php include("menugauche.php"); ?></p>
</div>
<div class="cadredumenudroite"><p><?php include("menudroite.php"); ?></p>
</div>
<table width="650" align="center">
<tr>
<td width="650" height="60" 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="10" align="left" valign="top" bgcolor="282828"><p></p></td>
</tr>
<tr>
<td width="650" height="60" align="left" valign="top" bgcolor="282828"><p class="Style2">Catégoris : Messenger Plus Live</p>
<p class="Style2">Téléchargé : <?php PrintCompteur("telechargement/messenger-plus-live-4.11.254/Messenger-plus-live-4.11.254.rar");?> fois</p>
<p class="Style2">Vu : <?php include("telechargement/messenger-plus-live-4.11.254/Compteur3.php"); ?></p></td>
</tr>
<tr>
<td width="650" height="60" align="left" valign="top" bgcolor="282828"><p class="Style2">Taille : 4.33 MO</p>
<p class="Style2">Type de fichier : .rar</p>
<p class="Style2">Nom de fichier : Messenger-plus-live-4.11.254.rar</p></td>
</tr>
<tr>
<td width="650" height="60" align="left" valign="top" bgcolor="282828"><p class="Style2">Compatible : Windows X.P</p>
<p class="Style2">Version : 4.11.254</p>
<p class="Style2">Licence : Gratuit</p></td>
</tr>
<tr>
<td width="650" height="60" align="left" valign="top" bgcolor="282828"><p class="Style2">Vote : <script language="javascript" src="repertoire/easy-votes.php?idcom=
test&clrfond=282828&taille=7&font=verdana&clrdvt=282828&
color=969696&rep=repertoire"></script></p>
<p class="Style2">Capture d'écran : Cliqué ici</p></td>
</tr>
<tr>
<td width="650" height="30" align="center" valign="top" bgcolor="282828"><p><A HREF="htpp:/le.coffre.free.fr/telechargement/messenger-plus-live-4.11.254/download.php3?Fichier=Messenger-plus-live-4.11.254.rar">Download :</A></p>
<p class="Style2">Commentaire :</p></td>
</tr>
<tr>
<td width="650" height="300" align="left" valign="top" bgcolor="282828"><p><?php
if (isset($_POST['pseudo']) AND isset($_POST['message'])) // Si les variables existent
{
if ($_POST['pseudo'] != NULL AND $_POST['message'] != NULL) // Si on a quelque chose &agrave; enregistrer
{
// D'abord, on se connecte &agrave; MySQL


mysql_connect("", "", "");
mysql_select_db("");
// On utilise la fonction PHP htmlentities pour &eacute;viter d'enregistrer du code HTML dans la table
$message = htmlentities ($_POST['message']);
$pseudo = htmlentities ($_POST['pseudo']);
$id = $_GET["id"];
// Ensuite on enregistre le message
mysql_query("INSERT INTO com VALUES('', '$pseudo', '$message', '$id')");

// On se d&eacute;connecte de MySQL
mysql_close();
}
}

// Que l'on ait enregistr&eacute; des donn&eacute;es ou pas...
// On affiche le formulaire puis les 10 derniers messages

// Tout d'abord le formulaire :
?><form method="post" action="messengerpluslive.php/commentaire?id=<? echo $id; ?>" >
<span class="Style2">Votre Pseudo :</span>
<input type="text" name="pseudo" style="background:black; border-color:Black;color:white" />
<br />
<br />
<span class="Style2">Message : </span>
<textarea name="message" cols="50" rows="5" wrap="virtual"style="background:black; border-color:black;color:white" ></textarea>
<br />
<br />
<input name="submit" type="submit" style="border-color:#666666;color:#000000;font-size:10;" value="Enregistrer mon commentaire" />
<br />
<br />
<?php

// Maintenant on doit r&eacute;cup&eacutAe;rer les 5 derni&egrave;res entr&eacute;es de la table
// On se connecte d'abord &agrave; MySQL :

mysql_connect("", "", "");
mysql_select_db("");

// R&eacute;cup&eacute;ration de la "page" en URL
$page = (isset($_GET['messengerpluslive.php'])) ? sprintf("%d",$_GET['messengerpluslive.php']) : 1; if ($page == 0) { $page = 1; }

// mini config
$nb_lignes_parpage = 15; // &agrave; changer selon tes besoins
$limite_inferieure = ($page -1) * $nb_lignes_parpage;
$limite_superieure = $nb_lignes_parpage;

// On utilise la requ&ecirc;te suivante pour r&eacute;cup&eacute;rer les 15 derniers messages de la page en cours :
//$reponse = mysql_query("SELECT * FROM com WHERE id_le_coffre = '$id' ORDER BY ID DESC LIMIT 0,10");
$requete = "SELECT * FROM com WHERE id_le_coffre = '$id' ORDER BY ID DESC";
$requete = "SELECT * FROM com WHERE id_de_la_news = '$id_news' ORDER BY ID DESC";

// petite requ&ecirc;te temporaire : pour compter le nb total de r&eacute;ponses
$temp = mysql_query($requete);
$nb_reponses = mysql_num_rows($temp);

// l&agrave; tu remplaces $requete par ta requete => ok, on y rajoute les pages
$requete .= " LIMIT ".$limite_inferieure.",".$limite_superieure;

$reponse = mysql_query($requete);

// On se d&eacute;connecte de MySQL
mysql_close();

// Puis on fait une boucle pour afficher tous les r&eacute;sultats :
while ($donnees = mysql_fetch_array($reponse) )
{
echo "<p><span style=\"color:#fa008e;\">".$donnees['pseudo']."</span> a &eacute;crit : <p></p> <span style=\"color:#969696;\">".$donnees['message']."</p>";

}

// Syst&egrave;me de pages
$nombre_pages = ceil($nb_reponses / $nb_lignes_parpage ); // Le nombre total de pages &agrave; afficher

// Page pr&eacute;c&eacute;dente ?
if ($page != 1)
{
// On n'est pas sur la premi&egrave;re page => afficher "page pr&eacute;c&eacute;dente"
echo '<a href="?page='.($page-1).'">Page pr&eacute;c&eacute;dente</a>';
}

// Pages de 1 &agrave; $nombre_pages
for ($i = 1; $i <= $nombre_pages; $i++)
{
echo '<a href="?page='.$i.'">- '.$i.' </a>';
}

// Page suivante ?
if ($page != $nombre_pages)
{
// On n'est pas sur la derni&egrave;re page => afficher "page suivante"
echo '<a href="?page='.($page+1).'"> - Page suivante</a>';
}

// Fin de la boucle, le script est termin&eacute; !
?><br>
</form></p></td>
</tr>
</table>
</div>
</body>
</html>

n'es ce pas que j'ai fais des progrés en 1 semaine

on peux se dire que je suis passé au statut débutant a confirmé lol

 Afficher le profil de AnonymeEnvoyer un message privé à Anonyme
 
 
Publicité
 papyboingtown  Posté le 20/02/2007 à 05:20  
Petit astucien

348 Messages

Salut

Alors dans les fichiers que tu inclues en php, il faut que tu enlèves tout ce qu'il y'a du doctype à la balise body comprise et à lafin tout ce qu'il y'a à partir de la balise /body.

Regarde le code source que lit ton navigateur, et tu comprendras, regarde surtout au niveau de ton menu du haut. Et puis aux autres endroits ou tu inclue un fichier.

Afficher le profil de papyboingtownEnvoyer un message privé à papyboingtown
  Revenir en haut de la page
 elle  Posté le 20/02/2007 à 05:33  
  Maîtresse astucienne


15844 Messages

Salut,

Un petit conseil : regarde ton site sous Firefox...

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

237 Messages

merci elle

j'ai téléchargé le fir fox et j'ai vue ma page et c'est vrai c'est pas bo

come on dit il faut enlenver le doctype

normalerment pour html :

<!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>Document sans nom</title>
</head>

<body>

texte


</body>
</html>

et come ma page est en php

donc il faut

<title>Document sans nom</title>
</head>

<body>
<p>fff</p>
<p>fff </p>
</body>

c bien ça

et comment on fait pour relmettre commis faut dans le Fire fox et dans Internet Explorer

Afficher le profil de AnonymeEnvoyer un message privé à Anonyme
 Revenir en haut de la page
 Malcolm  Posté le 20/02/2007 à 16:11  
  Astucien


7299 Messages

tu n'as pas compris la différence entre HTML et PHP ... pour faire *très simple*, PHP est une programmation qui génère du langage HTML.

Donc les pages PHP qui enverront au navigateur de l'HTML doivent *en principe* envoyer le doctype également ... Tu dois choisir le bon doctype en fonction de ce que tu fais (HTML / XHTML, Transitional / Strict) et ainsi créer ta page.

Pour "rétablir" l'affichage, c'est une autre histoire, elle se situe au niveau de la différence de compréhension de certains styles CSS entre Internet Explorer et les autres navigateur (qui *semblent* à peu près tous s'entendre)

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

237 Messages

donc ce style là

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
http://www.w3.org/1999/php">


en en sachant que j'ai essayé des chose mais ça ma augmenté mes erreurs donc voilà les erreur

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

tu peux me dire

merci pour votre patient



Modifié par Anonyme le 20/02/2007 20:48
Afficher le profil de AnonymeEnvoyer un message privé à Anonyme
 Revenir en haut de la page
 Malcolm  Posté le 20/02/2007 à 20:56  
  Astucien


7299 Messages

si tu fermes tes metas par > et non />, pareil pour les <br>, les <input>, etc, je te conseille un doctype HTML transitional pour commencer. Tu ne maitrises pas encore suffisamment l'html dans sa globalité pour partir sur un doctype strict. Quant à l'XHTML, c'est plus récent, c'est sûr, mais si c'est pour que tu poses 15 fois la question de l'erreur sur un <br> parce que tu as écrit ça façon html avec un doctype XHTML, je préfère que ça ne se produise pas ...

Vois sur mon site l'article "Pages web et doctypes" pour les doctypes.

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

237 Messages

re

je suis entrain de refaire ligne par ligne

je met cette ligne

<?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>
<title>Document sans titre</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
</head>

<body>
</body>
</html>

il me dit erreur :

http://translate.google.com/translate?u=http%3A%2F%2Fvalidator.w3.org%2Fcheck%3Furi%3Dhttp%253A%252F%252Fle.coffre.free.fr%252Fmodele.php&langpair=en%7Cfr&hl=en&ie=UTF8

merci

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

237 Messages

en fait j'ai éssayé a nouveau de le refaire

je met ça car j'ai pris sur le site zero:

<?php include("./telechargement/messenger-plus-live-4.11.254/compteur.php3"); ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<title>Bienvenue sur mon site !</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />


là il y as 0 erreur

mais dés que je met ce code :

<?php include("menuhaut.php"); ?>

ca beugue

en me disant :

http://translate.google.com/translate?u=http%3A%2F%2Fvalidator.w3.org%2Fcheck%3Furi%3Dhttp%253A%252F%252Fle.coffre.free.fr%252Fmodele.php&langpair=en%7Cfr&hl=en&ie=UTF8

tu peux me dire c quoi le code a mettre

Afficher le profil de AnonymeEnvoyer un message privé à Anonyme
 Revenir en haut de la page
 Malcolm  Posté le 21/02/2007 à 09:06  
  Astucien


7299 Messages
"c quoi le code à mettre"
Afficher le profil de Malcolm Voir la configuration de MalcolmEnvoyer un message privé à Malcolm
  Revenir en haut de la page
 Anonyme  Posté le 21/02/2007 à 17:04  
Petit astucien

237 Messages

re

en faite je me suis embarque a faire du <h1> dc je suis pres du biut mais dans la choucroute lol

dc j'ai lus je suppose que je doit mettre ca

j'ai crée une page et j'ai nomé ça mais dans mon cas je devrais nomé comment

essai.css

/* CSS Document */

balise1
h1
{
color: 969696;
}
h2
{
color: 969696;
}
balise2
{
propriete: valeur;
propriete: valeur;
propriete: valeur;
propriete: valeur;
}
balise3
{
propriete: valeur;
}

et j'ai mis le <h1> et </h1>

dans cette endroit

<?php include("./telechargement/messenger-plus-live-4.11.254/compteur.php3"); ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<title>Bienvenue sur mon site !</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<h1><style type="text/css">
#moncadre {
width:980px;
margin:auto;
padding:10px;
background-color:#282828;
border-left:1px solid #282828; /* couleur du cadre */
border-right:1px solid #000000;
border-bottom:1px solid #000000;
border-top:1px solid #000000;
}
.cadredumenugauche {
float:left;
text-align:left;
width:100px;
padding:10px;
background-color:#282828;
border:1px solid #000000;
color:#666666;
}
.cadredumenudroite {
float:right;
text-align:left;
width:100px;
padding:10px;
background-color:#282828;
border:1px solid #000000;
color:#666666;
}
#cadrehaut {
width:980px;
height:100px;
background-color:#282828;
margin-bottom:10px;
}
/* cadre du conteneur */
#cadrecentrale { margin-left:180px;
min-height:100px;
margin-right:180px;
border-left:1px dashed #000000;
border-right:1px dashed #000000;
border-bottom:1px dashed #000000;
border-top:1px dashed #000000;
background-color:#282828;
}
body,td,th {
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
color: 969696;
}
body {
background-color: #282828;
margin-left: 1px;
margin-top: 1px;
margin-right: 1px;
margin-bottom: 1px;
}
a {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: 282828;
}
a:link {
text-decoration: none;
color: #969696;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
a:active {
text-decoration: none;
}
.Style2 {color: #969696}
-->
</style>
</head>
<body>
<div id="moncadre">
<div id="cadrehaut"><p><?php include("menuhaut.php"); ?><br />
</div>
<div class="cadredumenugauche"><p><?php include("menugauche.php"); ?><br />
</div>
<div class="cadredumenudroite"><p><?php include("menudroite.php"); ?></p>
</div>
<div id="cadrecentrale">
</div>
</div>
</body>
</html></h1>

je doit nome comment le fichier c ss pour adapté a mes pages

http://translate.google.com/translate?u=http%3A%2F%2Fvalidator.w3.org%2Fcheck%3Furi%3Dhttp%253A%252F%252Fle.coffre.free.fr%252Fmodele.php%26charset%3D%2528detect%2Bautomatically%2529%26doctype%3DInline&langpair=en%7Cfr&hl=en&ie=UTF8

es ce que lez code <h1> et </h1> es ce qu'il sont ds le même endroit

surement je doit faire <h2> et </h2> mais ou

merci

en attendant ta reponse j'essayerais de tesé pour voir si c'est bien ça

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


7299 Messages

je te jure... Quand je te lis j'ai parfois l'envie de commttre un meurtre.

je t'ai donné un modèle de page HTML plus haut (ou dans un autre topic), et tu me fais EXACTEMENT ce qu'il ne faut PAS faire !!!!

je ne t'ai jamais dit de placer du code html après le </html> ...

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


15844 Messages
Malcolm!
Afficher le profil de elle Voir la configuration de elleEnvoyer un message privé à elle
 Revenir en haut de la page
 Malcolm  Posté le 21/02/2007 à 21:26  
  Astucien


7299 Messages

Arthur : Non mais j'crois qu'il faudrait qu'vous arrétiez d'essayer d'écrire en HTML ! Ca vous fatigue déjà, pis pour les autres, vous vous rendez pas compte de c'que c'est !! Moi quand vous faites ça, ça me fout une angoisse!! J'pourrais vous tuer j'crois!!! .... De Chagrin, hein!! J'vous jure c'est pas bien! Il faut plus que vous écriviez en HTML!

(adapté de ma série favorite : Kaamelott [extrait de la scène entre [A]rthur et [P]erceval])

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


15844 Messages
Ah, je ne connais pas...
Afficher le profil de elle Voir la configuration de elleEnvoyer un message privé à elle
 Revenir en haut de la page
 Dreamer  Posté le 21/02/2007 à 22:23  
Astucien


4270 Messages

Salut Elle

Cette serie Kaamelot , j' , tiens regardes cette bande-annonce

A +

Afficher le profil de Dreamer Voir la configuration de DreamerEnvoyer un message privé à Dreamer
 Revenir en haut de la page
 elle  Posté le 21/02/2007 à 22:33  
  Maîtresse astucienne


15844 Messages

Tout à fait le genre de série que j'aime.



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


7299 Messages

bon alors, notre perceval, il s'endort ou s'en sort ?

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


15844 Messages
C'est pour moi, tous ces ? [langue]
Afficher le profil de elle Voir la configuration de elleEnvoyer un message privé à elle
 Revenir en haut de la page
 Malcolm  Posté le 21/02/2007 à 22:38  
  Astucien


7299 Messages

c'est une longue histoire, entre nous ... mais c'est aussi pour kaamelott

EDIT : pour titirigole/wil smith / jamel debouze, la prochaine fois que tu changes de pseudo par pitié, prends "perceval" ou "kadoc" (voire "karadoc, mais bon ... vaut mieux kadoc) qu'on puisse enfin vraiment discuter en termes professionnels



Modifié par Malcolm le 21/02/2007 22:50
Afficher le profil de Malcolm Voir la configuration de MalcolmEnvoyer un message privé à Malcolm
  Revenir en haut de la page
 Anonyme  Posté le 21/02/2007 à 23:44  
Petit astucien

237 Messages

je vois que je vous ai tout manqué

mais je dirais que c'est plutot la serie feux de l'a!mour car ca durais plus longtemp que dallas et ta série lol

allez soyon fous et sérieux

voilà j'ai crée une 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>
<title>mon conteneur en css</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<body>
<style type="text/css">
#moncadre {
width:800px;
margin:auto;
padding:10px;
background-color:#FFFF00;
border-left:1px solid #000000; /* couleur du cadre */
border-right:1px solid #000000;
border-bottom:1px solid #000000;
border-top:1px solid #000000;
}
.cadredumenugauche {
float:left;
text-align:left;
width:150px;
padding:10px;
background-color:#FBFBFF;
border:1px solid #000000;
color:#666666;
}
.cadredumenudroite {
float:right;
text-align:left;
width:150px;
padding:10px;
background-color:#FBFBFF;
border:1px solid #000000;
color:#666666;
}
#cadrehaut {
height:100px;
background-color:#FFCCCC;
margin-bottom:10px;
}
/* cadre du conteneur */
#cadrecentrale { margin-left:180px;
min-height:150px;
margin-right:180px;
border-left:1px dashed #000000;
border-right:1px dashed #000000;
border-bottom:1px dashed #000000;
border-top:1px dashed #000000;
background-color:#00FBFF;
}
</style>

<style type="text/css">
<!--
.Style1 {color: #969696}
.Style2 {color: ##fa008e}
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;
}
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>
</body>
</html>

et j'ai refait ma page et oui encore une page c'est mioeu de faire des pages que boir ou picolé comme jr et bobby et sue ellen lol

model.php

<!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>Bienvenue sur mon site</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="=stylesheet" media="screen" type="text/css" title="design" href="design.css" />
<style type="text/css">
<!--
.Style2 {color: #969696}
.Style7 {color: #fa008e}
.Style7 {color: #fa008e}
.Style8 {font-size: 13px}
.Style9 {color: #969696; font-size: 13px; }
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;
}
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>
<p><table width="980" align="center">
<tr>
<td width="980" height="900" align="left" valign="top" bgcolor="282828">
<?php include("menuhaut.php"); ?><br />
<br />
<br />
<p></p>
<table width="980" align="center">
<tr>
<td width="150" height="900" align="left" valign="top" bgcolor="282828">
<p><?php include("menugauche.php"); ?></p>
<p></p></td>
<td width="680" height="900" align="left" valign="top" bgcolor="282828">
<p><br />
<table width="650" height="817" align="center">
<tr>
<td width="650" height="60" align="center" valign="top" bgcolor="282828">
<p></p></td>
</tr>
<tr>
<td width="650" height="10" align="left" valign="top" bgcolor="282828">
<p></p></td>
</tr>
<tr>
<td width="650" height="60" align="left" valign="top" bgcolor="282828">
<p></p></td>
</tr>
<tr>
<td width="650" height="60" align="left" valign="top" bgcolor="282828">
<p></p></td>
</tr>
<tr>
<td width="650" height="60" align="left" valign="top" bgcolor="282828">
<p></p></td>
</tr>
<tr>
<td width="650" height="60" align="left" valign="top" bgcolor="282828">
<p></p></td>
</tr>
<tr>
<td width="650" height="30" align="center" valign="top" bgcolor="282828">
<p></p></td>
</tr>
<tr>
<td width="650" height="300" align="left" valign="top" bgcolor="282828">
<p></p></td>
</tr>
</table></td>
<td width="150" height="900" align="left" valign="top" bgcolor="282828"><p><?php include("menudroite.php"); ?></p></td></tr>
</table><p></p></td></tr>
</table>
</p>
</body>
</html>

erreur

http://validator.w3.org/check?uri=http%3A%2F%2Fle.coffre.free.fr%2Fmodele.php&charset=%28detect+automatically%29&doctype=Inline

ps dit moi que ce n'est pas vrai lol

Afficher le profil de AnonymeEnvoyer un message privé à Anonyme
 Revenir en haut de la page
 Malcolm  Posté le 22/02/2007 à 00:21  
  Astucien


7299 Messages

- un <p> ne peut pas contenur de <table> donc tu ne peux pas écrire <p><table...> et pas plus </table></p>

- <table align="..."> n'est pas compatible avec un doctype XHTML

- les menus en "include" qu'apportent-ils ? est-ce qu'au final tu ne te retrouves pas avec 3 ou 4 doctypes dans ta page "résultat" ?

- t'as compris où se mettaient les styles CSS, un point pour toi.

- fais gaffe : <link rel="=stylesheet" (écris <link rel="stylesheet")

- tu peux, par héritage, regrouper tes styles CSS :

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;
}

devient

a {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: 969696;

text-decoration:none; /* les autres états hériteront de cette propriété */

}

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

237 Messages

yes

j'ai réparé mais il y as encore

tu vousdras pas que je t'envoy mes pages pour que tu me le fasse ou regardé ceux que j'ai fait

mlol

en tout cas j'avance come une tortue mais bon

Afficher le profil de AnonymeEnvoyer un message privé à Anonyme
 Revenir en haut de la page
 Anonyme  Posté le 22/02/2007 à 01:41  
Petit astucien

237 Messages

re j'ai un peux réflechit

ca me donne ca

http://le.coffre.free.fr/modele.php

mais par contre il ma supprimé le menu droite

pk

ne t'inkiete pas si je suis long pour comprendre

mais il faut savoir que je ne fait pas expres

et aussi il ma fallu 100 h pour passé mon permis je l'ai eu au bout des 100 h

donc s'il le faut 100 réponse pou reussir a faire cette page

allez comme je suis de bonne humeur je lance un sondage

es ce que je vais vais reusir a faire cette page avant les 100 pages

oui

non

arf



Modifié par Anonyme le 22/02/2007 01:44
Afficher le profil de AnonymeEnvoyer un message privé à Anonyme
 Revenir en haut de la page
 Anonyme  Posté le 22/02/2007 à 16:29  
Petit astucien

237 Messages

bonjour j'ai encore lu on vas y arrivé lol

voilà j'ai mis un code <h1> en rose pourt les titre du rubrique et le reste p : pour le gris dc j'ai mius a ce niveau car je ne sais as ou il faut mettre si c'est le debut ou milieu ou a la fin

voilà le code

design.php :

<body>
<style type="text/css">
#moncadre {
width:800px;
margin:auto;
padding:10px;
background-color:#FFFF00;
border-left:1px solid #000000; /* couleur du cadre */
border-right:1px solid #000000;
border-bottom:1px solid #000000;
border-top:1px solid #000000;
}
.cadredumenugauche {
float:left;
text-align:left;
width:150px;
padding:10px;
background-color:#FBFBFF;
border:1px solid #000000;
color:#666666;
}
.cadredumenudroite {
float:right;
text-align:left;
width:150px;
padding:10px;
background-color:#FBFBFF;
border:1px solid #000000;
color:#666666;
}
#cadrehaut {
height:100px;
background-color:#FFCCCC;
margin-bottom:10px;
}
/* cadre du conteneur */
#cadrecentrale { margin-left:180px;
min-height:150px;
margin-right:180px;
border-left:1px dashed #000000;
border-right:1px dashed #000000;
border-bottom:1px dashed #000000;
border-top:1px dashed #000000;
background-color:#00FBFF;
}
</style>

<style type="text/css">
h1
{
text-align: center;
font-family: Arial, "Arial Black", "Times New Roman", serif;
text-decoration: none;
color: #969696; /* Le titre en gris (pourquoi pas ?) */
}
p
{
text-indent: 13px;
color: fa008e; /* Les paragraphes en rose */
}
<!--
.Style1 {color: #969696}
.Style2 {color: #fa008e}
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;
}
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>
</body>
</html>

et ensuite j'ai mis dans menugauche par exemple :

<h1></h1> pour les titres car c'est en rose

pour le gris on met p

c bien ca ou je me trompe

voilà une parti du tableau

<table width="150">
<tr>
<td width="150" height="662" align="left" valign="top" bgcolor="282828"><table width="150" border="1" align="center">
<tr>
<td width="150" height="10" align="center" valign="top" bgcolor="282828"><p><h1>Communauté</h1></p></td>
</tr>
</table>
<table width="150" align="center">
<tr>
<td width="150" height="10" align="center" valign="top" bgcolor="282828"><p><h1>Le coffre</h1></p></td>
</tr>
<tr>
<td width="150" height="10" align="left" valign="top" bgcolor="282828"><p>Acceuil</p></td>
</tr>
<tr>
<td width="150" height="10" align="left" valign="top" bgcolor="282828"><p>Sondage</p></td>
</tr>
<tr>
<td width="150" height="10" align="left" valign="top" bgcolor="282828"><p>Discution</p></td>
</tr>
<tr>
<td width="150" height="10" align="left" valign="top" bgcolor="282828"><p>Livre d'or</p></td>
</tr>
<tr>
<td width="150" height="10" align="left" valign="top" bgcolor="282828"><p>Forum</p></td>
</tr>
<tr>
<td width="150" height="10" align="left" valign="top" bgcolor="282828"><p>Nous contactez</p></td>
</tr>
<tr>
<td width="150" height="10" align="left" valign="top" bgcolor="282828"><p>Nous recomandé</p></td>
</tr>
<tr>
<td width="150" height="10" align="left" valign="top" bgcolor="282828"><p>Membres</p></td>
</tr>
<tr>
<td width="150" height="10" align="left" valign="top" bgcolor="282828"><p>Inscription</p></td>
</tr>
<tr>
<td width="150" height="10" align="left" valign="top" bgcolor="282828"><p>Votre profil</p></td>
</tr>
</table>

j'ai mis que 2 ou 3 exemple avant de faire une erreur

mais je pense que c'est un peux prés ca

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

237 Messages

voilà ceux que j'ai pui comprendre

voilà un exemple :

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
http://www.w3.org/1999/xhtml">;


Messenger Plus ! Live



Logiciel connu mondialement, il vous permet de :

Avoir vos conversations par onglet

avoir votre pseudo en couleur

Insérer des scripts

Avoir un effet de transparent description




si je veux mettre la phrase

messenger plus live en rose et les titres des rubrique donc je met

et le reste en gris

donc dans ma page design.css

on mettras ca

body
{
background-color: 282828;
color: white; /* Toutes les balises contenues dans body verront leur texte coloré en blanc... */
}
h1
{
color: #fa008e; /* ... sauf si je demande expressément de changer la couleur par la suite */
}

h2
{
color: #969696; /* ... sauf si je demande expressément de changer la couleur par la suite */
}

qd je visualise ca me fait rienlol

ou c'est surement ca

<strong1> </strong1>

<strong2> </strong2>

houlà ca fume chez moi lol



Modifié par Anonyme le 22/02/2007 18:51
Afficher le profil de AnonymeEnvoyer un message privé à Anonyme
 Revenir en haut de la page
 Anonyme  Posté le 23/02/2007 à 00:26  
Petit astucien

237 Messages

au secoutrrrrrrrrrrrrrrrrrrrrrr

dc je met ceux que j'ai compris :

<p> ouvert et fermé </p> pour les paragraphe

<head> ouvert et fermé </head>
<body> ouvert et fermé </body>
<html> ouvert et fermé </html>pour page html
<h1> ouvert et fermé </h1> pour les titres
<table> ouvert et fermé </table> pour un tableau
<td> ouvert et fermé </td>colone et ligne

donc si on reprend mon texte avec un tableau ca donne


<table width="980">
<tr>
<td><p>Messenger Plus ! Live</p></td>
</tr>
<tr>
<td><p>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 transparence Description.</p></td>
</tr>
</table>

si je veux mon texte qui soit en #969696
je doit mettre <p></p>

si je veux mon titre en #fa008e
je doit mettre quoi car ce code <p></p> est pris par le gris

mais si on fait

<class="Style1"> gris

<class="Style2"> rose


ou je doit le mettre dans la page style cs s
donc dans le texte :

<span class="Style1">Messenger Plus ! Live</span><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 transparence Description.</span>

ca si c'est bon ouf

maintenant je vais faire ma page style.css

a chaque page je dois mettre ca :

<!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>Document sans titre</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="style" href="style.css" /></head>

<body>
</body>
</html>

maintenant que j'ai pus mettre au debut style.css pour permettre affiché la page style.css

je doit mettre sur ma page style.css

<body>
#moncadre {
width:800px;
margin:auto;
padding:10px;
background-color:#FFFF00;
border-left:1px solid #000000; /* couleur du cadre */
border-right:1px solid #000000;
border-bottom:1px solid #000000;
border-top:1px solid #000000;
}
.cadredumenugauche {
float:left;
text-align:left;
width:150px;
padding:10px;
background-color:#FBFBFF;
border:1px solid #000000;
color:#666666;
}
.cadredumenudroite {
float:right;
text-align:left;
width:150px;
padding:10px;
background-color:#FBFBFF;
border:1px solid #000000;
color:#666666;
}
#cadrehaut {
height:100px;
background-color:#FFCCCC;
margin-bottom:10px;
}
/* cadre du conteneur */
#cadrecentrale { margin-left:180px;
min-height:150px;
margin-right:180px;
border-left:1px dashed #000000;
border-right:1px dashed #000000;
border-bottom:1px dashed #000000;
border-top:1px dashed #000000;
background-color:#00FBFF;
}
</style>

p
[ color: #fa008e;
font-size: 13px
]
p
[ color: #969696;
font-size: 13px
]
<!--
.Style1 {color: #969696}
.Style2 {color: #fa008e}
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;
}
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>
</body>
</html>

ensuite sur ma page pour permmetre de faitre les cadre qui est dans style.css

on mettras dans 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>
<title>Document sans titre</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="style" href="style.css" /></head>
</head>

<body>
<div id="moncadre">
<div id="cadrehaut"><?php include("menuhaut.php"); ?></div>
<div class="cadredumenugauche"><?php include("menugauche.php"); ?></div>
<div class="cadredumenudroite"><?php include("menudroite.php"); ?></div>
<div id="cadrecentrale"><table width="630">
<tr>
<td><p>texte en rose</p></td>
</tr>
<tr>
<td><p>texte en gris</p></td>
</tr>
<tr>
<td><p>texte en gris</p></td>
</tr>
<tr>
<td><p>texte en gris</p></td>
</tr>
<tr>
<td><p>texte en gris</p></td>
</tr>
<tr>
<td><p>texte en gris</p></td>
</tr>
<tr>
<td><p>texte en gris</p></td>
</tr>
<tr>
<td><p>texte en gris</p></td>
</tr>
</table>
</div>
</div>
</body>
</html>

on vas arrété si ca c'est parfait ca seras déjà trés bien lol

merci d'avance

Afficher le profil de AnonymeEnvoyer un message privé à Anonyme
 Revenir en haut de la page
 Malcolm  Posté le 23/02/2007 à 09:08  
  Astucien


7299 Messages

ya des bonnes choses ...

Rectifications :

<td> ouvert et fermé </td>colone et ligne

non, <td> ne concerne que la colonne. La ligne c'est <tr> et </tr> (mais dans l'exemple que tu as mis ensuite, tu l'as correctement écrit).

Un <tr> contient des <td> et pas l'inverse. (c'était juste une précision)

donc si on reprend mon texte avec un tableau ca donne

ce qui est en dessous est juste.

si je veux mon texte qui soit en #969696


je doit mettre <p></p>

si je veux mon titre en #fa008e


je doit mettre quoi car ce code <p></p> est pris par le gris

mais si on fait

<class="Style1"> gris

<class="Style2"> rose

oui, tu peux le faire par un <span> mais ça serait plus joli de le faire directement dans le <p>...

je doit mettre sur ma page style.css

ta css comporte des erreurs :

1. JAMAIS de balises html écrites entre chevrons dans une CSS : tu écriras body {...} pour appliquer des effets CSS à la balise HTML <body> mais tu n'écriras pas, dans la CSS, <body> {...}

2. tu as mis des <html> etc, ça ne sert à rien, tu peux effacer toutes les lignes qui comportent une balise html dans ta CSS.

3. tu as 2x d&ea