[CSS] impossible de changer la couleur du fond sous FF (IE ok) RESOLU

impossible de changer la couleur du fond sous FF (IE ok) RESOLU [CSS] - HTML/CSS - Programmation

Marsh Posté le 08-01-2006 à 04:15:05    

Bon je comprend pas, il me semble que l'autre jour ça marchait  [:gratgrat]  
En gros je n'arrive plus à changer la couleur du fond de page sous FF, alors que sous IE ça marche très bien.
Voici mon CSS :
 
 
<style type="text/css">
<!--
 
BODY {background: #333333; font-family: arial}
A:link {color: blue}
A:visited {color: black}
H1 {font-size: 24pt; font-family: arial}
H2 {font-size: 18pt; font-family: braggadocio}
H3 {font size:14pt; font-family: desdemona}
 
 
 
#navlist
{
background: #FFCC00;
margin: 0px;
padding: 0px;
height: 21px;
border: 1px solid #FFEA93;
}
 
#navlist li
{
display: inline;
float: left;
margin: 0px;
padding: 0px;
list-style: none;
}
 
#navlist li a:link, #navlist li a:visited
{
font: bold 24px/18px Georgia, "Times New Roman", Times, serif;
color: #FFEA93;
text-decoration: none;
display: block;
padding: 0px 0px 0px 3px;
margin: 1px;
height: 18px;
overflow: hidden;
width: 135px;
text-align: center;
}
 
#navlist li a#current
{
color: #FFFFFF;
font-style: italic;
}
 
#navlist li a:hover, #navlist li a:active
{
color: #FFFFFF;
text-decoration: none;
background: #CC3333;
text-align: left;
text-transform: uppercase;
font: bold normal 10px/16px "Lucida Sans Unicode", verdana, lucida, arial, helvetica, sans-serif;
}
 
 
 
 
 
 
-->
</style>
 
Vous focalisez pas sur les couleurs ou les polices je voulais justement les changer (code que j'ai repiqué sur le net).


Message édité par sicarius le 08-01-2006 à 12:03:17
Reply

Marsh Posté le 08-01-2006 à 04:15:05   

Reply

Marsh Posté le 08-01-2006 à 07:16:56    

ben si ca marche parfaitement,
et ton html il ressemble à quoi ?

Reply

Marsh Posté le 08-01-2006 à 08:05:59    

je comprend pas, même en utilisant la syntaxe  
 

BODY {background-color: pink}


 
qui semble être plus correcte que la 1ere utilisée, ça marche pas non plus.
Test sous opera 8.5 aussi, le fond reste blanc aussi.
 
Pour le HTML, bah c'est du classique, même si je ne mets rien dedans ça reste blanc :/
 

<link rel=stylesheet href="bsl.css" type="text/css">


Message édité par sicarius le 08-01-2006 à 08:08:04
Reply

Marsh Posté le 08-01-2006 à 08:12:40    

à noter que si j'inclut une police comme à l'origine, ça marche pas non plus :
 

BODY {background-color: pink; font-family: arial black}


 
Est ce que ça peut être un problême de majuscules (body doit il etre écrit en minuscule ou en majuscules ?)  :??:

Reply

Marsh Posté le 08-01-2006 à 10:16:22    

TON CODE HTML DE LA PAGE GENEREE :o
 
c'est pas par un bout de code q'on aura la solution bourdaÿl
 
mais en ayant justement ta page HTML complète.
Donc tu file le code de la page générée et on va te le dire, doit y avoir un truc qui cloche on découvrira pour quoi.
C'est comme si tu me disais par téléphone : Docteur j'ai mal au genou vous pouvez me dire ce que j'ai ?
Ben mon brave, sans voir votre genou je peux rien vous dire. !!!
 
Pourquoi on doit toujours se justifier quand on veut vous aider ?

Reply

Marsh Posté le 08-01-2006 à 10:19:20    

( si ma mémoire est bonne les css sont case-sensitive, donc met tes balises en minuscules et leur spécifications dans la css aussi, voir si ca résouds pas le pb ;) )


---------------
Me: Django Localization, Yogo Puzzle, Chrome Grapher, C++ Signals, Brainf*ck.
Reply

Marsh Posté le 08-01-2006 à 10:59:14    

bon voilà le fameux code, pas de quoi casser 3 pattes à un canard  :o  
 
<html>
 
<head>
<title> Cherry - Main </title>
 
<link rel=stylesheet href="bsl.css" type="text/css">
 
 
</head>
 
<body>  
 
<div id="navcontainer">
<ul id="navlist">
<li id="active"><a href="main.html" id="current">Main</a></li>
<li><a href="photos.html">Photos</a></li>
<li><a href="contact.html">Contact</a></li>
<li><a href="links.html">Links</a></li>
</ul>
</div>
 
 
 
 
 
 
 
</body>
</html>

Reply

Marsh Posté le 08-01-2006 à 11:00:34    

0x90 a écrit :

( si ma mémoire est bonne les css sont case-sensitive, donc met tes balises en minuscules et leur spécifications dans la css aussi, voir si ca résouds pas le pb ;) )


 
je viens de tout passer en minuscule rien de changé  [:spamafote]  

Reply

Marsh Posté le 08-01-2006 à 11:19:40    

<link rel=stylesheet href="bsl.css" type="text/css">  
 
il manque les guillemets (ca fera mieux et ca passera ptet mieux :o sous FF
 
<link rel="stylesheet" href="bsl.css" type="text/css">  
 
ensuite as tu essayé en spécifiant un doctype ?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
 
 

Reply

Marsh Posté le 08-01-2006 à 11:30:56    

bon je viens de faire ce que tu m'as dit, rien ne bouge.
J'ai même essayé sur un autre PC (je me demandais si j'avais pas foiré un truc en changeant les options de FF l'autre jour) et sous Safari avec un iBook, même punition : le fond reste blanc.
 
La feuille de CSS je suis censé mettre quoi dedans ? Le doctype, les balises <html> et <head> ? (enfin bon j'ai essayé avec et sans ça change rien).

Reply

Marsh Posté le 08-01-2006 à 11:30:56   

Reply

Marsh Posté le 08-01-2006 à 11:38:18    

le doctype ca se mets avant la balise HTML

Reply

Marsh Posté le 08-01-2006 à 11:40:10    

par curiosité je viens de créer dans un nouveau dossier 2 fichiers simplifiés à l'extrême pour voir ce que ça donne.
Même chose : IE affiche du rose et de l'arial black, FF police standard et fond blanc !!!
 
<html>
 
<head>
<link rel="stylesheet" href="text3.css" type="text/css">
</head>
 
<body>
 
Pourquoi ça marche pas ???
 
</body>
</html>
 
et le css :
 
 
<style type="text/css">
<!--
 
body {background-color: pink; font-family: arial black}
 
-->

Reply

Marsh Posté le 08-01-2006 à 11:44:09    

ça : <style type="text/css">  
 
tu le met dans le fichier .css ?????????????
 
si oui vire le

Reply

Marsh Posté le 08-01-2006 à 11:49:36    

Bah oui c'est un fichier css, pas du html...


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 08-01-2006 à 11:50:37    

xtof_83 a écrit :

ça : <style type="text/css">  
 
tu le met dans le fichier .css ?????????????
 
si oui vire le


 
 
oui effectivement c'était dedans. J'ai récupéré ça dans un tuto sur HTML goodies, mais je crois qu'il était de 1998, donc ça a du évoluer depuis :D
Mais ça change rien après l'avoir viré.
Ma feuille css elle doit contenir quoi exactement ?
- doctype ?
- balise <html> ?
- <head> ?

Reply

Marsh Posté le 08-01-2006 à 11:57:17    

Comme je l'ai dit c'est un fichier CSS donc pas de code HTML dedans (même pas de commentaires).
 
Donc juste des propriétés CSS.


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 08-01-2006 à 12:02:50    

alleluia je t'aime  :love:  
Comme indiqué dans le tuto j'avais placé tous mes codes css entre <!-- et --> et en les enlevant ça marche !
Bon je laisse tomber les vieux tutos, mais c'est dommage celui là était simple  :ange:


Message édité par sicarius le 08-01-2006 à 12:04:59
Reply

Marsh Posté le 08-01-2006 à 12:04:52    

simple ?
 
trop pourri peut etre, tu as l'adresse de ce tuto ?
 
car là le gars il a du fumer quand il l'a fait. et dire que je suis passé à coté de ce truc aussi con :/
 
utilise topstyle lite pour faire une feuille de style, tu verras tout de suite les erreurs, c'est un bon conseil

Reply

Marsh Posté le 08-01-2006 à 12:09:46    

http://www.htmlgoodies.com/beyond/ [...] hp/3470371
 
en relisant, disons que c'est pas très clair et que j'ai mal interprêté ce qui était écrit.
Je me suis basé sur :
 

Citation :

The style sheet is text so if you just type it on the page, it will show up and we can't have that. So! In addition to the the style commands above, surround the text with <!-- and --> Those happy little commands make the text invisible. Like Wonder Woman's jet. Man, I loved that show.


 
mais ça n'était valable que pour une page html, pas pour une css.
 
Bon allez je m'y remets, merci à tous pour le coup de main  :jap:

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed