problème pour inserer une feuille de style css help

Au secour sos help

Sujet résolu

24 octobre 2006 à 21:03:26

salut

vraiment la j'ai un problème que je ne trouve pas ça fait toute l'après midi que je cherche.
voila je mettre une feuille de style pour mon chat mais ça ne marche pas j'ai tout essayer j'ai d'abord deux feuilles de style la première est dans le même répertoire son nom est style.css et la deuxième est dans le répertoire de dessous son nom est aussi style.css alors pour mettre le chemin j'ai mis ./style.css
help svp voila le code:

<html lang= "fr" >
<head>
<title>Chat Ybouane</title>
<link rel="alternate stylesheet" media="screen" type="text/css" title="Feuille pour le tchat seulement" href="style.css" />

<link rel="alternate stylesheet" media="screen" type="text/css" title="Feuille par default" href="./style.css" />
<script type='text/JavaScript' src="ajax.js"></script>
</head>

help please :'(

les codes css
style.css:

div[id=text1]
{
height:450px;
min-height:450px;
}

img:hover[alt=smiley]
{
border: solid black 2px;
border-color:yellow;
}

input[name=send]
{
border:solid gray 1px;
height:27px;
width:70px;
background-image:url("send.gif");
}

./style.css:

body {
background-image : url("images/arriere-plan.gif");
}
img
{
border:0px;
}
th
{
background-image : url("images/fond titre.gif");
}
a:focus {
background-color : #ff8a00;
font-weight : bold;
text-decoration : underline;
}
a:hover {
text-decoration : underline;
color : black;
font-weight : bold;
background-color : #ffa000;
}
a {
text-decoration : none;
color : black;
font-weight : bold;
text-decoration : underline;
}
.bouton {
cursor : pointer;
}
table {
border-collapse : collapse;
border : 2px solid black;
}
.surf {
font-size : 24px;
padding-left : 20px;
color : #773b00;
}
.forum {
padding-left : 5px;
}

b-dav

24 octobre 2006 à 21:08:19

Erreur PDO - Installation Wamp - Docs PHP et MYSQL.

YoyoS

24 octobre 2006 à 21:18:33

tout d'abord une ligne pour la feuille de style suffit, donc je te conseille déja d'éffacer tes deux lignes contenant style.css

Ensuite, il y a des fautes de syntaxe dans ces lignes. Je me demande pourquoi "Alternate stylesheet" alors que tu ne veux qu'en mettre un seul.

Essaie voir cette ligne pour rempalcer les deux:

SI TON (style.css se trouve au même niveau que tes pages)

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

AUTREMENT

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

c'est celle que j'utilise pour mon site, et elle marche à la perfection.

Bye !

ybouane

24 octobre 2006 à 21:22:07

toujours pas. et c'est les deux qui ne marches pas
Édit:
Oups excuse moi yoyos j'avais pas vu ton message c'est beaucoup mieux il affiche le feuille du répertoire supérieur mais celle du même répertoire ne marche pas avec IE voila les nouveaux codes:

b-dav

24 octobre 2006 à 21:28:25

Dans le style.css de ton chat ajoute cette ligne:
@import url(../style.css);

EDIT: et supprime la deuxieme ligne:
<link href="../style.css" rel="stylesheet" type="text/css" />

Erreur PDO - Installation Wamp - Docs PHP et MYSQL.

ybouane

24 octobre 2006 à 21:30:17

Oups exuse moi yoyos j'avais pas vu ton message c'est beaucoup mieux il affiche le feuille du repertoire superieur mais celle du meme repertoire ne marche pas avec ie voila les nouveaux codes:

</citation>
avais vous la solution merci a Yoyos et a toi aussi b-dav
edit pour quoi je supprimerais la deuxieme ligne b-dav???

b-dav

24 octobre 2006 à 21:49:17

Car si tu ajoute:
@import url(../style.css);
dans le style.css de ton chat, ton autre feuille de style sera inclu dans celui du chat
( et pour faire moins compliqué, nomme tes 2 fichiers differament)

Erreur PDO - Installation Wamp - Docs PHP et MYSQL.

YoyoS

24 octobre 2006 à 22:27:52

oui j'allais le dire, ce n'est pas très sur de mettre un meme nom pour les deux feuilles. Tu devrais en appeler une chat-style.css et l'autre style.css. Ca serait plus clair pour toi aussi lol

Citation : Pas de titre

pour quoi je supprimerais la deuxieme ligne b-dav???

Il a du confondre tout comme moi tes feuilles de style à cause du nom identique ce qui n'est pas très malin

Bye

ybouane

24 octobre 2006 à 22:45:36

le problème c'est que ie ne li pas la feuille chat-style.css
j'ai fait un nouveaux code directement dans la page de tchat mais il ne marche pas

alors le voila:

merci d'avance

titi.be

24 octobre 2006 à 23:10:44

Salut essai en mettant des title dans chaque ligne
exemple

jumpy972

24 octobre 2006 à 23:34:20

<html lang= "fr" >
<head>
<title>Tchat Ybouane</title>
<link rel="stylesheet" media="screen" type="text/css" title="Feuille pour le tchat seulement" href="chat-style.css" />

<link rel="stylesheet" media="screen" type="text/css" title="Feuille par default" href="style.css" />
<script type='text/JavaScript' src="ajax.js"></script>
</head>

En t'assurant que tes deux feuilles de style sont dans le même repertoire que ta page (X)HTML

JumpY - Profil LinkedIn

ybouane

25 octobre 2006 à 1:22:02

Voila j'ai compris le problème le chemin est exacte c'est dans la feuille de style.
IE N'accepte pas ce qu'il y a ecrit dans chat-style.css
Quand j'ai mis ca:

@import url(../style.css);
div[id=text1]
{
height:400px;
min-height:400px;
max-height:400px;
width:800px;
min-width:800px;
max-width:800px;
overflow:auto;
}

img:hover[alt=smiley]
{
border: solid black 2px;
border-color:yellow;
}

input[name=send]
{
border:solid gray 1px;
height:27px;
width:70px;
background-image:url("send.gif");
}

je voyé la fueille ../style.css mais l'autre code non alors c'est mon code qui est faut et mon code c'est :

div[id=text1]
{
height:400px;
min-height:400px;
max-height:400px;
width:800px;
min-width:800px;
max-width:800px;
overflow:auto;
}

img:hover[alt=smiley]
{
border: solid black 2px;
border-color:yellow;
}

input[name=send]
{
border:solid gray 1px;
height:27px;
width:70px;
background-image:url("send.gif");
}

Rasta

25 octobre 2006 à 9:19:27

j'ai pas tout compris, mais IE ne supporte pas les sélecteur d'éléments (comme input[name=send])

ybouane

26 octobre 2006 à 0:43:21

oh c'est donc pour ça!! j'essaye maintenant
EDIT:
Ça marche merci