Problémes Css

Démarré par Linksolar, 04 Mars 2006 à 09:59

0 Membres et 1 Invité sur ce sujet

Imprimer
En bas Pages1
Actions de l'utilisateur
04 Mars 2006 à 09:59 Dernière édition: 05 Mars 2006 à 12:08 par Linksolar
Hello les Solarussiens!! B)
Voila j'ai un petit (Gigantesque :D) problémes!
Je ne sais pas ou placé le Css!
Veuillezm'indiquez ou c'est S.V.P!
Meri d'avance! :super:
04 Mars 2006 à 10:00 #1
Fait un fichier texte à part avec l'extension .css et tu mets tout dedans.

Ensuite, dans l'en-tête de ta page (c-a-d entre <head> et </head>) tu mets cette ligne :
<link rel="stylesheet" type="text/css" href="url du fichier CSS">
Projets RPG Maker en cours :
Pokémon Adventure Chronicles ; Mystic Warriors II
Comptes de stratégie on-web-site :
14 & 33 (O-Game) ; 5 & 7(Travian)

04 Mars 2006 à 10:05 #2 Dernière édition: 04 Mars 2006 à 10:07 par Couet
Ou bien tu peux aussi insérer ton css dans ton fichier html, comme par exemple la police, la taille, les marges etc. dans les balises adéquats. Il suffit d'ajouter
Code Sélectionner
<balise style="code css espacé de ";" pour les différents codes"></balise>
Mais bon, peut-être que pour débuter, faire un fichier à part est plus propre ?

04 Mars 2006 à 10:10 #3
Merci Couet et Darth Killer!!
Mais je vais prendre la solution de Couet!
04 Mars 2006 à 10:12 #4
Même pour pro, un fichier à part est plus propre. en plus de ça, si tu veux changer ton design, tu touche plus à la page web elle-même. L'intérêt est maigre dans une page HTML pure mais dans une page PHP c'est capital
Projets RPG Maker en cours :
Pokémon Adventure Chronicles ; Mystic Warriors II
Comptes de stratégie on-web-site :
14 & 33 (O-Game) ; 5 & 7(Travian)

04 Mars 2006 à 10:16 #5
Ouais mais je suis en xHTML! Donc sa change tout!
04 Mars 2006 à 10:16 #6
Linksolar > Sache juste qu'à mon avis le css inclu dans la page html n'est intéressant que pour certains "codes", comme je te le donnais en exemple => les marges ou la police.
Pour ce qui est de l'architecture du site entier (définir les titres ou autre) il est plus intéressant de mettre ça à part.

Commence quand même à construire le gros de ton site avec un fichier à part, ensuite, si tu le veux, peaufine avec l'inclusion dans l'html.


EDIT : l'xhtml ne change rien ;)

04 Mars 2006 à 10:32 #7
XHTML est juste une des formes améliorées de HTML pur, mais ça change rien. Perso je ne m'y connais pas assez en XHTML pour en faire, j'utilise plus DHTML (Dynamic -> HTML + JS + CSS)
Projets RPG Maker en cours :
Pokémon Adventure Chronicles ; Mystic Warriors II
Comptes de stratégie on-web-site :
14 & 33 (O-Game) ; 5 & 7(Travian)

04 Mars 2006 à 10:54 #8
Bon ben je vais prendre la solution de Darth Killer
04 Mars 2006 à 18:03 #9 Dernière édition: 04 Mars 2006 à 18:38 par Eidarloy
Oui, le XHTML ne change rien au HTML. Le css est juste un peu plus développer et quelques fonctions moindre...
Mais, sache, Linksolar, que les webmasters des gros sites ne modifient JAMAIS leur page principal, il modifie juste :

-Modifier la feuille de style (css)
-Et les includes

Ce qui permet que, quand tu modifies le design, au lieu de refaire toutes tes pages, te suffit de modifier ton include ou ta feuille de style et toutes tes pages seront pareil. C'est vraiment pratique :)

Et si tu désires en savoir plus :

http://www.siteduzero.com/tuto-3-6-0-apprenez-a-creer-votre-site-web.html#part_8 - Pour le css
http://www.siteduzero.com/tuto-3-148-1-les-includes.html - Pour les includes

Bonne chance à toi :)
L'avenir n'a qu'un seul paramètre : la volonté.
05 Mars 2006 à 11:55 #10 Dernière édition: 05 Mars 2006 à 11:57 par Linksolar
Je suis déja sur le site du zér0 mais j'ai un n'autre problémes de Css pour la fiche externe!
Ou placer les balises Css.
Code Sélectionner
<!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" >
   <head>
       <title>Mon site partie css</title>
       <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
       <link rel="stylesheet" media="screen" type="text/css" title="Design sombre" href="sombre.css"
   />
   </head>
   <body>      
</body>
</html>
Je croit que c'est entre les balises head!Vous pouvez m'indiquer s'il vous plait! :super:
05 Mars 2006 à 11:57 #11 Dernière édition: 05 Mars 2006 à 11:59 par Couet
Non, ta balise css est incluse dans celle de l'html, sinon le fichier est à part et défini là :
Code Sélectionner
<link rel="stylesheet" media="screen" type="text/css" title="Design sombre" href="sombre.css"/>
comme te l'avait dit Darth Killer plus haut.

Le fichier à part n'a pas besoin des balises d'en-tête que tu nous montre. Ces balises là servent à définir le type de langage que tu utilises (entre autres), c'est expliqué dans le site du zéro.

05 Mars 2006 à 12:01 #12
Donc si j'ai compris je doit placer mes balises de style ici --->
Code Sélectionner
<link rel="stylesheet" media="screen" type="text/css" title="Design sombre" href="sombre.css"/>
Aprés sombres.css.
05 Mars 2006 à 12:05 #13
si je puis me permettre, ça n'a pas d'importance, du moment que tu mets ça dans l'en-tête. Le mettre après le lien vers le fichier CSS c'est juste un souci de clareté (encore une fois :mrgreen: )

Code Sélectionner

<link rel="stylesheet" type="text/css" href="fichier.css">
<style>
*tes ajouts CSS*
</style>
</head>


Mais pourquoi rajouter du CSS si t'as déjà un fichier externe, ça je pige pas...

Sinon le site du zéro... Beuârk
Projets RPG Maker en cours :
Pokémon Adventure Chronicles ; Mystic Warriors II
Comptes de stratégie on-web-site :
14 & 33 (O-Game) ; 5 & 7(Travian)

05 Mars 2006 à 12:07 #14
Mais non ! Je ne vois pas comment te l'expliquer autrement... :blink:

Le fichier css est à part, ça :
Code Sélectionner
<!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" >
   <head>
       <title>Mon site partie css</title>
       <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
       <link rel="stylesheet" media="screen" type="text/css" title="Design sombre" href="sombre.css"/>
   </head>
   <body>     
</body>
</html>
C'est pour le fichier html.

Si tu veux inclure du css c'est dans la balise de l'html. Exemple :
Code Sélectionner
<div><p style="color: blue ; margin-left: 50px">Gna gna gna</p></div>


EDIT : ou comme ça, effectivement

05 Mars 2006 à 12:25 #15
ah oui ça d'accord..

Petit détail que tu trouveras sans doute pas dans les livres, encore moins sur le site du zéro :
Le CSS des fichiers externes et de l'en-tête (<style></style>) est prioritaire sur celui inclu dans les balise.

Par exemple, si dans le fichier il y a body {color:black}

Et que dans la page HTML il y a <body color="yellow">

La couleur de police dans la page sera noire et pas jaune
Projets RPG Maker en cours :
Pokémon Adventure Chronicles ; Mystic Warriors II
Comptes de stratégie on-web-site :
14 & 33 (O-Game) ; 5 & 7(Travian)

07 Mars 2006 à 17:16 #16
Citation de: Couet le 05 Mars 2006 à 12:07
Mais non ! Je ne vois pas comment te l'expliquer autrement... :blink:

Le fichier css est à part, ça :
Code Sélectionner
<!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" >
<head>
<title>Mon site partie css</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="Design sombre" href="sombre.css"/>
</head>
<body>
</body>
</html>
C'est pour le fichier html.

Si tu veux inclure du css c'est dans la balise de l'html. Exemple :
Code Sélectionner
<div><p style="color: blue ; margin-left: 50px">Gna gna gna</p></div>


EDIT : ou comme ça, effectivement
Oui mais je peut aussi faire comme sa:
Code Sélectionner
<!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" >
<head>
<title>Mon site partie css</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="Design sombre" href="sombre.css"/>
{
color:blue;
}
</head>
Oui ou nan.
<body>
</body>
</html>
07 Mars 2006 à 18:48 #17
Oui, c'esy comme ça que je te disais de faire au début, personnellement. Mais je vois pas le but des arguments media et title...
Projets RPG Maker en cours :
Pokémon Adventure Chronicles ; Mystic Warriors II
Comptes de stratégie on-web-site :
14 & 33 (O-Game) ; 5 & 7(Travian)

07 Mars 2006 à 19:40 #18
Oulaaaaaaa !!!
C'est quoi cette erreur !
Code Sélectionner
<!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" >
<head>
<title>Mon site partie css</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
     <link rel="stylesheet" media="screen" type="text/css" title="Design sombre" href="sombre.css"/>
        /* si tu veux mettre des choses spécialement sur cette page : */
       <style type="text/css">
            .ta_class
            {
            color:blue;
            }
       </style>
</head>
Oui ou nan.
<body>
</body>
</html>

Tu déclare pas ta baliste de type et en plus tu déclare pas sur quoi tu applique color:blue !!!
07 Mars 2006 à 20:12 #19
Il n'y a aucune erreur. color:blue est appliqué à la classe ta_class.

Toute balise du code HTML ayant comme argument supplémentaire class="ta_class" sera affecté par le color:blue

Ici, s'il avait mis <body class="ta_class">, le Oui Nan qui suit serait écrit en bleu ;)
Projets RPG Maker en cours :
Pokémon Adventure Chronicles ; Mystic Warriors II
Comptes de stratégie on-web-site :
14 & 33 (O-Game) ; 5 & 7(Travian)

08 Mars 2006 à 09:53 #20
Bon je sais vous allez me prendre pour un con. Euh :unsure: comment je fait pour connaitre l'url de mon fichier Css.
08 Mars 2006 à 10:00 #21
En fait ton url se fait sur la base de l'emplacement de tes fichiers html.
Le plus simple est que tu crées un dossier "css" ou ce que tu veux (pas de majuscules ni espace) avec les fichiers html du site, et tu places ton fichier css dans ce dossier.
L'url sera donc :
"css/mon_fichier_css.css"

08 Mars 2006 à 10:18 #22
Euh  :unsure: j'ai encore un probléme sa marche pas!
08 Mars 2006 à 10:47 #23
Bah si tu ne nous dis rien de plus, on ne peut pas t'aider ^^

Tu as pensé à enregistrer le fichier en .css ? Tu utilises quoi pour coder ? Bloc-Note ? Notepad ?

08 Mars 2006 à 10:54 #24
J'utilise notepad ++.
Enregistré en Css nan je croit pas.
Je vais vérifié.
08 Mars 2006 à 10:58 #25
Sur notepad (et peut-être sur d'autres ^_^), n'oublie pas qu'il faut que tu changes le langage :
Langage > css
Et il faut modifier l'extension quand tu enregistres, tout comme tu le fais avec tes fichiers html, tu changes l'extension et tu ajoute .html sur le nom de fichier.

08 Mars 2006 à 11:10 #26
Donc je doit appeller mon fichier mon site partie css.css et en dessous  je mais quoi?
08 Mars 2006 à 11:13 #27 Dernière édition: 08 Mars 2006 à 11:16 par Couet
Bah je te l'ai dit, change l'extension, mets le en .text me semble-t-il.

Tout comme tes fichiers html, tu les mets en html.

EDIT : bah non, finalement peu importe, tant que tu mets .css dans le nom du fichier. :)

08 Mars 2006 à 11:23 #28
Merci Couet!
Ne fermer pas tous de suite se topics car il se peut que sa ne marche et que je revienne posté et pour l'instant je ne peut vérifier.
08 Mars 2006 à 11:47 #29
Autre petits détail : affiches-tu les extensions dans ton explorateur ? ça parait con, comme question, mais mine de rien presque personne (initiés mis à part) ne le fais, et quand on leur dis d'appeller leur fichier css.css ils se retrouvent sans le voir avec un fichier css.css.txt ou une connerie dans le genre...
Projets RPG Maker en cours :
Pokémon Adventure Chronicles ; Mystic Warriors II
Comptes de stratégie on-web-site :
14 & 33 (O-Game) ; 5 & 7(Travian)

18 Mars 2006 à 11:58 #30
Sa marche toujour pas donc regarder mon fichier Css externe nommé essai.css dans le dossier cssmon_fichier_css.css  :
Code Sélectionner
h1
{
Color:red;
font-size:20px
}
p
{
color:blue;
}
Et maintenant mon fichier xHTML:
Code Sélectionner
<!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" >
   <head>
       <title>Page d'exemple pour tester le CSS</title>
       <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
       <link rel="stylesheet" media="screen" type="text/css" title="Essai" href="cssmon_fichier_css.css" />
   </head>
   <body>
       <h1>Découverte du CSS</h1>

       <p>
          Bonjour !<br />
          Je suis une page XHTML <em>apparemment</em> banale, mais je sers en fait de test de fichier <acronym title="Cascading Style Sheets">CSS</acronym> pour les tutoriaux du <a href="http://www.siteduzero.com">Site du Zér0</a>
       </p>

       <h2>Ce n'est que du blabla</h2>

       <p>
          Comme l'a dit Neil Armstrong un certain 20 juillet 1969 : <q>C'est un petit pas pour l'Homme, un grand pas pour l'Humanité</q><br />
          J'aime la choucroute en conserve.<br />
          Vive les frites !
       </p>
       <p>
          Quoi, ça ne veut rien dire ce que j'écris ? On s'en fout, c'est pour tester notre fichier .css rhalala ;o)
       </p>
   </body>
</html>
Voial qu'est ce qu'il faut que je chenge pour que mon Css marche?
Merci d'avance!!

18 Mars 2006 à 13:51 #31
A la place de href="cssmon_fichier_css.css" met href="cssmon_fichier_css.css/essai.css"
Citation
Ash Nazg Durbatulùk, Ash Nazg Gimbatul,
Ash Nazg Thrakatulùk agh bruzum-ishi krimpatul.
The fellowship of the Ring - J.R.R. Tolkien
18 Mars 2006 à 15:14 #32
En fait ta page web prend les liens à partir du dossier dans lequel se situe les fichiers html du site. Donc si tu as placé ton fichier css dans un dossier, il faut le lui dire, parce que sinon, le serveur pense que ton fichier css est avec les fichiers html, ce qui n'est pas le cas. ;)
Cf la réponse de BenObiWan

29 Mars 2006 à 09:00 #33
Bon j'ai écrit sa:
Code Sélectionner
<link rel="stylesheet" media="screen" type="text/css" title="Essai" href="cssmon_fichier_css.css/essai.css" />
Et sa marche toujour pas!
Que faire?
Merci d'avance! :super:
29 Mars 2006 à 10:00 #34
Pourquoi est-ce que tu as mis un .css à ton dossier ?  :rolleyes:

Un dossier n'a pas de format.
Code Sélectionner
<link rel="stylesheet" media="screen" type="text/css" title="Essai" href="cssmon_fichier_css/essai.css" />

29 Mars 2006 à 10:41 #35
Sa marche toujours pas:
Code Sélectionner
<link rel="stylesheet" media="screen" type="text/css" title="Essai" href="cssmon_fichier_css/essai.css" />
Nom du Fichier: essai.css
Nom du dossier:cssmon_fichier_css
Pourquoi sa marche pas j'ai fait tous se que vous avez dit pourtant!
29 Mars 2006 à 12:11 #36
Sinon tu achete un logiciel de programation ( Adobe GoLive).
Moins de programmation (généré tout seul).
Et CSS sans rien tapé.
29 Mars 2006 à 19:07 #37
Et sa coute combien de Roro?(¤uro.)
Parce que je veut pas dépenser beaucoup de Roro pour juste un site! :rolleyes:
29 Mars 2006 à 19:31 #38
Tu devrais plutôt essayer de débugger ton truc au lieu de te mettre en tête d'acheter un logiciel qui ca se trouve te compliquera plus la vie qu'autre chose.
30 Mars 2006 à 18:14 #39
D'accord mais es-ce que quelqu'un pourrait me dire comment faire pour le débuger.
Merci d'avance! :super:
30 Mars 2006 à 21:02 #40
Franchement lit des tutoriaux sur la création de site web, ou même achête un livre sur le sujet...
Si tu n'y arrive pas depuis 15jours avec  toutes les explications que l'on t'as donné c'est que tu dois faire une erreur assez grossière. On va pas être disponnible tout le temps pour chaque petite question que tu vas nous poser, et on risque de vite s'énerver...
J'ai testé exactement la configuration que tu nous a décris (en nommant mon même mon  répertoire cssmon_fichier_css.css) et j'ai uploadé ca sur un site, ca marche nickel... Je vois pas ou est le problème... A part si tu n'upload pas le fichiers peut être ...
Citation
Ash Nazg Durbatulùk, Ash Nazg Gimbatul,
Ash Nazg Thrakatulùk agh bruzum-ishi krimpatul.
The fellowship of the Ring - J.R.R. Tolkien
23 Avril 2006 à 11:28 #41
Je croit que j'ai trouvé pour mon Css il faut que je mette c'est code sur ma page Css
Code Sélectionner
<style type="text/css">
        .bleu
        {
            color:blue;
        }
        .rouge
        {
            color:red;
        }
        .vert
        {
            color:green;
        }
        </style>
.Bleu .rouge .vert son de class
Et que je mette href="cssmon_fichier_css/essai.css" sa pour le lien qui relie ma page a mon fichier Css.
Merci de me dire si j'ai raison ou pas.
Imprimer
En haut Pages1
Actions de l'utilisateur