Besoin d'aide en css
Fermé
smoutsmout
Messages postés
160
Date d'inscription
lundi 26 mai 2008
Statut
Membre
Dernière intervention
9 janvier 2009
-
17 juin 2008 à 14:40
smoutsmout Messages postés 160 Date d'inscription lundi 26 mai 2008 Statut Membre Dernière intervention 9 janvier 2009 - 17 juin 2008 à 15:39
smoutsmout Messages postés 160 Date d'inscription lundi 26 mai 2008 Statut Membre Dernière intervention 9 janvier 2009 - 17 juin 2008 à 15:39
A voir également:
- Besoin d'aide en css
- Css premier plan ✓ - Forum CSS
- Enlever couleur lien css ✓ - Forum CSS
- Css download - Télécharger - HTML
- Background color css ✓ - Forum CSS
- Code source cv html css pdf - Forum HTML
6 réponses
Mimiste
Messages postés
1149
Date d'inscription
samedi 17 mai 2008
Statut
Membre
Dernière intervention
6 mars 2016
206
17 juin 2008 à 14:51
17 juin 2008 à 14:51
suffit de mettre ton code CSS dans un fichier a pars, et tu appelle ce fichier dans chacune de tes pages
smoutsmout
Messages postés
160
Date d'inscription
lundi 26 mai 2008
Statut
Membre
Dernière intervention
9 janvier 2009
17 juin 2008 à 14:54
17 juin 2008 à 14:54
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 ?
RAD ZONE
Messages postés
5230
Date d'inscription
samedi 20 janvier 2007
Statut
Contributeur
Dernière intervention
17 août 2024
1 360
17 juin 2008 à 15:07
17 juin 2008 à 15:07
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
smoutsmout
Messages postés
160
Date d'inscription
lundi 26 mai 2008
Statut
Membre
Dernière intervention
9 janvier 2009
17 juin 2008 à 15:13
17 juin 2008 à 15:13
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
RAD ZONE
Messages postés
5230
Date d'inscription
samedi 20 janvier 2007
Statut
Contributeur
Dernière intervention
17 août 2024
1 360
17 juin 2008 à 15:28
17 juin 2008 à 15:28
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
smoutsmout
Messages postés
160
Date d'inscription
lundi 26 mai 2008
Statut
Membre
Dernière intervention
9 janvier 2009
17 juin 2008 à 15:39
17 juin 2008 à 15:39
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 ???
