[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 à 07:16:56
ben si ca marche parfaitement,
et ton html il ressemble à quoi ?
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
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 ?) 
Marsh Posté le 08-01-2006 à 10:16:22
TON CODE HTML DE LA PAGE GENEREE 
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 ?
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.
Marsh Posté le 08-01-2006 à 10:59:14
bon voilà le fameux code, pas de quoi casser 3 pattes à un canard
<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>
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]](https://forum-images.hardware.fr/images/perso/spamafote.gif "[:spamafote]")
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 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">
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).
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}
-->
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
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
Marsh Posté le 08-01-2006 à 11:50:37
| xtof_83 a écrit : ça : <style type="text/css"> |
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 
Mais ça change rien après l'avoir viré.
Ma feuille css elle doit contenir quoi exactement ?
- doctype ?
- balise <html> ?
- <head> ?
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
Marsh Posté le 08-01-2006 à 12:02:50
alleluia je t'aime 
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 
Message édité par sicarius le 08-01-2006 à 12:04:59
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
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 
Sujets relatifs:
- [Résolu] Image de fond absente
- Probleme 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
Marsh Posté le 08-01-2006 à 04:15:05
Bon je comprend pas, il me semble que l'autre jour ça marchait![[:gratgrat]](https://forum-images.hardware.fr/images/perso/gratgrat.gif "[: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