Statut : Résolu

Problème : attributs css non lus ?

sillage57, le dimanche 3 février 2008 à 22:44:05

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 ?

Configuration: Windows Vista
Internet Explorer 7.0

Répondre à sillage57 Signaler ce message aux modérateurs Aller au dernier message

Ce message vous semble utile, votez !
Signaler ce message aux modérateurs

RAD ZONE, le dimanche 3 février 2008 à 22:59:05

mets # devant toute les couleurs !!!

 background-color:#FFE4E1;

et ne double pas !!! tu as mis 2 fois le bg colors
♣ La plus grande erreur que puisse faire un homme est d'avoir peur d'en faire une. ♣

Répondre à RAD ZONE

Ce message vous semble utile, votez !
Signaler ce message aux modérateurs

sillage57, le dimanche 3 février 2008 à 23:38:51

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épondre à sillage57

Ce message vous semble utile, votez !
Signaler ce message aux modérateurs

RAD ZONE, le dimanche 3 février 2008 à 23:50:57

met le code complet de ta page avec le css embarque ici je vais voir ca !
♣ La plus grande erreur que puisse faire un homme est d'avoir peur d'en faire une. ♣

Répondre à RAD ZONE

Ce message vous semble utile, votez !
Signaler ce message aux modérateurs

Gihef, le dimanche 3 février 2008 à 23:56:18

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

--

Répondre à Gihef

Ce message vous semble utile, votez !
Signaler ce message aux modérateurs

sillage57, le lundi 4 février 2008 à 09:12:53

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

Répondre à sillage57

Ce message vous semble utile, votez !
Signaler ce message aux modérateurs

Gihef, le lundi 4 février 2008 à 21:43:19

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 : http://www.la-grange.net/w3c/html4.01/types.html#h-6.5

--

Répondre à Gihef

Ce message vous semble utile, votez !
Signaler ce message aux modérateurs

RAD ZONE, le lundi 4 février 2008 à 09:34:47

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
♣ La plus grande erreur que puisse faire un homme est d'avoir peur d'en faire une. ♣

Répondre à RAD ZONE

Ce message vous semble utile, votez !
Signaler ce message aux modérateurs

sillage57, le lundi 4 février 2008 à 09:39:05

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 ?

Répondre à sillage57

Ce message vous semble utile, votez !
Signaler ce message aux modérateurs

sillage57, le lundi 4 février 2008 à 09:41:28

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épondre à sillage57

Ce message vous semble utile, votez !
Signaler ce message aux modérateurs

RAD ZONE, le lundi 4 février 2008 à 09:42:01

regarde mon post au dessus tu n as pas corrige ton css !!!!!!!!!!!!!
♣ La plus grande erreur que puisse faire un homme est d'avoir peur d'en faire une. ♣

Répondre à RAD ZONE

Ce message vous semble utile, votez !
Signaler ce message aux modérateurs

sillage57, le lundi 4 février 2008 à 09:46:17

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épondre à sillage57

Ce message vous semble utile, votez !
Signaler ce message aux modérateurs

RAD ZONE, le lundi 4 février 2008 à 09:49:35

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
♣ La plus grande erreur que puisse faire un homme est d'avoir peur d'en faire une. ♣

Répondre à RAD ZONE

Posez votre question Répondre

[Windows XP] Nb de messages non lusA l'ouverture de session Windows XP, un message sous le nom d'utilisateur vous indique le nombre de messages non lus dans votre boîte de réception. Ce message peut ne pas être réinitialisé automatiquement par Windows ou afficher un nombre de messages... www.commentcamarche.net/faq/sujet-4523-windows-xp-nb-de-messages-non-lus

Page de démarrage - "messages non lus" (Résolu)Bonjour, Quand j'ouvre mon ordi, les différents comptes utilisateurs s'affichent sous windows xp. Sous mon nom, il y a une inscription : "12 messages non lus" relative à une messagerie hotmail clôturée ! J'aimerais faire disparaître... www.commentcamarche.net/forum/affich-5038554-page-de-demarrage-messages-non-lus

XP messages non lus au demarrage (Résolu)Bonjour A l'ouverture de la session windows indique un nombre de messages non lus alors que tout a ete lu. Il me semble que cela provient de msn (messagerie instantannée) qu'un autre utilisateur a utilisé. Y a til quelqu'un qui peut... www.commentcamarche.net/forum/affich-2040124-xp-messages-non-lus-au-demarrage

Différence entre display:none et visibility:hiddenLes deux attributs CSS display:none et visibility:hidden permettent tous deux de masquer l'affichage d'un élément en CSS dans le navigateur. Néanmoins, il existe une subtile nuance : visibility: hidden rend le bloc concerné invisible.... www.commentcamarche.net/faq/sujet-7908-difference-entre-display-none-et-visibility-hidden

[Firefox][GreaseMonkey] Personnaliser les pages webC'est quoi, GreaseMonkey ? Exemple 1 Exemple 2 XPath Fonctions utilitaires removeElement() removeAttributeOfElement() setAttributeOfElement() injectCSS() Exemple 3 Liens C'est quoi, GreaseMonkey ? GreaseMonkey est une extension pour... www.commentcamarche.net/faq/sujet-3910-firefox-greasemonkey-personnaliser-les-pages-web

Changer l'aspect du curseur en CSSLa propriété cursor permet de changer l'aspect du curseur sur un élément d'une page web. Le client affichera automatiquement le curseur de son ordinateur qui correspond au type de curseur que vous aurez choisi. Exemples Liste des attributs... www.commentcamarche.net/faq/sujet-9119-changer-l-aspect-du-curseur-en-css

Windows me signale des messages non lus ? (Résolu)bonjour , voilà , quand j'allume mon pc il m'est demandé mon mot de passe utilisateur , et là dessous , il m'est indiqué le nombre de message non lus ! le hic , c kil m'est annoncé 96 messages non lu ! alors que je les ai tous lus... www.commentcamarche.net/forum/affich-2407779-windows-me-signale-des-messages-non-lus

Message non lus à l'ouverture d'XP (Résolu)Bonjour, J'ai en moitié trouvé la solution de mon probleme qui est de supprimer le message qui dit "X messages non lus", mais en fait ce que je veux c'est juste supprimé le "X messages non lus" d'une seul adresse internet/msn où on ne... www.commentcamarche.net/forum/affich-7599003-message-non-lus-a-l-ouverture-d-xp

[MSN] affichage des messages non lus (Résolu)Bonsoir. Une personne en visite chez moi a regardé ses messages à partir de mon pc. Depuis quand j'ouvre mon pc sous mon nom s'affiche le nombre de messages non lus, comprenant les messages qui me sont destinés plus ceux de mon visiteur.... www.commentcamarche.net/forum/affich-2344134-msn-affichage-des-messages-non-lus

Pour les billets non échangeables à la SNCF, il reste le site Web Troc des Prem's(Paris - Relaxnews) - Que faire des billets Prem's, toujours non échangeables ou remboursables, et des billets classiques dont l'échange sera facturé 10 euros par la SNCF le jour du départ, dès le 7 octobre prochain ? Pour les passagers bloquer avec... www.commentcamarche.net/actualites/pour-les-billets-non-echangeables-a-la-sncf-il-reste-le-site-web-troc-des-prem-s-3572399-actualite.php3

CSS - Les classes de style Il peut s'avérer intéressant d'affecter des styles différents à des mêmes balises. Pour cela les spécifications CSS ont introduit le concept de classe. La définition des classes est aussi simple que celles des styles. Elle consiste à préciser la... www.commentcamarche.net/css/cssclass.php3

CSS - Les couleurs Le standard CSS propose différentes façons de définir des couleurs : par un nom avec la notation hexadécimale avec la notation décimale Le langage HTML définit des noms pour un nombre limité de couleurs (cf couleurs en HTML). Le nombre de couleurs... www.commentcamarche.net/css/css-couleurs.php3

CSS - Syntaxe des styles La définition d'un style se fait à l'aide de règles en texte simple permettant de décrire l'aspect des éléments de la page. Une règle CSS est caractérisée par deux principaux éléments : Un sélecteur de balises, permettant de préciser à quelles... www.commentcamarche.net/css/csssyntax.php3

Toutes les réponses pour « Problème : attributs css non lus ? »