Je suis completement désesperer, j'essai en vin de faire des bordures au code html de l'exemple du cours. J'ai beau lire et relire un post juste en dessous sur ce problème, sa marche toujours pas
Voici le code html:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <htmlxmlns="http://www.w3.org/1999/xhtml"xml:lang="fr"> <head> <title>Essai</title> <metahttp-equiv="Content-Type"content="text/html; charset=iso-8859-1"/> <linkrel="stylesheet"media="screen"type="text/css"title="Acceuil"href="essai_css.css"/> </head> <body> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam lacinia leo ac nunc. Nulla aliquet. Nullam quam leo, volutpat vitae, venenatis eget, blandit eu,
augue. Proin ac libero nec magna laoreet tempus. Nullam felis. Nam et libero. Sed velit dui, tempus in, nonummy venenatis, accumsan id, justo. Ut ullamcorper. Cras sem diam, vulputate nec, tempor at, pretium at, magna. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Curabitur sapien pede, malesuada ac, ultricies in, dignissim eget, mauris. Nullam varius diam ac ligula.
Morbi mattis posuere odio. Ut mattis risus ac erat. Nam volutpat, nisl vitae venenatis mollis, ante erat tincidunt purus, nec ornare felis tellus sed purus. Phasellus orci!!</p> </body> </html>
Ah moi que je ne sois "bigleu", je ne vois pas où la solution pour faire en sorte que le texye sois entouré de pointillet roude de 1 pixel est marquer, j'ai essayé <div> et </div>, ok je préparer le téléhpone pour prendre rendez-vous que l'ophtalmo.
Bon je sais que je dois en embêter plus d'un avec mes problèmes, surtout de mémorisation mais bon...
Salut,
Bon, mis à part l'histoire des accolades, il faut bien que ta class soit présente dans ton code xHTML, ce n'est pas parce qu'elle figure dans ton CSS qu'elle se rajoutera automatiquement dans ton balisage. Je te rappelle qu'une class s'applique à un élément, et que par conséquent cet élément doit être spécifié comme appartenant à cette class.
J'ai ajouter les balise mais gnagnagna, sa marche toujours pas
Bon voilà le code, je fais grace a l'aide des exemples de cours et de ma mémoire:
<linkrel="stylesheet"media="screen"type="text/css"title="Acceuil"href="essai.css"/> <p><divid="#p">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam lacinia leo ac nunc. Nulla aliquet. Nullam quam leo, volutpat vitae, venenatis eget, blandit eu,
augue. Proin ac libero nec magna laoreet tempus. Nullam felis. Nam et libero. Sed velit dui, tempus in, nonummy venenatis, accumsan id, justo. Ut ullamcorper. Cras sem diam, vulputate nec, tempor at, pretium at, magna. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Curabitur sapien pede, malesuada ac, ultricies in, dignissim eget, mauris. Nullam varius diam ac ligula.
Morbi mattis posuere odio. Ut mattis risus ac erat. Nam volutpat, nisl vitae venenatis mollis, ante erat tincidunt purus, nec ornare felis tellus sed purus. Phasellus orci!!</div></p>
Euh... je suis peut-être idiot, mais il y a un problème tout bête au niveau des accolades non ? Elles sont comme ça tes accolade ?
Et autre chose, pourquoi tu ne met pas "border" directement appliqué à l'ID "P" au lieu de l'appliquer à une class qui n'existe pas ?
Et ce n'est pas la peine de mettre le "#" devant id dans le code xHTML .
Et il manque un ";" après "justify" .
<linkrel="stylesheet"media="screen"type="text/css"title="Acceuil"href="essai.css"/> <p><divid="p">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam lacinia leo ac nunc. Nulla aliquet. Nullam quam leo, volutpat vitae, venenatis eget, blandit eu,
augue. Proin ac libero nec magna laoreet tempus. Nullam felis. Nam et libero. Sed velit dui, tempus in, nonummy venenatis, accumsan id, justo. Ut ullamcorper. Cras sem diam, vulputate nec, tempor at, pretium at, magna. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Curabitur sapien pede, malesuada ac, ultricies in, dignissim eget, mauris. Nullam varius diam ac ligula.
Morbi mattis posuere odio. Ut mattis risus ac erat. Nam volutpat, nisl vitae venenatis mollis, ante erat tincidunt purus, nec ornare felis tellus sed purus. Phasellus orci!!</div></p>
Si je ne me trompe, tout ce qui est compris entre les deux div sera de 130px de large, sera justifié et sera entouré d'une bordure en pointillé.
(Les accolade, c'est un problème quand tu a recopié le code, ou tu l'avais vraiment fait comme ça ? Parceque si c'est le cas, tu n'a pas trop compris leur fontionnement à priori ).
Edit : a oui, et si ton but c'était de l'appliquer à tout les paragraphes, alors tu n'as pas besoin de mettre des div, et tu dois remplacer dans ton CSS #p par p.
Edit2 : et comme dit en dessous, il manque un certain nombre de choses dans le code xHTML . Cf le post de lolot92.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <htmlxmlns="http://www.w3.org/1999/xhtml"xml:lang="fr"> <head> <title>Essai</title> <metahttp-equiv="Content-Type"content="text/html; charset=iso-8859-1"/> <linkrel="stylesheet"media="screen"type="text/css"title="Acceuil"href="essai_css.css"/> </head> <body> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam lacinia leo ac nunc. Nulla aliquet. Nullam quam leo, volutpat vitae, venenatis eget, blandit eu,
augue. Proin ac libero nec magna laoreet tempus. Nullam felis. Nam et libero. Sed velit dui, tempus in, nonummy venenatis, accumsan id, justo. Ut ullamcorper. Cras sem diam, vulputate nec, tempor at, pretium at, magna. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Curabitur sapien pede, malesuada ac, ultricies in, dignissim eget, mauris. Nullam varius diam ac ligula.
Morbi mattis posuere odio. Ut mattis risus ac erat. Nam volutpat, nisl vitae venenatis mollis, ante erat tincidunt purus, nec ornare felis tellus sed purus. Phasellus orci!!</p> </body> </html>
enfait mettre une image en bordure, je ne pense pas que ca soit possible mais on peut arriver a ce resultat autrement, imaginons que tu as un paragraphe et que que comme bordure tu ve mettre une image alors par dessus ton paragraphe tu met un bloc englobant ton paragraphe, un peu comme ca :
<codetype="html"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <htmlxmlns="http://www.w3.org/1999/xhtml"xml:lang="fr"> <head> <title>Essai</title> <metahttp-equiv="Content-Type"content="text/html; charset=iso-8859-1"/> <linkrel="stylesheet"media="screen"type="text/css"title="Acceuil"href="essai_css.css"/> </head> <body> <divclass="cadre_enlobant_le_paragraphe"> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam lacinia leo ac nunc. Nulla aliquet. Nullam quam leo, volutpat vitae, venenatis eget, blandit eu,
augue. Proin ac libero nec magna laoreet tempus. Nullam felis. Nam et libero. Sed velit dui, tempus in, nonummy venenatis, accumsan id, justo. Ut ullamcorper. Cras sem diam, vulputate nec, tempor at, pretium at, magna. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Curabitur sapien pede, malesuada ac, ultricies in, dignissim eget, mauris. Nullam varius diam ac ligula.
Morbi mattis posuere odio. Ut mattis risus ac erat. Nam volutpat, nisl vitae venenatis mollis, ante erat tincidunt purus, nec ornare felis tellus sed purus. Phasellus orci!!</p> </div> </body> </html>
et le css :
#cadre_englobant_le_paragraphe{ background-image: url("ton image"); padding : 10px; /*tu remplace 10 par la largeur de ta "bordure"*/ }
p{ background-color: COULEUR ; /*il faut mettre une couleur o paragraphe sinon il prndra le fond de la "bordure" */ }
Merci beaucoup
atlyric> C'est a c'est moment la qu'on s'paerçois que quand on prends pas des notes on est perdu
C'est également la pratique qui permet d'assimiler la théorie lue dans les cours
Bordure...
× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
× Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
http://www.encheres-cents.com - http://www.checkmycomposer.com