Petit problème de CSS
lyly93mille
Messages postés
6
Date d'inscription
Statut
Membre
Dernière intervention
-
freakhopes Messages postés 38 Date d'inscription Statut Membre Dernière intervention -
freakhopes Messages postés 38 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
J'ai un petit soucis de CSS sur mon site web: J'ai bien créé la page "style.css", je rapporte bien chaque page grace au code <link rel="stylesheet" type="text/css" href="style.css">.
Seulement, il n'influe pas sur mes pages.
Le voici:
body {
background-color:transparent;
margin:0px 0px 0px 0px;
} h1 {
font-family:comic sans ms, sans-serif;
font-size:100%;
color:white;
background-color:transparent;
text-align:center;
} h2 {
font-family:comic sans ms, sans-serif;
font-size:100%;
color:black;
background-color:transparent;
text-align:center;
} h3 {
font-family:comic sans ms, sans-serif;
font-size:100%;
color:black;
background-color:transparent;
text-align:center;
}
p {
font-family:comic sans ms, sans-serif;
font-size:100%;
color:white;
background-color:transparent;
text-align:left;
margin-left:0px;
margin-right:0px;
}
li {
font-family:comic sans ms, sans-serif;
font-size:100%;
color:black;
background-color:transparent;
text-align:center;
margin-left:0px;
margin-right:0px;
}
a:link {
font-family:comic sans ms, sans-serif;
font-size:100%;
color:black;
background-color:transparent;
text-decoration:underline;
}
a:visited {
font-family:comic sans ms, sans-serif;
font-size:100%;
color:black;
background-color:transparent;
text-decoration:underline;
}
a:hover {
font-family:comic sans ms, sans-serif;
font-size:100%;
color:#006400;
background-color:transparent;
text-decoration:underline;
}
table {
border-color:transparent;
border-style:solid;
border-width:1px;
}
td {
font-family:verdana, sans-serif;
font-size:100%;
color:black;
text-align:left;
background-color:transparent;
border-color:transparent;
border-style:solid;
border-width:1px;
}
{
scrollbar-face-color: #FFFF66;
scrollbar-shadow-color: #000000;
scrollbar-highlight-color: #000000;
scrollbar-3dlight-color: #000000;
scrollbar-darkshadow-color: #000000;
scrollbar-track-color: #FFFF66;
scrollbar-arrow-color: #FFFF66;
scrollbar-base-color: #FFFF66;
}
<!--
Si vous pouviez m'aider à comprendre ce qui ne va pas... Merci beaucoup!!
J'ai un petit soucis de CSS sur mon site web: J'ai bien créé la page "style.css", je rapporte bien chaque page grace au code <link rel="stylesheet" type="text/css" href="style.css">.
Seulement, il n'influe pas sur mes pages.
Le voici:
body {
background-color:transparent;
margin:0px 0px 0px 0px;
} h1 {
font-family:comic sans ms, sans-serif;
font-size:100%;
color:white;
background-color:transparent;
text-align:center;
} h2 {
font-family:comic sans ms, sans-serif;
font-size:100%;
color:black;
background-color:transparent;
text-align:center;
} h3 {
font-family:comic sans ms, sans-serif;
font-size:100%;
color:black;
background-color:transparent;
text-align:center;
}
p {
font-family:comic sans ms, sans-serif;
font-size:100%;
color:white;
background-color:transparent;
text-align:left;
margin-left:0px;
margin-right:0px;
}
li {
font-family:comic sans ms, sans-serif;
font-size:100%;
color:black;
background-color:transparent;
text-align:center;
margin-left:0px;
margin-right:0px;
}
a:link {
font-family:comic sans ms, sans-serif;
font-size:100%;
color:black;
background-color:transparent;
text-decoration:underline;
}
a:visited {
font-family:comic sans ms, sans-serif;
font-size:100%;
color:black;
background-color:transparent;
text-decoration:underline;
}
a:hover {
font-family:comic sans ms, sans-serif;
font-size:100%;
color:#006400;
background-color:transparent;
text-decoration:underline;
}
table {
border-color:transparent;
border-style:solid;
border-width:1px;
}
td {
font-family:verdana, sans-serif;
font-size:100%;
color:black;
text-align:left;
background-color:transparent;
border-color:transparent;
border-style:solid;
border-width:1px;
}
{
scrollbar-face-color: #FFFF66;
scrollbar-shadow-color: #000000;
scrollbar-highlight-color: #000000;
scrollbar-3dlight-color: #000000;
scrollbar-darkshadow-color: #000000;
scrollbar-track-color: #FFFF66;
scrollbar-arrow-color: #FFFF66;
scrollbar-base-color: #FFFF66;
}
<!--
Si vous pouviez m'aider à comprendre ce qui ne va pas... Merci beaucoup!!
A voir également:
- Petit problème de CSS
- Trier du plus petit au plus grand excel - Guide
- Petit 3 ✓ - Forum Word
- Petit 2 ✓ - Forum Windows
- Petit 9 - Forum Mail
- Comment imprimer une photo en petit ✓ - Forum Photo numérique
11 réponses
Ba alors lui il n'a rien changer ! =)
Repond deja a cette question que t'a dit euh je sais plus son nom =)
le fichier style.css se trouve bien dans le méme dossier que la page web ?
Repond deja a cette question que t'a dit euh je sais plus son nom =)
le fichier style.css se trouve bien dans le méme dossier que la page web ?
Oula plein de truc qui va pas :s alors :
body
{
background-color:transparent; <= je suis pas sur que ce soit possible autant ne rien mettre
margin:0px 0px 0px 0px; <= Pourquoi en mettre autant un seul suffit !!
}
h1
{
font-family:comic sans ms, sans-serif; <= il faut mettre des guillemets pour les polices avec des espaces
font-size:100%; <= tu ne peut pas mettre une police avec un % ou est la police de référence sinon utilise les pixels !
color:white;
background-color:transparent; <= pareil que le background
text-align:center;
}
h2
{
font-family:comic sans ms, sans-serif; <= pareil les guillemets
font-size:100%; <= pixels
color:black;
background-color:transparent; <= là aussi
text-align:center;
}
h3
{
font-family:comic sans ms, sans-serif; <=guillemets
font-size:100%; <= pixels
color:black;
background-color:transparent; <= transparent ??
text-align:center;
}
p
{
font-family:comic sans ms, sans-serif; <=guillemets
font-size:100%; <= pixels
color:white;
background-color:transparent; transparent ??
text-align:left;
margin-left:0px;
margin-right:0px;
}
li
{
font-family:comic sans ms, sans-serif; <=guillemets
font-size:100%; <= pixels
color:black;
background-color:transparent; <= transparent ??
text-align:center;
margin-left:0px;
margin-right:0px;
}
a:link
{
font-family:comic sans ms, sans-serif; <=guillemets
font-size:100%; <= pixels
color:black;
background-color:transparent; <= transparent ??
text-decoration:underline;
}
a:visited
{
font-family:comic sans ms, sans-serif; <=guillemets
font-size:100%; <= pixels
color:black;
background-color:transparent; <= transparent ??
text-decoration:underline;
}
a:hover
{
font-family:comic sans ms, sans-serif; <= guillemets
font-size:100%; <= pixel
color:#006400;
background-color:transparent; <= transparent ??
text-decoration:underline;
}
table
{
border-color:transparent; <= |
border-style:solid; <= | > Fait une propriété globale c'est plus simple = border : red, solid, 1px;
border-width:1px; <= |
}
td
{
font-family:verdana, sans-serif;
font-size:100%; <= pixels
color:black;
text-align:left;
background-color:transparent; <= transparent ??
border-color:transparent; <= transparent ??
border-style:solid; <= |
border-width:1px; <=| > là aussi une seule balise suffit = border : solid, 1px;
}
{
scrollbar-face-color: #FFFF66;
scrollbar-shadow-color: #000000;
scrollbar-highlight-color: #000000;
scrollbar-3dlight-color: #000000;
scrollbar-darkshadow-color: #000000;
scrollbar-track-color: #FFFF66;
scrollbar-arrow-color: #FFFF66;
scrollbar-base-color: #FFFF66;
}
body
{
background-color:transparent; <= je suis pas sur que ce soit possible autant ne rien mettre
margin:0px 0px 0px 0px; <= Pourquoi en mettre autant un seul suffit !!
}
h1
{
font-family:comic sans ms, sans-serif; <= il faut mettre des guillemets pour les polices avec des espaces
font-size:100%; <= tu ne peut pas mettre une police avec un % ou est la police de référence sinon utilise les pixels !
color:white;
background-color:transparent; <= pareil que le background
text-align:center;
}
h2
{
font-family:comic sans ms, sans-serif; <= pareil les guillemets
font-size:100%; <= pixels
color:black;
background-color:transparent; <= là aussi
text-align:center;
}
h3
{
font-family:comic sans ms, sans-serif; <=guillemets
font-size:100%; <= pixels
color:black;
background-color:transparent; <= transparent ??
text-align:center;
}
p
{
font-family:comic sans ms, sans-serif; <=guillemets
font-size:100%; <= pixels
color:white;
background-color:transparent; transparent ??
text-align:left;
margin-left:0px;
margin-right:0px;
}
li
{
font-family:comic sans ms, sans-serif; <=guillemets
font-size:100%; <= pixels
color:black;
background-color:transparent; <= transparent ??
text-align:center;
margin-left:0px;
margin-right:0px;
}
a:link
{
font-family:comic sans ms, sans-serif; <=guillemets
font-size:100%; <= pixels
color:black;
background-color:transparent; <= transparent ??
text-decoration:underline;
}
a:visited
{
font-family:comic sans ms, sans-serif; <=guillemets
font-size:100%; <= pixels
color:black;
background-color:transparent; <= transparent ??
text-decoration:underline;
}
a:hover
{
font-family:comic sans ms, sans-serif; <= guillemets
font-size:100%; <= pixel
color:#006400;
background-color:transparent; <= transparent ??
text-decoration:underline;
}
table
{
border-color:transparent; <= |
border-style:solid; <= | > Fait une propriété globale c'est plus simple = border : red, solid, 1px;
border-width:1px; <= |
}
td
{
font-family:verdana, sans-serif;
font-size:100%; <= pixels
color:black;
text-align:left;
background-color:transparent; <= transparent ??
border-color:transparent; <= transparent ??
border-style:solid; <= |
border-width:1px; <=| > là aussi une seule balise suffit = border : solid, 1px;
}
{
scrollbar-face-color: #FFFF66;
scrollbar-shadow-color: #000000;
scrollbar-highlight-color: #000000;
scrollbar-3dlight-color: #000000;
scrollbar-darkshadow-color: #000000;
scrollbar-track-color: #FFFF66;
scrollbar-arrow-color: #FFFF66;
scrollbar-base-color: #FFFF66;
}
Tout est dans le même dossier. Je suis hebergée chez geocities et je créé mes sources html directement sur le site si ça peut aider..
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Et oui, si c'est possible puisque mon site est construit sur une iframe. (Background transparent).
En gros, les pages s'appliquent dans l'iframe et elles sont en transparence sont sur le fond de la page principale du site
En gros, les pages s'appliquent dans l'iframe et elles sont en transparence sont sur le fond de la page principale du site
okay' dans ce cas ouais donc désolé pour la remarque inutile mais n'oublie pas les "comic sans ms" ou les 20px pour le texte ça feras peut être rien de plus mais après tu pourras valider ton W3C niveau CSS et permettre un meilleur classement sur les moteur de recherche ;)
Ca fait toujours rien... J'ai fait toutes les modifs indiquées ci-dessus et c'est pas actif sur mes pages. Si vous pouviez me faire un modele de css? Merci bcp
tu peut aussi tenter de l'insérer dans ta page HTML si ça fonctionne pas sur deux pages je vais prendre l'exemple en faisant comme si tu avait une seule page :
<DOCTYPE .........>
<head>
....
<style type="text/CSS">
body
{
color-background : transparent;
margin : 2px;
}
p
{
font-size : 20px;
color : blue;
font-family : "comic sans ms", "arial black", verdana, arial;
}
table
{
border : red outset 2px;
margin-left : 50px;
}
</style>
<body>
...
</body>
</html>
Avec une seule page tu peut faire comme ça par contre si ton code CSS est long comme c'est le cas vaut mieux le mettre sur deux pages mais essaye déjà comme ça en l'insérant dans la page html si ça marche c'est surement l'hébergeur
<DOCTYPE .........>
<head>
....
<style type="text/CSS">
body
{
color-background : transparent;
margin : 2px;
}
p
{
font-size : 20px;
color : blue;
font-family : "comic sans ms", "arial black", verdana, arial;
}
table
{
border : red outset 2px;
margin-left : 50px;
}
</style>
<body>
...
</body>
</html>
Avec une seule page tu peut faire comme ça par contre si ton code CSS est long comme c'est le cas vaut mieux le mettre sur deux pages mais essaye déjà comme ça en l'insérant dans la page html si ça marche c'est surement l'hébergeur
Oui ça marche, mais j'avais dejà fait un css il y a 3 ou 4 ans avec le même hébergeur... Je sais pas, c'est bizarre...
