Problème : attributs css non lus ?

Résolu/Fermé

sillage57 - 3 févr. 2008 à 22:44
michel502 - 4 déc. 2008 à 21:50

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 ?

11 réponses

Réponse 1 / 11

RAD ZONE Messages postés 5230 Date d'inscription samedi 20 janvier 2007 Statut Contributeur Dernière intervention 17 août 2024 1 360
3 févr. 2008 à 22:59

mets # devant toute les couleurs !!!

 background-color:#FFE4E1;

et ne double pas !!! tu as mis 2 fois le bg colors

Réponse 2 / 11

sillage57
3 févr. 2008 à 23:38

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.

Réponse 3 / 11

RAD ZONE Messages postés 5230 Date d'inscription samedi 20 janvier 2007 Statut Contributeur Dernière intervention 17 août 2024 1 360
3 févr. 2008 à 23:50

met le code complet de ta page avec le css embarque ici je vais voir ca !

Réponse 4 / 11

Gihef Messages postés 5150 Date d'inscription mercredi 20 juillet 2005 Statut Contributeur Dernière intervention 20 février 2023 2 779
3 févr. 2008 à 23:56

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 “:”

--

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question

Réponse 5 / 11

sillage57
4 févr. 2008 à 09:12

== 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.

Gihef Messages postés 5150 Date d'inscription mercredi 20 juillet 2005 Statut Contributeur Dernière intervention 20 février 2023 2 779
4 févr. 2008 à 21:43

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

--

Réponse 6 / 11

RAD ZONE Messages postés 5230 Date d'inscription samedi 20 janvier 2007 Statut Contributeur Dernière intervention 17 août 2024 1 360
4 févr. 2008 à 09:34

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 !!

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

Réponse 7 / 11

sillage57
4 févr. 2008 à 09:39

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 ?

michel502
4 déc. 2008 à 21:50

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">

</STYLE>

Tu nous résoudrai là un sacré problème.

Bien amicalement.

Michel
https://www.terresacree.org/index.html
sos-planete@terresacree.org

Réponse 8 / 11

sillage57
4 févr. 2008 à 09:41

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 ^^

Réponse 9 / 11

RAD ZONE Messages postés 5230 Date d'inscription samedi 20 janvier 2007 Statut Contributeur Dernière intervention 17 août 2024 1 360
4 févr. 2008 à 09:42

regarde mon post au dessus tu n as pas corrige ton css !!!!!!!!!!!!!

Réponse 10 / 11

sillage57
4 févr. 2008 à 09:46

nan mais j'étais déja en train d'écrire avant d'avoir vu ton post du dessus, mais bon oui la j'ai essayé ta méthode elle marche hihi merci. Je vais essayé d'être plus respectueux des standards, mais bon il faut se balader entre tellement de langages différents j'en perds mon HTML...

Réponse 11 / 11

RAD ZONE Messages postés 5230 Date d'inscription samedi 20 janvier 2007 Statut Contributeur Dernière intervention 17 août 2024 1 360
4 févr. 2008 à 09:49

OK ;-))

html , css , php c est les bases !!

pour mieux comprendre CSS
http://css.alsacreations.com/Bases-et-indispensables/

je mets le sujet resolus !!

RAD