Rechercher
 
 

Résultats par :
 

 


Rechercher Recherche avancée

Août 2017
LunMarMerJeuVenSamDim
 123456
78910111213
14151617181920
21222324252627
28293031   

Calendrier Calendrier

Mots-clés

Mimouni  Souss  


feuille Css en page index ou a part (commune)

Poster un nouveau sujet   Répondre au sujet

Voir le sujet précédent Voir le sujet suivant Aller en bas

Yabiladi feuille Css en page index ou a part (commune)

Message par sguirite le Lun 14 Sep - 19:40

Voici le fichier index html intégrant egalemnt la feuille de style css




<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
 <title>Ma première page avec du style</title>
 <style type="text/css">
 body {
   padding-left: 11em;
   font-family: Georgia, "Times New Roman",
         Times, serif;
   color: purple;
   background-color: #d8da3d }
 ul.navbar {
   list-style-type: none;
   padding: 0;
   margin: 0;
   position: absolute;
   top: 2em;
   left: 1em;
   width: 9em }
 h1 {
   font-family: Helvetica, Geneva, Arial,
         SunSans-Regular, sans-serif }
 ul.navbar li {
   background: white;
   margin: 0.5em 0;
   padding: 0.3em;
   border-right: 1em solid black }
 ul.navbar a {
   text-decoration: none }
 a:link {
   color: blue }
 a:visited {
   color: purple }
 address {
   margin-top: 1em;
   padding-top: 1em;
   border-top: thin dotted }
 </style>

</head>

<body>

<!-- Menu de navigation du site -->
<ul class="navbar">
 <li><a href="index.html">Home page</a>
 <li><a href="reflexions.html">Réflexions</a>
 <li><a href="ville.html">Ma ville</a>
 <li><a href="liens.html">Liens</a>
</ul>

<!-- Contenu principal -->
<h1>Ma première page avec du style</h1>

<p>Bienvenue sur ma page avec du style!

<p>Il lui manque des images, mais au moins, elle a du style. Et elle a desliens, même s'ils ne mènent nulle part...
&hellip;

<p>Je devrais étayer, mais je ne sais comment encore.

<!-- Signer et dater la page, c'est une question de politesse! -->
<address>Fait le 5 avril 2004<br>
 par moi.</address>

</body>
</html>

remerciement a:
http://www.w3.org/Style/Examples/011/firstcss.fr.html
remerciements:


Dernière édition par sguirite le Lun 14 Sep - 20:06, édité 1 fois

sguirite

Nombre de messages : 67
Age : 39
Date d'inscription : 04/10/2007

Voir le profil de l'utilisateur

Revenir en haut Aller en bas

Yabiladi Re: feuille Css en page index ou a part (commune)

Message par sguirite le Lun 14 Sep - 19:53

voici alors le contenu du fichier css:

body {
padding-left: 11em;
font-family: Georgia, "Times New Roman",
Times, serif;
color: purple;
background-color: #d8da3d }
ul.navbar {
list-style-type: none;
padding: 0;
margin: 0;
position: absolute;
top: 2em;
left: 1em;
width: 9em }
h1 {
font-family: Helvetica, Geneva, Arial,
SunSans-Regular, sans-serif }
ul.navbar li {
background: white;
margin: 0.5em 0;
padding: 0.3em;
border-right: 1em solid black }
ul.navbar a {
text-decoration: none }
a:link {
color: blue }
a:visited {
color: purple }
address {
margin-top: 1em;
padding-top: 1em;
border-top: thin dotted }


ps:
les éléments <style> et </style> appartiennent au langage HTML, pas à CSS.

sauvegarder le fichier dans le meme rep que celui index html et donnez lui l'extension .css
exemple
monstyle.css

puis, dans le fichier original on doit supprimer le paragraphe style comme suit
et le remplacer par un lien qui pointera vers monstyle.css

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>Ma première page avec du style</title>
<link rel="stylesheet" href="monstyle.css">
</head>

<body>

<!-- Menu de navigation du site -->
<ul class="navbar">
<li><a href="index.html">Home page</a>
<li><a href="reflexions.html">Réflexions</a>
<li><a href="ville.html">Ma ville</a>
<li><a href="liens.html">Liens</a>
</ul>

<!-- Contenu principal -->
<h1>Ma première page avec du style</h1>

<p>Bienvenue sur ma page avec du style!

<p>Il lui manque des images, mais au moins, elle a du style. Et elle a desliens, même s'ils ne mènent nulle part...
&hellip;

<p>Je devrais étayer, mais je ne sais comment encore.

<!-- Signer et dater la page, c'est une question de politesse! -->
<address>Fait le 5 avril 2004<br>
par moi.</address>

</body>
</html>


sguirite

Nombre de messages : 67
Age : 39
Date d'inscription : 04/10/2007

Voir le profil de l'utilisateur

Revenir en haut Aller en bas

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

 
Permission de ce forum:
Vous pouvez répondre aux sujets dans ce forum