|
| Elieg |  Posté le 16/03/2008 @ 11:23 |
Petit astucien
313 Messages
| Bonjour Pour mon site j'ai voulu creer une page css et elle ne marche pas Je me pemet de mettre ci dessous mes codes CSS et HTML et merci a celui ou cele qui pourra m'aider Merci Eliyaou ******************************************************************** mon HTML <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<LINK Rel="stylesheet" TYPE="text/css" HREF="../fr/css/modele.css"> <title>Document sans nom</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <meta name="Description" content="Eliyaou photographe professionnel specialise dans l'organisation ...
<div align="center">
<t1>
<p>Eliyaou GUEZ<br> </t1>
<t2> Tel : +33 (0)********<br>
Portable (0)********* / (0) *******</t2>
<table border="0">
<tr>
<td height
... ******************************************************************** mon CSS @charset "utf-8";
/* CSS Document */
t1
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 36px;
background-color: #000080
}
t2
{
font-family: BATAVIA;
font-size: 14px;
background-color: #000080
} P1
{
font-family: Verdana, Helvetica, sans-serif;
font-size: 12px;
background-color: #808080
} P2
{
font-family: Verdana, Helvetica, sans-serif;
font-size: 36px;
background-color: #FF0000
} body {
background-image: url(../images/Page1/talmudbkg.png);
}
a
{
text-decoration: none;
font-family: "Book Antiqua";
font-size: 9px;
background-color: #808080
}
a:hover
{
text-decoration: none;
font-family: "Book Antiqua";
font-size: 9px;
background-color: #660033
} a:active
{
text-decoration: none;
font-family: "Book Antiqua";
font-size: 9px;
background-color: #808080
}
********************************************************************** |
| |
| |
| Publicité |
|
|
| tirikou | Posté le 16/03/2008 à 11:45 |
Petit astucien
762 Messages
| Bonjour, En premier dans ta ligne LINK ne met pas de majuscules pour link, rel, href etc. Ensuite, ta Css se nomme modele.css ? Où est-elle dans ton site ? Met ta feuille css à la racine de ton site c'est à dire au même endroit que ta page html ou php. Puis appele la juste par href="modele.css" Ensuite pense à fermer ta balise link /> (en fait cette fermeture vaut pour toutes les balises du head en xhtml. Je sais pas trop en html) Voilà pour le moment. Essaie et revient nous dire. |
| |
|
| Elieg | Posté le 16/03/2008 à 12:11 |
Petit astucien
313 Messages
| Rebonjour Tirikou, Apres m'avoir aide dans mon precedent post tu reviens vers moi Tous d'abord, je dois te dire qu'avant de poster, j'avais deja essaye avec et sans majuscules. meme probleme. Ensuite, j'ai lu que c'etait bien de mettre tous les CSS dans un meme dossier, ca evite le fouilli, surtout pour un gros site. Pour le moment ce n'est pas mon cas mais il est amene a grossir. il est donc dans le dossier CSS et j'ai deja essaye toutes les ecritures de chemin possible en relatif et en absolu. toujours le meme probleme. J'essaye donc de fermer la balise link et je reviens Elie |
| |
|
| Elieg | Posté le 16/03/2008 à 12:17 |
Petit astucien
313 Messages
| Rebonjour, j'ai donc ecrit: <LINK Rel="stylesheet" TYPE="text/css" HREF="../fr/css/modele.css" /LINK> Et aucun changement A bientot Elie |
| |
|
| Elieg | Posté le 16/03/2008 à 12:25 |
Petit astucien
313 Messages
| Remoi J'ai oublie de preciser que ca marche pour les liens, si je change la valeur de a:..., parexemple pour la font j'ai ecrit 24 au lieu de 9px, ca m'a change la taille. C'est donc un probleme au niveau des ecritures... Merci pour tout Elie |
| |
|
| tirikou | Posté le 16/03/2008 à 12:38 |
Petit astucien
762 Messages
| Pour fermer la balise link il faut juste mettre /> et pas </link> Prend quand même le temps de mettre tout en minuscule LINK, HREF, etc. Qu'est-ce qui ne fonctionne pas alors ? les font ? (police). Bien sur qu'il est mieux de mettre les css dans un dossier mais c'était juste pour voir si le chemin était bon. Et cela permet d'isoler une css qui fonctionne pas afin d'éliminer les problèmes un par un. |
| |
|
| Elieg | Posté le 16/03/2008 à 12:57 |
Petit astucien
313 Messages
| Recoucou Ne t'inquiete pas avant mon essai, j'avais deja tout remis en minuscule. j'ai donc mis la fin de balise /> et ca ne marche toujours pas!!! Enfait pour les liens ca a l'air de marcher , soit les balises a... Par contre toutes les autres t1 et 2 p1 et 2 et body ne marchent pas. A bientot Elie |
| |
|
| tirikou | Posté le 16/03/2008 à 13:20 |
Petit astucien
762 Messages
| Je t'avoue ne pas savoir à quoi correspond une balise t2 en html. De plus je vois que tu ouvres une balise p et qu'elle n'est pas fermée. Ton code est pas top du tout. Tu devrais faire un tour sur le site du zero voir les bases du html, tu t'éviterais un max de souci de ce genre. Mais ... Lorsque je veux appliquer un style à un élément je le nomme ainsi : <div id="centre"> et la css : #centre {} Si c'est pour un titre c'est h1 à h6 et là tu peux l'appeler direct mais avec par exemple : body h1{} Si c'est un titre dans un div ce sera : #centre h1{} Essaie alors de mettre body t2{} mais je te conseille quand même de respecter les balises et préferer h1, h2, etc. Tu peux aussi mettre un style à un texte avec par exemple : #centre p{} ou nommer la balise p : <p id="texte" > et la css : #centre p#texte{} Pour tes fonts, fais quand même attention car je pense que nombre de visteurs n'auront pas les fonts que tu utilises (et surtout le navigateur). Tu risques toi de les voir et faire ta mise en forme en fonction et que ce soit total nase chez les autres (la police BATAVIA moi je l'ai pas ...) |
| |
|
| Elieg | Posté le 16/03/2008 à 13:28 |
Petit astucien
313 Messages
| Ok Kirikou J'ai ecrit t1 t2 p1 p2 car j'ai voulu personnaliser les nom. j'ai peut etre eu tord, je vais essayer avec h... la balise body, n'est pas pour le background uniquement? j'ai donc mis le chemin d'une image... Encore merci Elie |
| |
|
| tirikou | Posté le 16/03/2008 à 14:12 |
Petit astucien
762 Messages
| Pour personnaliser lers noms il faut le faire avec id="nom" dans une balise (<p id="nom"></p>) C'est ça qui cloche dans ta css et ton html. Pour le body, c'est une balise html. En écrivant body p{} tu appliques la css à toute balise p (paragraphe) du body qui contient le corps de ta page. Si tu veux ensuite modifier un paragraphe dans un bloc particulier tu as juste à le désigner par le nom du bloc puis la balise p soit : #mon_bloc p{} et le paragraphe dans ce bloc uniquement aura la css définies (et dans tous les blocs contenus dans ce bloc). Pour faire un essai, met ce que tu as dans t2 dans une balise h1 juste comme cela : <h1>mon texte</h1> sans balise p. Puis applique une css à cette balise h1 comme ceci : body h1{color: red; font-size: 40px;} Regardes ensuite si cela fonctionne (cela doit !). |
| |
|
| Elieg | Posté le 16/03/2008 à 14:17 |
Petit astucien
313 Messages
| Merci Tirikou Je n'ai pas le temps actuellement mais plus tard je vais essayer et poster le resultat A tout a l'heure et encore merci pour tout Elie |
| |
|
| s4t4n | Posté le 16/03/2008 à 14:21 |
Petit astucien
76 Messages
| Bonjour t2, t1 n existe pas en html de meme pour P1 P3, ou alors fais une class du genre c est un langage sensible a la casse donc P et p sont deux balise differentes. la norme xhtml veut que l on ecrive tout en minuscules. enleve aussi la ligne @ charset utf-8 qui n est pas le meme que dans ta page html. et a la fin de background-color tu a oublier les virgules. Modifié par s4t4n le 16/03/2008 14:26 |
| |
|
| Elieg | Posté le 16/03/2008 à 14:24 |
Petit astucien
313 Messages
| Merci S4T4N, Je prends bonne note de tes remarques ainsi que celles de TIRIKOU et je reviens dire le resultat @+ Eliyaou |
| |
|
| s4t4n | Posté le 16/03/2008 à 14:39 |
Petit astucien
76 Messages
| j ai modifier ton code regarde : 1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 2. 3. 4. 5. <link rel="stylesheet" type="text/css" href="../fr/css/modele.css"> 6. 7. 8. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> 9. 10. <meta name="Description" content="Eliyaou photographe professionnel specialise dans l'organisation 11. 12. ... 13. 14. 15. <div align="center"> 16. <p class="t1"> 17. Eliyaou GUEZ </p> 18. <p class="t2"> Tel : +33 (0)********<br /> 19. Portable (0)********* / (0) *******</p> 20. 21. 22. <table border="0"> 23. <tr> 24. <td height 25. 26. ... 27. 28. ******************************************************************** 29. 30. mon CSS 31. 32. /* CSS Document */ 33. 34. 35. .t1 36. { 37. font-family:Verdana, Arial, Helvetica, sans-serif; 38. font-size: 36px; 39. background-color: #000080; 40. } 41. 42. .t2 43. { 44. font-family: BATAVIA; 45. font-size: 14px; 46. background-color: #000080; 47. } 48. 49. .P1 50. { 51. font-family: Verdana, Helvetica, sans-serif; // la tu fera tes balise comme j ai fait 52. font-size: 12px; // <p class="P1"> ou une autre balise. 53. background-color: #808080; // sensible a la casse n oublie pas ( P != p ) 54. } 55. 56. .P2 57. { 58. font-family: Verdana, Helvetica, sans-serif; 59. font-size: 36px; 60. background-color: #FF0000; 61. } 62. 63. body { 64. background-image: url(../images/Page1/talmudbkg.png); 65. } 66. 67. 68. a 69. { 70. text-decoration: none; 71. font-family: "Book Antiqua"; 72. font-size: 9px; 73. background-color: #808080; 74. } 75. 76. a:hover 77. { 78. text-decoration: none; 79. font-family: "Book Antiqua"; 80. font-size: 9px; 81. background-color: #660033; 82. } 83. 84. a:active 85. { 86. text-decoration: none; 87. font-family: "Book Antiqua"; 88. font-size: 9px; 89. background-color: #808080; 90. } 91. **********************************************************************
Modifié par s4t4n le 16/03/2008 15:42 |
| |
|
| tirikou | Posté le 16/03/2008 à 15:31 |
Petit astucien
762 Messages
| Tu vois la ça ne va pas car tu as deux balises p d'ouvertes : <p class="t1"> <p>Eliyaou GUEZ<br> </p> <p class="t2"> Tel : +33 (0)********<br> Portable (0)********* / (0) *******</p> c'est : <p class="t1"> Eliyaou GUEZ <br /></p>
Attention à ton br ... Surtout qu'ici je ne vois pas à quoi il sert. Et dans ta css du dois appeler ta class par .t1 et non pas #t1 mieux il te faudrait faire #center .t1{}. |
| |
|
| s4t4n | Posté le 16/03/2008 à 15:43 |
Petit astucien
76 Messages
| Oui tu a raison tirikou je n avais pas fais attention , mais c etais surtout pour lui donner une idée de ce que sont les class car il y aurais beaucoup d autre chose a corriger. |
| |
|
| Elieg | Posté le 16/03/2008 à 16:42 |
Petit astucien
313 Messages
| Rebonjour Je suis repasse, J'ai donc essaye avec les conseil de Tirikou et de s4t4n donc c'est Ok maintenant. Il me reste juste un petit souci au niveau du fond, l'image definie dans la balise background n'apparait pas??? d'autre part, s4t4n, tu dis qu'il y a encore beaucoupa corriger??? quoi??? Merci encore |
| |
|
| Elieg | Posté le 16/03/2008 à 17:01 |
Petit astucien
313 Messages
| A propos j'ai oublie de dire que j'ai ecrit la balise background avec et sans le ; Merci por votre aide |
| |
|
| s4t4n | Posté le 16/03/2008 à 17:20 |
Petit astucien
76 Messages
| re pour la balise background c est comme ca: background-image: url(' ../image/Page1/talmudpkg.png'); il faut mettre en quote ou entre guillemet le chemin de l image. mais pour un debutant il vaut mieux placer tes images dans le meme repertoire |
| |
|
| tirikou | Posté le 16/03/2008 à 17:28 |
Petit astucien
762 Messages
| Perso je met direct le fichier et l'image et tout va bien : background: url(images/mon_image.jpg); pas besoin de quote ou guillemets d'où l'avantage de mettre la Css à la racine du site ... Tiens je vais aller voir si c'est valide W3C ... Yes ! "Félicitation ! Aucune erreur trouvée." Donc pas de quote ni guillemet !!!! En ce qui concerne le ; il n'est pas obligatoire lorsque c'est la dernière instruction par exemple : (color: red; width: 100px; height: 50px} Modifié par tirikou le 16/03/2008 17:38 |
| |
|
| Elieg | Posté le 16/03/2008 à 17:31 |
Petit astucien
313 Messages
| Hi, J'ai essaye entre quote et entre guillemets le chemin, ni l'un ni l'autre ne marche. Par contre, comme c'est un site de photos et de film, et suis oblige de mettre les images dans des repertoires speciaux et meme plusieurs repertoires photos A ce propos, quel est le mieux pour les films? en wmp, rm ou flash? @+ Eliyaou |
| |
|
| s4t4n | Posté le 16/03/2008 à 17:35 |
Petit astucien
76 Messages
| C est vrai ca depend dans quel site, mais par exemple sur MDC http://developer.mozilla.org/fr/docs/CSS:background-image il mettent des guillemets et j ai remarquer que sans les guillemet ca peut poser des problemes. Bon la je n ai pas moyen de verifier car etant sur debian, je dispose que de iceweasel (fork de Firefox). De plus Internet Explorer ne respect pas les normes et n est pas libre.. PS: pour les normes j ai raison aussi ilmettent des guillemets. http://www.yoyodesign.org/doc/w3c/css2/colors.html Ps2: il faut que tu indique le chemin de l image par rapport a ta feuille de style c est pour ca qu il ne trouve pas l image et que je te dit de tout mettre dans le meme repertoire. Modifié par s4t4n le 16/03/2008 17:42 |
| |
|
| Elieg | Posté le 16/03/2008 à 17:41 |
Petit astucien
313 Messages
| Bravo Effectivement, ca marche en mettant le fichier a la racine du site. il y a donc un probleme sur le chemin parce qu'a priori, il n'y a aucune raison de ne pas le mettre dans un repertoire special surtout quand on en a plusieurs!!! Je pense!!! je vais chercher A plus |
| |
|
| s4t4n | Posté le 16/03/2008 à 17:43 |
Petit astucien
76 Messages
| J ai modifier mon message je ne sais pas si tu a vue: il faut que precise le chemin de l image par rapport a ta feuille de style et plus par rapport a ta page html. |
| |
|
| tirikou | Posté le 16/03/2008 à 17:45 |
Petit astucien
762 Messages
| Dans ton chemin vers ton image qu'est-ce que c'est que Page1 ? Un dossier ? déjà avec une majuscule c'est pas top top ! Ton chemin veux dire que tu remontes de deux répertoires (../) puis que tu vas dans le dossier images (images/) puis dans le dossier Page1 (Page1/) puis enfin tu prends l'image mon_image.png Est-ce bien cela ? ton chemin : ../images/Page1/mon_imge.png De plus c'est du png donc si tu es avec IE c'est vraiment pas sûr que tu la vois ... |
| |
|
| tirikou | Posté le 16/03/2008 à 17:49 |
Petit astucien
762 Messages
| Ce que tu as vu dans les css avec les guillemets c'est lorsque la propriété est mise dans la balise Pas lorsqu'elle est dans une feuille de style. Autant pour moi j'edit car ils montrent bien un style déclér dans la page html avant le body. Toutefois, je vois très souvent dans des feuilles de style le non emploi des quotes et guillemets sans que cela pose problème. Le validator m'a bien accepté en css2. Si quelqu'un a la réponse exacte je suis preneur.
Modifié par tirikou le 16/03/2008 17:52 |
| |
|
| elle | Posté le 16/03/2008 à 17:54 |
 Maîtresse astucienne
14486 Messages
| Veille à ne pas mettre de majuscules (ni d'espaces ou d'accents) dans le nom de tes fichiers. |
| |
|
| Elieg | Posté le 16/03/2008 à 17:55 |
Petit astucien
313 Messages
| c'est ce que j'ai ecrit depuis le depart et ca ne marche pas avec et sans guillemets: le lien: <link ... href="../fr/css/modele.css> et l'image: body{background-image: url(../images/page1/talmudbkg.png)} mon image est visible par windows |
| |
|
| tirikou | Posté le 16/03/2008 à 17:55 |
Petit astucien
762 Messages
| |
| |
|
| tirikou | Posté le 16/03/2008 à 18:01 |
Petit astucien
762 Messages
| La soluce utlime est d'aller le chercher sur ton serveur en chemin absolu http://mon_site.com/............. Sinon essaie juste avec un seul point avant le / (./) Ne sachant pas ou se trouve ton fichier dans ton arborescence il est difficile de te donner le chemin .... Car déjà ta css est dans fr/css c'est à dire dans le dossier css lui même dans le dossier fr ... Modifié par tirikou le 16/03/2008 18:03 |
| |
|
| Elieg | Posté le 16/03/2008 à 18:07 |
Petit astucien
313 Messages
| Je sais Elle, et c'est une errreur de ma part, j'ai 2 repertoires de photos a corriger sur 18 feuilles d'habitude je ne met jamais de majuscules, j'avais pris cette a habitude il y a environ 25 ans quand je faisait de la programmation. |
| |
|
| s4t4n | Posté le 16/03/2008 à 18:07 |
Petit astucien
76 Messages
| Re C est assez simple pourtant . verifie bien les noms de tes repertoire. si tu inclu l image a partir de ta page HTML tu met le chemin par rapport a ta page HTML si tu inclu l image dans ta feuille de style tu met le chemin de l image par rapport a ta feuille de style. |
| |
|
| Elieg | Posté le 16/03/2008 à 18:14 |
Petit astucien
313 Messages
| Tirikou, Je n'aime pas trop ces solutions de sauvage, j'appelle cela passer a la guillotine. Et tu imagines si je change d'hebergeur, je mettrais longtemps a comprendre ou est l'erreur car je risque d'avoir oublie.... Non je n'aime pas trop A ce moment la, je prefere mettre le back dans ma feuille HTML. je voulais simplement garder une certaine harmonie dans mon code. Tout ce qui concerne le style dans des fichiers dans 1 repertoire, les images et les films classes dans des repertoires eux meme dans 1 seul repertoire et mes fichiers html dans la racine du site |
| |
|
| Elieg | Posté le 16/03/2008 à 18:15 |
Petit astucien
313 Messages
| ok s4t4n Je verifie tous cela |
| |
|
| tirikou | Posté le 16/03/2008 à 18:20 |
Petit astucien
762 Messages
| Met ta feuille css a la racine de ton site. Même s'il grossit tu vas pas avoir 50 feuilles de style ????? Et la tu verras que tout va aller bien mieux. Sinon pouer éviter de tout retaper dans tes pages, un ch'tit peu de php ça fait pas de mal et c'est pas bien compliqué. Juste une variable à déclarer et à appeler dans toutes tes pages. Penche toi sur le sujet tu verras que c'est fort simple. De toute façon pour le moment c'est juste une question de remonter dans tes repertoires par rapport à ta css suffisemment pour ensuite aller dans tes dossiers chercher ton image. essaie une dernière fois avec .../ (trois points avant). faut pas baisser les bras !!! Courage. |
| |
|
| Elieg | Posté le 16/03/2008 à 18:22 |
Petit astucien
313 Messages
| je crois avoir 1 debut de recherche mon dossier image n'est pas dans fr: Arborescence:  root/fr/css
root/images/page1 fichiers html dans fr |
| |
|
|
| Haut de la page |
les CSS
