Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
702 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

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

 



 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

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

n°1278943
sicarius
Je trompe énormément ...
Posté le 08-01-2006 à 04:15:05  profilanswer
 

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
mood
Publicité
Posté le 08-01-2006 à 04:15:05  profilanswer
 

n°1278948
gatsu35
Blablaté par Harko
Posté le 08-01-2006 à 07:16:56  profilanswer
 

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

n°1278951
sicarius
Je trompe énormément ...
Posté le 08-01-2006 à 08:05:59  profilanswer
 

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
n°1278952
sicarius
Je trompe énormément ...
Posté le 08-01-2006 à 08:12:40  profilanswer
 

à 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 ?)  :??:

n°1278971
gatsu35
Blablaté par Harko
Posté le 08-01-2006 à 10:16:22  profilanswer
 

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 ?

n°1278974
0x90
Posté le 08-01-2006 à 10:19:20  profilanswer
 

( 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.
n°1278983
sicarius
Je trompe énormément ...
Posté le 08-01-2006 à 10:59:14  profilanswer
 

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>

n°1278985
sicarius
Je trompe énormément ...
Posté le 08-01-2006 à 11:00:34  profilanswer
 

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]  

n°1278992
gatsu35
Blablaté par Harko
Posté le 08-01-2006 à 11:19:40  profilanswer
 

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

n°1279001
sicarius
Je trompe énormément ...
Posté le 08-01-2006 à 11:30:56  profilanswer
 

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

mood
Publicité
Posté le 08-01-2006 à 11:30:56  profilanswer
 

n°1279003
gatsu35
Blablaté par Harko
Posté le 08-01-2006 à 11:38:18  profilanswer
 

le doctype ca se mets avant la balise HTML

n°1279004
sicarius
Je trompe énormément ...
Posté le 08-01-2006 à 11:40:10  profilanswer
 

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

n°1279006
xtof_83
Freeride Spirit
Posté le 08-01-2006 à 11:44:09  profilanswer
 

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

n°1279008
gm_superst​ar
Appelez-moi Super
Posté le 08-01-2006 à 11:49:36  profilanswer
 

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
n°1279009
sicarius
Je trompe énormément ...
Posté le 08-01-2006 à 11:50:37  profilanswer
 

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

n°1279012
gm_superst​ar
Appelez-moi Super
Posté le 08-01-2006 à 11:57:17  profilanswer
 

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
n°1279016
sicarius
Je trompe énormément ...
Posté le 08-01-2006 à 12:02:50  profilanswer
 

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
n°1279019
gatsu35
Blablaté par Harko
Posté le 08-01-2006 à 12:04:52  profilanswer
 

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

n°1279021
sicarius
Je trompe énormément ...
Posté le 08-01-2006 à 12:09:46  profilanswer
 

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:


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

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

 

Sujets relatifs
[Résolu] Image de fond absenteProbleme affichage liens CSS...
[DOS] Transformer des noms de fichiers longs en court, impossible ?CSS - problemes de listes imbriquées
modification de valeur binaire en mysql ?? [resolu][RESOLU] Initialisation des membres par défaut
[resolu] comment surcharger del ?[RESOLU]Compter le nombre de ligne d'un fichier
[Résolu] GET ok sous Firefox mais pas sous IE 
Plus de sujets relatifs à : [CSS] impossible de changer la couleur du fond sous FF (IE ok) RESOLU


Copyright © 1997-2018 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR