Problème : attributs css non lus ?
Résolu
sillage57
-
michel502 -
michel502 -
Salut ! Alors voila mon problème est simple: je suis en train de faire un site (ah bon?) et pour le rendre plus joli j'ai commencé à apprendre le CSS. Donc j'en mets dans mes pages, sa marche super, alors je décide de faire appel à une feuille de style externe pour pas avoir a me retaper tout le code à chaque fois.
Problème, y a une partie du code qui marche (par exemple si je définisi la largeur de <body>) mais, pour ce même body, l'attribut "background-color" ne fonctionne pas; alors que si je rentre mon css directement dna sma page sa fonctionne. Donc css dans la page sa marche, css dans une feuille de style externe, sa marche à moitié on va dire... et bin suis désespéré j'arrive pas à comprendre c'est quoi le problème ?
***
voila mon code css
<style type="text/css">
body
{
width= 800px;
margin-top= 30px;
margin-bottom= 30px;
background-color: FFE4E1;
scrollbar-base-color= 000000;
scrollbar-3dlight-color= FFC0CB;
scrollbar-face-color= 000000;
scrollbar-darkshadow-color= FFC0CB;
scrollbar-track-color= 000000;
background-color= FFE4E1;
}
</style>
****
et sa c'est dans ma page (fichier .php je précise):
<html>
<head>
<title>
</title>
<link rel="stylesheet" type="text/css" href="/css/style.css">
</head>
<body>
</body>
</html>
so y aurait il un problème de code ? (quand bien même ce code css fonctionne quand il est directement dans la page...)
ou alors il faut que jette jette internet explorer (v 7) par la fenêtre ?
Problème, y a une partie du code qui marche (par exemple si je définisi la largeur de <body>) mais, pour ce même body, l'attribut "background-color" ne fonctionne pas; alors que si je rentre mon css directement dna sma page sa fonctionne. Donc css dans la page sa marche, css dans une feuille de style externe, sa marche à moitié on va dire... et bin suis désespéré j'arrive pas à comprendre c'est quoi le problème ?
***
voila mon code css
<style type="text/css">
body
{
width= 800px;
margin-top= 30px;
margin-bottom= 30px;
background-color: FFE4E1;
scrollbar-base-color= 000000;
scrollbar-3dlight-color= FFC0CB;
scrollbar-face-color= 000000;
scrollbar-darkshadow-color= FFC0CB;
scrollbar-track-color= 000000;
background-color= FFE4E1;
}
</style>
****
et sa c'est dans ma page (fichier .php je précise):
<html>
<head>
<title>
</title>
<link rel="stylesheet" type="text/css" href="/css/style.css">
</head>
<body>
</body>
</html>
so y aurait il un problème de code ? (quand bien même ce code css fonctionne quand il est directement dans la page...)
ou alors il faut que jette jette internet explorer (v 7) par la fenêtre ?
11 réponses
mets # devant toute les couleurs !!!
et ne double pas !!! tu as mis 2 fois le bg colors
background-color:#FFE4E1;
et ne double pas !!! tu as mis 2 fois le bg colors
Alors pour le double bgcolor sa c'est un probleme de copier-coller, sa s'arrange vite de toute façon. Par contre pour le "#" pour les couleur c'est pas necessaire, on peut faire avec ou sans... mais bon j'ai quand même essayé, pour voir, mais non sa marche touzours pas, mais bon merci quand meme ! ;)
Le problème est vraiment dû au fait que ce soit une feuille de style externe, parce-que quand je rentre ce meme code dans ma page (dans le <head>) sa marche nickel...
je sens que je vais me faire le css manuellement parce que cette histoire commence à me souler mais les mises a jour vont être longue.
Le problème est vraiment dû au fait que ce soit une feuille de style externe, parce-que quand je rentre ce meme code dans ma page (dans le <head>) sa marche nickel...
je sens que je vais me faire le css manuellement parce que cette histoire commence à me souler mais les mises a jour vont être longue.
Bonjour,
Peux-tu nous indiquer le document qui précise que le “#” est inutile ?
Par contre, les “<style type="text/css">” et “</style>” sont bien inutiles dans la feuille de styles externe.
Et les attributs ne se placent pas après un “=” mais plutôt après un “:”
--
Peux-tu nous indiquer le document qui précise que le “#” est inutile ?
Par contre, les “<style type="text/css">” et “</style>” sont bien inutiles dans la feuille de styles externe.
Et les attributs ne se placent pas après un “=” mais plutôt après un “:”
--
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
== Pour Gihef
Euh je sais pas si y a un document qui précise sa, par contre j'ai toujours fait comme ça (pas mettre de #) et sa marche, enfin en local en tout cas, j'ai pas encore essayé de mettre le site en ligne mais peut-être qu'en ligne sa poserait problème ?
Et pour les balises style je savais pas que c'était inutile, mais de toute façon je les laisse, parce-que comme je fais "copier-coller " de mon css entre les pages (j'suis bien obligé mon css externe veut pas marcher) j'ai pas à réécrire les balises <style>... mais est-ce que sa peut vraiment poser un problème d'affichage de mettre des '=' a la place des ':', ect... parce que en local je vois pas de différences... mais bon je vais essayer de prendre les bonnes habitudes.
== Pour RAD ZONE
Voila le code, bon sa fait appel a d'autre fichier php (menu, bidule...) j'ai pas besoin de mettre les autres. Sa c'est mon home.php :
<html>
<head>
<title>
Mon site mouah ah ah
</title>
<link rel="stylesheet" type="text/css" href="/dita/css/style.css">
<style type="text/css">
body
{
width= 800px;
margin-top= 30px;
margin-bottom= 30px;
background-color: #FFE4E1;
scrollbar-base-color: #000000;
scrollbar-3dlight-color: #FFC0CB;
scrollbar-face-color=: #000000;
scrollbar-darkshadow-color= #FFC0CB;
scrollbar-track-color= #000000;
}
#body
{
margin-left= 151px;
text-align= justify;
background-color= #E6E6FA;
color= green;
font-size= 20px;
}
#all
{
width= 800px;
position= absolute;
left= 50%;
margin-left= -400px;
}
#menu
{
width= 150px;
float= left;
background-color= red;
font-size= 30px;
}
#bottom
{
width= 800px;
}
</style>
</head>
<body>
<div id="all">
<div id="head">
<?php
include ("C:\wamp\www\Dita\php\up.php");
?>
</div>
<div id="menu">
<?php
include ("C:\wamp\www\Dita\php\menu.php");
?>
</div>
<div id="body">
Ceci est le contenu de mon site, bon c'est nul pour l'instant ah ah mais on s'en fout.
</div>
<div id="bottom">
<?php
include ("C:\wamp\www\Dita\php\bottom.php");
?>
</div>
</div>
</body>
</html>
Je reprécise que sous cette forme sa marche, alors y a un truc avec les css externes que ze comprend pas. Si t'arrive a me faire une (ou un ?) css externe qui marche j'te paie un twiiix.
Euh je sais pas si y a un document qui précise sa, par contre j'ai toujours fait comme ça (pas mettre de #) et sa marche, enfin en local en tout cas, j'ai pas encore essayé de mettre le site en ligne mais peut-être qu'en ligne sa poserait problème ?
Et pour les balises style je savais pas que c'était inutile, mais de toute façon je les laisse, parce-que comme je fais "copier-coller " de mon css entre les pages (j'suis bien obligé mon css externe veut pas marcher) j'ai pas à réécrire les balises <style>... mais est-ce que sa peut vraiment poser un problème d'affichage de mettre des '=' a la place des ':', ect... parce que en local je vois pas de différences... mais bon je vais essayer de prendre les bonnes habitudes.
== Pour RAD ZONE
Voila le code, bon sa fait appel a d'autre fichier php (menu, bidule...) j'ai pas besoin de mettre les autres. Sa c'est mon home.php :
<html>
<head>
<title>
Mon site mouah ah ah
</title>
<link rel="stylesheet" type="text/css" href="/dita/css/style.css">
<style type="text/css">
body
{
width= 800px;
margin-top= 30px;
margin-bottom= 30px;
background-color: #FFE4E1;
scrollbar-base-color: #000000;
scrollbar-3dlight-color: #FFC0CB;
scrollbar-face-color=: #000000;
scrollbar-darkshadow-color= #FFC0CB;
scrollbar-track-color= #000000;
}
#body
{
margin-left= 151px;
text-align= justify;
background-color= #E6E6FA;
color= green;
font-size= 20px;
}
#all
{
width= 800px;
position= absolute;
left= 50%;
margin-left= -400px;
}
#menu
{
width= 150px;
float= left;
background-color= red;
font-size= 30px;
}
#bottom
{
width= 800px;
}
</style>
</head>
<body>
<div id="all">
<div id="head">
<?php
include ("C:\wamp\www\Dita\php\up.php");
?>
</div>
<div id="menu">
<?php
include ("C:\wamp\www\Dita\php\menu.php");
?>
</div>
<div id="body">
Ceci est le contenu de mon site, bon c'est nul pour l'instant ah ah mais on s'en fout.
</div>
<div id="bottom">
<?php
include ("C:\wamp\www\Dita\php\bottom.php");
?>
</div>
</div>
</body>
</html>
Je reprécise que sous cette forme sa marche, alors y a un truc avec les css externes que ze comprend pas. Si t'arrive a me faire une (ou un ?) css externe qui marche j'te paie un twiiix.
Ce n'est pas parce que certains navigateurs ont été prévus pour prendre en compte certains défauts du code qu'ils ont à traiter que c'est correct : https://www.la-grange.net/w3c/html4.01/types.html#h-6.5
--
--
SALUT
Voila un css externe qui fonctionne sur ta page !!!
MAIS J AI CHANGE UNE ID "body" par "main" dans le php
ce n est pas bon de prendre un nom d id qui peut porter a confusion pour les navgateur !!!
donc tu renomeras ta " <div id="body" par <div id="main" dans ta page
la j ai mis un background presque noir #121010 pour que tu vois bien !!
ET GIHEF A RAISON !!!! # a mettre et pas de <style type="text/css"></style> dans le css et des ":" pas des "="!!!!!!
RAD
Voila un css externe qui fonctionne sur ta page !!!
MAIS J AI CHANGE UNE ID "body" par "main" dans le php
ce n est pas bon de prendre un nom d id qui peut porter a confusion pour les navgateur !!!
donc tu renomeras ta " <div id="body" par <div id="main" dans ta page
la j ai mis un background presque noir #121010 pour que tu vois bien !!
body
{
width: 800px;
margin-top: 30px;
margin-bottom:30px;
background-color: #121010;
scrollbar-base-color: #000000;
scrollbar-3dlight-color: #FFC0CB;
scrollbar-face-color: #000000;
scrollbar-darkshadow-color: #FFC0CB;
scrollbar-track-color: #000000;
}
#main
{
margin-left: 151px;
text-align: justify;
background-color: #E6E6FA;
color: green;
font-size: 20px;
}
#all
{
width: 800px;
position: absolute;
left: 50%;
margin-left: -400px;
}
#menu
{
width: 150px;
float: left;
background-color: red;
font-size: 30px;
}
#bottom
{
width: 800px;
}
ET GIHEF A RAISON !!!! # a mettre et pas de <style type="text/css"></style> dans le css et des ":" pas des "="!!!!!!
RAD
Arff c'est bon j'ai trouvé apparament (nan ne me jettais pas de cailloux).
Le problème venait de mon "body" dans mon CSS. Je l'ai mis tout au début:
body
{
background-color: 000000;
}
et après j'ai mis les autre balises avec "id", tous les #menu, #bottom...
Pour faire marcher mon CSS externe j'ai du mettre mon "body" tout a la fin, apres les "balises id", et là ma feuille de style a fonctionné (je sais pas si j'ai été très clair). en clair j'ai fait sa :
#body
{
margin-left= 151px;
text-align= justify;
background-color= #000000;
color= pink;
font-size= 20px;
}
#all
{
width= 800px;
position= absolute;
left= 50%;
margin-left= -400px;
}
#menu
{
width= 150px;
float= left;
background-color= black;
font-size= 30px;
color= white;
}
#bottom
{
width= 800px;
}
body
{
width= 800px;
margin-top= 30px;
margin-bottom= 30px;
background-color: 000000;
scrollbar-base-color: 000000;
scrollbar-3dlight-color: FFC0CB;
scrollbar-face-color=: 000000;
scrollbar-darkshadow-color= FFC0CB;
scrollbar-track-color= 000000;
}
et là miracle sa marche... quelqu'un a une expliquation sur ce phénomène ?
Le problème venait de mon "body" dans mon CSS. Je l'ai mis tout au début:
body
{
background-color: 000000;
}
et après j'ai mis les autre balises avec "id", tous les #menu, #bottom...
Pour faire marcher mon CSS externe j'ai du mettre mon "body" tout a la fin, apres les "balises id", et là ma feuille de style a fonctionné (je sais pas si j'ai été très clair). en clair j'ai fait sa :
#body
{
margin-left= 151px;
text-align= justify;
background-color= #000000;
color= pink;
font-size= 20px;
}
#all
{
width= 800px;
position= absolute;
left= 50%;
margin-left= -400px;
}
#menu
{
width= 150px;
float= left;
background-color= black;
font-size= 30px;
color= white;
}
#bottom
{
width= 800px;
}
body
{
width= 800px;
margin-top= 30px;
margin-bottom= 30px;
background-color: 000000;
scrollbar-base-color: 000000;
scrollbar-3dlight-color: FFC0CB;
scrollbar-face-color=: 000000;
scrollbar-darkshadow-color= FFC0CB;
scrollbar-track-color= 000000;
}
et là miracle sa marche... quelqu'un a une expliquation sur ce phénomène ?
Bonsoir,
Tu as apparement résolu le problème des scrollbars en fichier css externe.
J'ai essayé de reproduire tes consignes mais avec moi cela n'a pas marché. Peux-tu nous aider à faire apparaitre cette scrollbar. Notre code est sur https://www.terresacree.org/styles.css et une page d'appel https://www.terresacree.org/cyber.htm
Peux-tu nous renvoyer ( sos-planete@terresacree.org )
le fichier styles.css avec le bon agencement du code
<STYLE type="text/css">
<!--
Body {
scrollbar-face-color:#000000;
scrollbar-highlight-color:#828282;
scrollbar-3dlight-color:#707070;
scrollbar-darkshadow-color:#000000;
scrollbar-shadow-color:#525252;
scrollbar-arrow-color:#FF0000;
scrollbar-track-color:#000000;
}
-->
</STYLE>
Tu nous résoudrai là un sacré problème.
Bien amicalement.
Michel
https://www.terresacree.org/index.html
sos-planete@terresacree.org
Tu as apparement résolu le problème des scrollbars en fichier css externe.
J'ai essayé de reproduire tes consignes mais avec moi cela n'a pas marché. Peux-tu nous aider à faire apparaitre cette scrollbar. Notre code est sur https://www.terresacree.org/styles.css et une page d'appel https://www.terresacree.org/cyber.htm
Peux-tu nous renvoyer ( sos-planete@terresacree.org )
le fichier styles.css avec le bon agencement du code
<STYLE type="text/css">
<!--
Body {
scrollbar-face-color:#000000;
scrollbar-highlight-color:#828282;
scrollbar-3dlight-color:#707070;
scrollbar-darkshadow-color:#000000;
scrollbar-shadow-color:#525252;
scrollbar-arrow-color:#FF0000;
scrollbar-track-color:#000000;
}
-->
</STYLE>
Tu nous résoudrai là un sacré problème.
Bien amicalement.
Michel
https://www.terresacree.org/index.html
sos-planete@terresacree.org
ah ta repondu juste avant... bah je vais essayer ta soluce quand même pour voir, et si sa marche pas, pas de twix mouahaha ^^