Besoin d'aide en css
smoutsmout
Messages postés
160
Statut
Membre
-
smoutsmout Messages postés 160 Statut Membre -
smoutsmout Messages postés 160 Statut Membre -
Bonjour,
je n'arrive pas à faire une mise en page commune à toutes les pages de mon site.
ce n'est pas la premiere fois que je viens demander de l'aide ici pour ca.
Mais on m'as toujours rediriger vers des sites genre lesiteduzero ou autre, mais ca ne m'aide pas du tout.
En ettendant j'ai fais comme j'ai pu, et c'est pas le top : j'ai recopier le meme code sur toutes les pages, c'est un enfer lorsque je veux changer un truc, mais bon ca marche.
Vous pouvez m'aider ???
je n'arrive pas à faire une mise en page commune à toutes les pages de mon site.
ce n'est pas la premiere fois que je viens demander de l'aide ici pour ca.
Mais on m'as toujours rediriger vers des sites genre lesiteduzero ou autre, mais ca ne m'aide pas du tout.
En ettendant j'ai fais comme j'ai pu, et c'est pas le top : j'ai recopier le meme code sur toutes les pages, c'est un enfer lorsque je veux changer un truc, mais bon ca marche.
Vous pouvez m'aider ???
A voir également:
- Besoin d'aide en css
- Css download - Télécharger - HTML
- Enlever soulignement lien css ✓ - Forum CSS
- Enlever le soulignement d'un lien css ✓ - Forum Réseaux sociaux
- Css ligne horizontale ✓ - Forum CSS
- Enlever le soulignage des lien. - Forum CSS
6 réponses
suffit de mettre ton code CSS dans un fichier a pars, et tu appelle ce fichier dans chacune de tes pages
je l'ai dejà fait pour deux ou trois truc (couleurs des liens, police...)
le truc c'est le menu, je l'ai copier coller dans toutes les pages, c'est possible d'inserer des parties entieres comme ca dans une page ?
le truc c'est le menu, je l'ai copier coller dans toutes les pages, c'est possible d'inserer des parties entieres comme ca dans une page ?
SALUT
on ta renvoye sur le site du zero , mais tu ne la pas lus ;-))))
pour appliquer un style commun a toute les pages de ton site , il faut faire un CSS externe !! c est a dire un fichier CSS ou tu ecris tout ton css et que tu lie a tes pages par un lien dans les <head> de chacune d elles
fichier css appele "exemple.css" pour mon exemple
exemple de CSS qui centre la div "contenu"
et voila une page html avec ce css
RAD
on ta renvoye sur le site du zero , mais tu ne la pas lus ;-))))
pour appliquer un style commun a toute les pages de ton site , il faut faire un CSS externe !! c est a dire un fichier CSS ou tu ecris tout ton css et que tu lie a tes pages par un lien dans les <head> de chacune d elles
fichier css appele "exemple.css" pour mon exemple
<link rel="stylesheet" type="text/css" href="url de TON.css" />
exemple de CSS qui centre la div "contenu"
body {
margin: 0;
text-align: center;
}
#contenu{
position:absolute;
left: 50%;
top: 50%;
width: 800px;
height: 600px;
margin-top: -300px;
margin-left: -400px;
border: 2px #000000 solid;
}
et voila une page html avec ce css
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <title>Style en CSS</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <link rel="stylesheet" type="text/css" href="exemple.css" /></head> <body> <div id="contenu"> <h1>Here is a heading of level 1</h1> <h2>Here is a heading of level 2</h2> <p>Here is a paragraph. Lorem ipsum dolor <a href="#">unvisited link</a>, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, <strong><strong> text</strong>. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, <em><em> text</em> consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, <a href="#">visited link</a> eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p> <h3>Here is a heading of level 3</h3> <p>Here is another paragraph. Lorem ipsum dolor <a href="unvisitedpage.html">unvisited link</a>, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, <a href="#">visited link</a> eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p> </div> </body> </html>
RAD
mais si j'ai lu quand meme. :)
j'ai fait un fichier style.css externe que j'apelle dans toutes les pages.
Le truc c'est que je ne sais pas comment faire pour obtenir le style commun partt.
Je bug sur le css, je comprend le principe, mais je n'arrive pas à trouver comment faire ?
j'ai fait un fichier style.css externe que j'apelle dans toutes les pages.
Le truc c'est que je ne sais pas comment faire pour obtenir le style commun partt.
Je bug sur le css, je comprend le principe, mais je n'arrive pas à trouver comment faire ?
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
et bien si ce CSS est bien lie et que tu a bien nome les element dans tes html , tu as un css commun et cela fonctionne !!
je ne comprend pas ou tu bloque ?? soit plus precis a qu elle etape ??
RAD
je ne comprend pas ou tu bloque ?? soit plus precis a qu elle etape ??
RAD
beh deja je connait pas la syntaxe du css, a par 2, 3 trucs.
comment dire...
en fait je veux obtenir le meme style que celui rendu par ce code :
<html>
<head>
<title>accueil</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" href="style.css" type="text/css">
<meta name="robots" content="noindex, nofollow">
</head>
<body bgcolor="#1875AE">
<table id="exterieur" width="67%" border="0" cellspacing="0" align="center" height="89%" bgcolor="#FFFFFF" background="images/fond.jpg">
<tr height="535" width="80%" valign="middle">
<td id="baniere" height="183"><img src="images/banniere_site.jpg" width="950" height="216"></td>
</tr>
<tr valign="top">
<td height="502" width="19%">
<div valign="top" align="left" height="530" width="19%"> <img src="images/arrow.gif" width="20" height="10"><b><a href="accueil.htm"><font face="Arial, Helvetica, sans-serif" size="3">Accueil</font></a></b>
<img src="images/arrow.gif" width="20" height="10"><b><a href="societe.htm"><font face="Arial, Helvetica, sans-serif" size="3">Société</font></a></b>
<img src="images/arrow.gif" width="20" height="10"><b><a href="services.htm"><font face="Arial, Helvetica, sans-serif" size="3">Services</font></a></b>
<img src="images/arrow.gif" width="20" height="10"><b><a href="produits.htm"><font face="Arial, Helvetica, sans-serif" size="3">Produits</font></a></b>
<img src="images/arrow.gif" width="20" height="10"><b><a href="environnement.htm"><font face="Arial, Helvetica, sans-serif" size="3">Environnement</font></a></b>
<img src="images/arrow.gif" width="20" height="10"><b><a href="bureau.htm"><font face="Arial, Helvetica, sans-serif" size="3">Bureau
d'études</font></a></b> <img src="images/arrow.gif" width="20" height="10"><b><a href="Partenaires.htm"><font face="Arial, Helvetica, sans-serif" size="3">Partenaires</font></a></b>
<img src="images/arrow.gif" width="20" height="10"><b><a href="contact.php"><font face="Arial, Helvetica, sans-serif" size="3">Nous
contacter</font></a></b> <img src="images/arrow.gif" width="20" height="10"><b><a href="news.php"><font face="Arial, Helvetica, sans-serif" size="3">News</font></a></b>
</div>
<div>
<p> </p>
ICI LE CONTENU CHANGE EN FONCTION DES PAGES
</td>
</tr>
<tr valign="bottom">
<td height="27"><font size="2">2007 © Nautiscaphe. All rights are reserved.
</font></td>
</tr>
</table>
</body>
</html>
et je ne connais pas les commades css pour ca.
dsl j'arrive pas trop à m'expliquer, c'est plus clair ou pas ???
comment dire...
en fait je veux obtenir le meme style que celui rendu par ce code :
<html>
<head>
<title>accueil</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" href="style.css" type="text/css">
<meta name="robots" content="noindex, nofollow">
</head>
<body bgcolor="#1875AE">
<table id="exterieur" width="67%" border="0" cellspacing="0" align="center" height="89%" bgcolor="#FFFFFF" background="images/fond.jpg">
<tr height="535" width="80%" valign="middle">
<td id="baniere" height="183"><img src="images/banniere_site.jpg" width="950" height="216"></td>
</tr>
<tr valign="top">
<td height="502" width="19%">
<div valign="top" align="left" height="530" width="19%"> <img src="images/arrow.gif" width="20" height="10"><b><a href="accueil.htm"><font face="Arial, Helvetica, sans-serif" size="3">Accueil</font></a></b>
<img src="images/arrow.gif" width="20" height="10"><b><a href="societe.htm"><font face="Arial, Helvetica, sans-serif" size="3">Société</font></a></b>
<img src="images/arrow.gif" width="20" height="10"><b><a href="services.htm"><font face="Arial, Helvetica, sans-serif" size="3">Services</font></a></b>
<img src="images/arrow.gif" width="20" height="10"><b><a href="produits.htm"><font face="Arial, Helvetica, sans-serif" size="3">Produits</font></a></b>
<img src="images/arrow.gif" width="20" height="10"><b><a href="environnement.htm"><font face="Arial, Helvetica, sans-serif" size="3">Environnement</font></a></b>
<img src="images/arrow.gif" width="20" height="10"><b><a href="bureau.htm"><font face="Arial, Helvetica, sans-serif" size="3">Bureau
d'études</font></a></b> <img src="images/arrow.gif" width="20" height="10"><b><a href="Partenaires.htm"><font face="Arial, Helvetica, sans-serif" size="3">Partenaires</font></a></b>
<img src="images/arrow.gif" width="20" height="10"><b><a href="contact.php"><font face="Arial, Helvetica, sans-serif" size="3">Nous
contacter</font></a></b> <img src="images/arrow.gif" width="20" height="10"><b><a href="news.php"><font face="Arial, Helvetica, sans-serif" size="3">News</font></a></b>
</div>
<div>
<p> </p>
ICI LE CONTENU CHANGE EN FONCTION DES PAGES
</td>
</tr>
<tr valign="bottom">
<td height="27"><font size="2">2007 © Nautiscaphe. All rights are reserved.
</font></td>
</tr>
</table>
</body>
</html>
et je ne connais pas les commades css pour ca.
dsl j'arrive pas trop à m'expliquer, c'est plus clair ou pas ???
