Code css fonctionne pas sur firefox et safari
Résolu
kamelkos
Messages postés
5
Date d'inscription
Statut
Membre
Dernière intervention
-
kamelkos Messages postés 5 Date d'inscription Statut Membre Dernière intervention -
kamelkos Messages postés 5 Date d'inscription Statut Membre Dernière intervention -
Bonjour à tous,
j'ai codé rapidement une page web, elle fonctionne parfaitement sous chrome et internet explorer mais pas sur safari et firefox. Est ce que vous sauriez d'où viens le problème.
voici mon code:
FICHIER INDEX.HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<META NAME="Copyright" CONTENT="Alexandre KOTOB">
<META NAME="Robots" CONTENT="all">
<meta name="author" content="la curieuse compagnie,Arthur Peduzzi" />
<META NAME="description" lang="fr" content="LaCurieuseCompagnie est une association (loi de 1901)
qui a pour but de promouvoir la culture française d'hier ...
Mais surtout d'aujourd'hui en faisant
ressortir les tendances de demain. ">
<META NAME="keywords" lang="fr"content="lacurieusecompagnie,la curieuse compagnie,Arthurø Peduzzi,Arthur,Peduzzi,association,curieuse,compagnie">
<title>La Curieuse Compagnie</title>
<META NAME="title" CONTENT="La Curieuse Compagnie"/>
<link rel="stylesheet" href="css.css" type="text/css" media="screen" />
</head>
<body style="background: url(img/fond2.jpg) top fixed no-repeat;">
<div id="conteneur">
<div id="titre">
<center> <img src="img/CC3.png" />
<div id="texte">LaCurieuseCompagnie est une association (loi de 1901) <br>
qui a pour but de promouvoir la culture française d'hier ... <br>
Mais surtout d'aujourd'hui en faisant ressortir les tendances de demain.<br><br><br> </div>
<div id="gauche">WineTesting.Cheese&Co <br>
French.Meal.Time.
</div>
<div id="droite">Expos.Photos<br>
Urban.Explorations</div>
</center>
</div> <br> <br> <br> <br> <br>
<div id="centre"><center>
<a href="http://www.facebook.com/pages/LaCurieuseCompagnie/261726100506869" </a>PAGE FACEBOOK </center></div></a>
<br><br><br><br><br><br><br><br><br>
<div id="footer"><center> <a href="mailto:LaCurieuseCo@gmail.com"> LaCurieuseCo@gmail.com </a></center></div>
</div>
</body>
</html>
FICHIER CSS.CSS:
@charset "utf-8";
/* CSS Document */
<style type="text/css">
#conteneur #centre {
margin-top: 100px;
}
#conteneur #centre a {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 25px;
font-style: normal;
font-weight: bolder;
color: #FFF;
background-image: url(img/PF.png);
margin-top: 100px;
padding-top: 10px;
}
#conteneur #footer a {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 15px;
font-style: normal;
font-weight: bolder;
color: #FFF;
background-image: url(img/PF.png);
}
#conteneur #titre center #texte {
font-family: Georgia, "Times New Roman", Times, serif;
color: #FFF;
padding-top: 50px;
}
#conteneur #titre center #gauche {
font-family: Georgia, "Times New Roman", Times, serif;
float: left;
width: 200px;
position: relative;
margin-left: 400px;
background-image: url(img/PF.png);
}
#conteneur #titre center #droite {
font-family: Georgia, "Times New Roman", Times, serif;
float: right;
width: 200px;
margin-right: 400px;
position: relative;
background-image: url(img/PF.png);
}
#conteneur #titre {
color: #FFF;
height: 300px;
}
</style>
Dans l'attente d'une réponse, je vous remercie.
j'ai codé rapidement une page web, elle fonctionne parfaitement sous chrome et internet explorer mais pas sur safari et firefox. Est ce que vous sauriez d'où viens le problème.
voici mon code:
FICHIER INDEX.HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<META NAME="Copyright" CONTENT="Alexandre KOTOB">
<META NAME="Robots" CONTENT="all">
<meta name="author" content="la curieuse compagnie,Arthur Peduzzi" />
<META NAME="description" lang="fr" content="LaCurieuseCompagnie est une association (loi de 1901)
qui a pour but de promouvoir la culture française d'hier ...
Mais surtout d'aujourd'hui en faisant
ressortir les tendances de demain. ">
<META NAME="keywords" lang="fr"content="lacurieusecompagnie,la curieuse compagnie,Arthurø Peduzzi,Arthur,Peduzzi,association,curieuse,compagnie">
<title>La Curieuse Compagnie</title>
<META NAME="title" CONTENT="La Curieuse Compagnie"/>
<link rel="stylesheet" href="css.css" type="text/css" media="screen" />
</head>
<body style="background: url(img/fond2.jpg) top fixed no-repeat;">
<div id="conteneur">
<div id="titre">
<center> <img src="img/CC3.png" />
<div id="texte">LaCurieuseCompagnie est une association (loi de 1901) <br>
qui a pour but de promouvoir la culture française d'hier ... <br>
Mais surtout d'aujourd'hui en faisant ressortir les tendances de demain.<br><br><br> </div>
<div id="gauche">WineTesting.Cheese&Co <br>
French.Meal.Time.
</div>
<div id="droite">Expos.Photos<br>
Urban.Explorations</div>
</center>
</div> <br> <br> <br> <br> <br>
<div id="centre"><center>
<a href="http://www.facebook.com/pages/LaCurieuseCompagnie/261726100506869" </a>PAGE FACEBOOK </center></div></a>
<br><br><br><br><br><br><br><br><br>
<div id="footer"><center> <a href="mailto:LaCurieuseCo@gmail.com"> LaCurieuseCo@gmail.com </a></center></div>
</div>
</body>
</html>
FICHIER CSS.CSS:
@charset "utf-8";
/* CSS Document */
<style type="text/css">
#conteneur #centre {
margin-top: 100px;
}
#conteneur #centre a {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 25px;
font-style: normal;
font-weight: bolder;
color: #FFF;
background-image: url(img/PF.png);
margin-top: 100px;
padding-top: 10px;
}
#conteneur #footer a {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 15px;
font-style: normal;
font-weight: bolder;
color: #FFF;
background-image: url(img/PF.png);
}
#conteneur #titre center #texte {
font-family: Georgia, "Times New Roman", Times, serif;
color: #FFF;
padding-top: 50px;
}
#conteneur #titre center #gauche {
font-family: Georgia, "Times New Roman", Times, serif;
float: left;
width: 200px;
position: relative;
margin-left: 400px;
background-image: url(img/PF.png);
}
#conteneur #titre center #droite {
font-family: Georgia, "Times New Roman", Times, serif;
float: right;
width: 200px;
margin-right: 400px;
position: relative;
background-image: url(img/PF.png);
}
#conteneur #titre {
color: #FFF;
height: 300px;
}
</style>
Dans l'attente d'une réponse, je vous remercie.
A voir également:
- Css safari
- Safari pour windows - Télécharger - Navigateurs
- Télécharger safari mac - Télécharger - Navigateurs
- Google page d'accueil safari - Guide
- Comment mettre safari en français ✓ - Forum MacOS
- Safari ne parvient pas à ouvrir la page ✓ - Forum MacOS
4 réponses
Bonjour,
Ce qui peut amener des erreurs :
- certaines de tes balises html ne sont pas fermées
- d'autres sont dans le mauvais ordre : <balise1><balise2></balise2></balise1>
Ce qui peut amener des erreurs :
- certaines de tes balises html ne sont pas fermées
- d'autres sont dans le mauvais ordre : <balise1><balise2></balise2></balise1>
Salut,
Tu n'as pas besoin des balises <style type="text/css"> dans un fichier qui porte l'extension CSS. Le problème vient peut être de là.
C'est toutes tes propriétés CSS qui bugs ou juste une en particulier ?
De plus
Pense bien à mettre une virgule après chaque élément, à moins que ce soit une arborescence.
Tu n'as pas besoin des balises <style type="text/css"> dans un fichier qui porte l'extension CSS. Le problème vient peut être de là.
C'est toutes tes propriétés CSS qui bugs ou juste une en particulier ?
De plus
#conteneur, #titre center, #gauche
Pense bien à mettre une virgule après chaque élément, à moins que ce soit une arborescence.
il n'y a seulement le lien PAGE FACEBOOK qui ne fonctionne pas correctement sur les différents navigateurs.
le site est : http://www.lacurieusecompagnie.fr/
Merci a vous deux pour vos réponses, je fais vos modifs et je reviens vers vous.
le site est : http://www.lacurieusecompagnie.fr/
Merci a vous deux pour vos réponses, je fais vos modifs et je reviens vers vous.
#conteneur #centre a { font-family: Georgia, "Times New Roman", Times, serif; font-size: 25px; font-style: normal; font-weight: bolder; color: #FFF; background-image: url(img/PF.png); margin-top: 100px; padding-top: 10px; }
essaye en mettant juste #centre a {
Mieux encore, définit une class personnelle et attribut la propriété class="ta_class" à ta balise <a>
Problème réglé sur firefox, c'était bien un problème au niveau des balises mal fermé.
je suis passé de ca :
<a href="http://www.facebook.com/pages/LaCurieuseCompagnie/261726100506869" </a>PAGE FACEBOOK </center></div></a>
a ca :
<a href="http://www.facebook.com/pages/LaCurieuseCompagnie/261726100506869">PAGE FACEBOOK </a></center></div>
merci encore
je suis passé de ca :
<a href="http://www.facebook.com/pages/LaCurieuseCompagnie/261726100506869" </a>PAGE FACEBOOK </center></div></a>
a ca :
<a href="http://www.facebook.com/pages/LaCurieuseCompagnie/261726100506869">PAGE FACEBOOK </a></center></div>
merci encore