Background css
vautour88
-
Dalida Messages postés 7114 Statut Contributeur -
Dalida Messages postés 7114 Statut Contributeur -
Bonjour,
je n arrive pas a faire s afficher une couleur de fond derrière certaine zone de texte, voici mon code:
index.php
<html>
<head>
<title>CHARGE AIRCO G.E.D Service / ACCUEIL</title>
<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" />
<link rel="icon" type="image/png" href="/favicon.png" />
<link rel="stylesheet" type="text/css" href="CSS_POUR_FIREFOX.css" />
</head>
<BODY>
<? include('fix.php') ?>
<div id="corp">
blabla
</div>
</BODY>
</html>
fix.php
<div id="titre">
<font size="5" color="#003399"><b>CHARGE AIRCO GED. SERVICES</b></font>
<font size="3" color="red"> | Depuis plus de 10ans </font>
</div>
<div id="menu">
<a href="blabla.php?page=1"><font size="2" color="white"> ACCUEIL </font></a>
<a href="blabla.php?page=2"><font size="2" color="white">CONTACTEZ-MOI</font></a>
<a href="blabla.php?page=3"><font size="2" color="white">PHOTO</font></a>
</div>
CSS_POUR_FIREFOX.css
#titre
{
background: #99ccff;
padding: 20px 20px 20px 40px;
}
#menu
{
padding: 10px 10px 10px 40px;
background: #003399;
}
#corp
{
padding: 40px 40px 40px 40px;
background: white;
}
je me doute bien qu'il doit y avoir une ou des bêtes erreurs si quelqu'un pouvait jeté un oeil je le remercie d'avance.
je n arrive pas a faire s afficher une couleur de fond derrière certaine zone de texte, voici mon code:
index.php
<html>
<head>
<title>CHARGE AIRCO G.E.D Service / ACCUEIL</title>
<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" />
<link rel="icon" type="image/png" href="/favicon.png" />
<link rel="stylesheet" type="text/css" href="CSS_POUR_FIREFOX.css" />
</head>
<BODY>
<? include('fix.php') ?>
<div id="corp">
blabla
</div>
</BODY>
</html>
fix.php
<div id="titre">
<font size="5" color="#003399"><b>CHARGE AIRCO GED. SERVICES</b></font>
<font size="3" color="red"> | Depuis plus de 10ans </font>
</div>
<div id="menu">
<a href="blabla.php?page=1"><font size="2" color="white"> ACCUEIL </font></a>
<a href="blabla.php?page=2"><font size="2" color="white">CONTACTEZ-MOI</font></a>
<a href="blabla.php?page=3"><font size="2" color="white">PHOTO</font></a>
</div>
CSS_POUR_FIREFOX.css
#titre
{
background: #99ccff;
padding: 20px 20px 20px 40px;
}
#menu
{
padding: 10px 10px 10px 40px;
background: #003399;
}
#corp
{
padding: 40px 40px 40px 40px;
background: white;
}
je me doute bien qu'il doit y avoir une ou des bêtes erreurs si quelqu'un pouvait jeté un oeil je le remercie d'avance.
A voir également:
- Background css
- Windows 7 logon background changer - Télécharger - Thèmes & Fonds d'écran
- John's background switcher - Télécharger - Suite bureautique
- Starter background changer - Télécharger - Thèmes & Fonds d'écran
- Gvr background window 3 ✓ - Forum Windows 10
- Enlever le soulignement d'un lien css - Astuces et Solutions
3 réponses
salut,
commence par mettre un DocType à ton document et dis nous exactement ce qui ne fonctionne pas stp.
commence par mettre un DocType à ton document et dis nous exactement ce qui ne fonctionne pas stp.
Re,
voila j ai mit un doctype et simplifier un peu le code, je n'arrive pas a appliquer mon css, pas de background et pas de contour non plus.
index.php
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="generator" content="HTML Tidy for Linux (vers 6 November 2007), see www.w3.org" />
<title>CHARGE AIRCO G.E.D Service / ACCUEIL</title>
<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" />
<link rel="icon" type="image/png" href="/favicon.png" />
<link rel="stylesheet" type="text/css" href="CSS_POUR_FIREFOX.css" />
</head>
<body>
<div id="titre">
<b>CHARGE AIRCO GED. SERVICES</b>
| Depuis plus de 10ans
</div>
<div id="menu">
<a href="blabla.php?page=1"> ACCUEIL </a>
<a href="blabla.php?page=2">CONTACTEZ-MOI</a>
<a href="blabla.php?page=3">PHOTO</a>
</div>
<div id="corp">
blabla
</div>
</body>
</html>
CSS_POUR_FIREFOX.css
#titre
{
background: #99ccff;
padding: 20px 20px 20px 40px;
}
#menu
{
padding: 10px 10px 10px 40px;
background: #003399;
}
#corp
{
padding: 40px 40px 40px 40px;
background: white;
}
voila j ai mit un doctype et simplifier un peu le code, je n'arrive pas a appliquer mon css, pas de background et pas de contour non plus.
index.php
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="generator" content="HTML Tidy for Linux (vers 6 November 2007), see www.w3.org" />
<title>CHARGE AIRCO G.E.D Service / ACCUEIL</title>
<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" />
<link rel="icon" type="image/png" href="/favicon.png" />
<link rel="stylesheet" type="text/css" href="CSS_POUR_FIREFOX.css" />
</head>
<body>
<div id="titre">
<b>CHARGE AIRCO GED. SERVICES</b>
| Depuis plus de 10ans
</div>
<div id="menu">
<a href="blabla.php?page=1"> ACCUEIL </a>
<a href="blabla.php?page=2">CONTACTEZ-MOI</a>
<a href="blabla.php?page=3">PHOTO</a>
</div>
<div id="corp">
blabla
</div>
</body>
</html>
CSS_POUR_FIREFOX.css
#titre
{
background: #99ccff;
padding: 20px 20px 20px 40px;
}
#menu
{
padding: 10px 10px 10px 40px;
background: #003399;
}
#corp
{
padding: 40px 40px 40px 40px;
background: white;
}
normalement pour la couleur il faudrait la propriété complète, c'est plus propre.
ensuite, est-ce que le fichier et la CSS sont dans le même dossier ?
pour vérifier, ajoute ça à la CSS :
et dis nous si le texte est devenu énorme.
si non c'est que l'adresse donnée pour la feuille de style n'est pas la bonne.
dans ce cas explique nous comment tu as organisé tes fichiers on te donnera des pistes.
enfin, si tu as une version en ligne donne nous l'URL, ça ira beaucoup plus vite.
background-color:#000000;
ensuite, est-ce que le fichier et la CSS sont dans le même dossier ?
pour vérifier, ajoute ça à la CSS :
body{font-size:50em;}
et dis nous si le texte est devenu énorme.
si non c'est que l'adresse donnée pour la feuille de style n'est pas la bonne.
dans ce cas explique nous comment tu as organisé tes fichiers on te donnera des pistes.
enfin, si tu as une version en ligne donne nous l'URL, ça ira beaucoup plus vite.