|
| 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 à enregistrer { // D'abord, on se connecte à MySQL mysql_connect("", "", ""); mysql_select_db(""); // On utilise la fonction PHP htmlentities pour é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éconnecte de MySQL mysql_close(); } } // Que l'on ait enregistré des donné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écup&eacutAe;rer les 5 dernières entrées de la table // On se connecte d'abord à MySQL : mysql_connect("", "", ""); mysql_select_db(""); // Récupé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; // à changer selon tes besoins $limite_inferieure = ($page -1) * $nb_lignes_parpage; $limite_superieure = $nb_lignes_parpage; // On utilise la requête suivante pour récupé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ête temporaire : pour compter le nb total de réponses $temp = mysql_query($requete); $nb_reponses = mysql_num_rows($temp); // là 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éconnecte de MySQL mysql_close(); // Puis on fait une boucle pour afficher tous les résultats : while ($donnees = mysql_fetch_array($reponse) ) { echo "<p><span style=\"color:#fa008e;\">".$donnees['pseudo']."</span> a écrit : <p></p> <span style=\"color:#969696;\">".$donnees['message']."</p>"; } // Système de pages $nombre_pages = ceil($nb_reponses / $nb_lignes_parpage ); // Le nombre total de pages à afficher // Page précédente ? if ($page != 1) { // On n'est pas sur la première page => afficher "page précédente" echo '<a href="?page='.($page-1).'">Page précédente</a>'; } // Pages de 1 à $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ère page => afficher "page suivante" echo '<a href="?page='.($page+1).'"> - Page suivante</a>'; } // Fin de la boucle, le script est terminé ! ?><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
|
| |
| |
| 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. |
| |
|
| elle | Posté le 20/02/2007 à 05:33 |
Maîtresse astucienne
15844 Messages
| Salut, Un petit conseil : regarde ton site sous Firefox... |
| |
|
| 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 |
| |
|
| 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) |
| |
|
| Anonyme | Posté le 20/02/2007 à 20:46 |
Petit astucien
237 Messages
| |
| |
|
| 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. |
| |
|
| Anonyme | Posté le 21/02/2007 à 00:13 |
Petit astucien
237 Messages
| |
| |
|
| Anonyme | Posté le 21/02/2007 à 02:00 |
Petit astucien
237 Messages
| |
| |
|
| Malcolm | Posté le 21/02/2007 à 09:06 |
Astucien
7299 Messages
| "c quoi le code à mettre"  |
| |
|
| 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 |
| |
|
| 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> ... |
| |
|
| elle | Posté le 21/02/2007 à 19:31 |
Maîtresse astucienne
15844 Messages
|  Malcolm!  |
| |
|
| 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]) |
| |
|
| elle | Posté le 21/02/2007 à 21:34 |
Maîtresse astucienne
15844 Messages
| Ah, je ne connais pas... |
| |
|
| Dreamer | Posté le 21/02/2007 à 22:23 |
Astucien
4270 Messages
| Salut Elle Cette serie Kaamelot , j' , tiens regardes cette bande-annonce A + |
| |
|
| 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 |
| |
|
| Malcolm | Posté le 21/02/2007 à 22:35 |
Astucien
7299 Messages
| |
| |
|
| elle | Posté le 21/02/2007 à 22:37 |
Maîtresse astucienne
15844 Messages
| C'est pour moi, tous ces  ? [langue] |
| |
|
| Malcolm | Posté le 21/02/2007 à 22:38 |
Astucien
7299 Messages
| |
| |
|
| 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 |
| |
|
| 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é */ }
|
| |
|
| 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 |
| |
|
| 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 |
| |
|
| 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 |
| |
|
| 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 |
| |
|
| 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 |
| |
|
| 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 |