|
 Posté le 10/04/2010 @ 18:22 |
Petit astucien
| bonjour
alors je suis toujours vos conseils et je me lance dans la création de feuille de style qui est assez complexe. Alors j'ai fait un modèle en html. Est-ce que je peux enregistrer ce modèle en feuille de style CSS?? Merci |
|
|
|
|
|
Posté le 10/04/2010 à 18:40 |
 Grande Maîtresse astucienne |  Euh? 
Tu veux dire quoi exactement par "j'ai fait un modèle en html"?
Tu as fait une page HTML avec des styles internes ou en ligne? |
|
Posté le 10/04/2010 à 18:47 |
Petit astucien
| bonjour Elle, alors j'ai l'habitude de faire mes site uniquement avec html alors je mets en place mes tableaux mes images mais comme vous m'avez conseillé de faire une feuille de style je voulais savoir si mon canevas en html peut être convertie en CSS. j'espère que je suis clair car je suis très novice dans cette partie. merci |
|
Posté le 10/04/2010 à 18:48 |
Grande Maîtresse astucienne | |
|
Posté le 10/04/2010 à 18:55 |
Petit astucien
| meerci Elle je vais aller lire ça. |
|
Posté le 11/04/2010 à 20:00 |
Petit astucien
| bonjour
alors voilà j'ai créer une feuille de style CSS mais c'st drole car je suis toujours obligée de mettre toutes mes pages à jours une par une.
voici mon site cobbaye.
http://lesfeesdugraphisme.site.voila.fr/
et voici ma feuille de style
<HTML>
<HEAD>
<TITLE>accueil les fees du graphisme</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
<!--
body {
background-image: url(images/fond.jpg);
}
body,td,th {
font-family: Century;
color: #000000;
}
a:link {
color: #000000;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #000000;
}
a:hover {
text-decoration: none;
color: #000000;
}
a:active {
text-decoration: none;
}
.Style1 {
color: #000000;
font-family: Century;
font-size: 24px;
}
.Style2 {
font-family: Century;
font-size: 18px;
}
-->
</HEAD>
<BODY BGCOLOR=#800000 LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>
<!-- ImageReady Slices (kit.psd) -->
<TABLE WIDTH=927 BORDER=0 align="center" CELLPADDING=0 CELLSPACING=0>
<TR>
<TD COLSPAN=5>
</TD>
</TR>
<TR>
<TD width="38" ROWSPAN=7> </TD>
<TD COLSPAN=3 height="170"><img src="images/barrecentrale.jpg" width="915" height="178"></TD>
<TD width="33" ROWSPAN=7> </TD>
</TR>
<TR>
<TD COLSPAN=3 height="15">
</TD>
</TR>
<TR>
<TD width="235" height="35" nowrap>
<p align="center"><img src="images/menu1.jpg" width="236" height="36"></TD>
<TD ROWSPAN=3 width="15">
</TD>
<TD><img src="images/Image20.jpg" width="667" height="36"></TD>
</TR>
<TR>
<TD width="235" align="center" valign="top" bordercolor="#000000" background="images/contenugauche.jpg" style="border-left-style: solid; border-left-width: 1; border-right-style: solid; border-right-width: 1; border-bottom-style: solid; border-bottom-width: 1">
<p class="Style2"><a href=><strong>PaintShopPro</strong></a></p>
<p class="Style2"><a href="tutopsppat.html">Tutos Patricia</a></p>
<p class="Style2"><a href="tutopspniaga.html">Tutos Niaga</a></p>
<p class="Style2"><a href="tutosamies.html">Tutos amies</a></p>
<p class="Style2"> </p>
<p class="Style2"><strong>PhotoImpact</strong></p>
<p class="Style2"><a href="tutoupipat.html">Tutos Patricia</a></p>
<p class="Style2"><a href="tutoupiniaga.html">Tutos Niaga</a></p>
<p class="Style2"><a href="tutosupiamies.html">Tutos amies</a></p>
<p class="Style2"> </p>
<p class="Style2"><strong>AnimationShop</strong></p>
<p class="Style2"><a href="tutoanimepat.html">Tutos Patricia</a></p>
<p class="Style2"><a href="tutoanimeniaga.html">Tutos Niaga</a></p>
<p class="Style2"><a href="tutosanimeamies.html">Tutos amies</a></p>
<p class="Style2"> </p>
<p class="Style2"><strong>Scraps</strong></p>
<p class="Style2"><a href="tutoscrappat.html">Tutos Patricia</a></p>
<p class="Style2"><a href="tutoscrapniaga.html">Tutos Niaga</a></p>
<p class="Style2"><a href="tutosupiamies.html">Tutos amies</a></p>
<p> </TD>
<TD width="606" align="left" valign="top" bordercolor="#000000" background="images/contenucentre1.jpg" bgcolor="#990000" style="border-left-style: solid; border-left-width: 1; border-right-style: solid; border-right-width: 1; border-bottom-style: solid; border-bottom-width: 1; padding: 1">
<p align="center" style="margin-left: 5; margin-right: 5; margin-top: 3">
<p style="margin: 2px 5px" align="center"> </p>
<p align="center" class="Style1">Bienvenue sur notre site.</p>
<p align="center" class="Style1">Nous espérons que vous passerez un agréable moment en notre compagnie.</p>
<p align="center" class="Style1">Les tutos que nous vous proposons sont libres d'accès.Cependant nous vous remerçions de ne pas prendre ces tutos pour les mettre sur vos sites sans notre accord.</p>
<p align="center" class="Style1">Pour vos créations aucune interdiction quant aux choix de vos tubes.</p>
<p align="center" class="Style1">Au plaisir de voir vos créations qui , avec votre accord, seront exposées sur le site.</p>
<p align="center" class="Style1">Bonne visite et n'oubliez pas de signer notre livre d'or.</p>
<p align="center" class="Style1"> </p>
<p align="center" class="Style1">Patricia & Niaga</p>
<p align="center" style="margin-left: 5; margin-right: 5; margin-top: 3">
<p align="center" style="margin-left: 5; margin-right: 5; margin-top: 3">
<p align="center" style="margin-left: 5; margin-right: 5; margin-top: 3"><a href="http://www.swisstools.net/guestbook.asp?numero=124541"><img src="images/guestbook_120x60_1.jpg" width="120" height="60" border="0"></a>
<p align="center" style="margin-left: 5; margin-right: 5; margin-top: 3">
<p align="center" style="margin-left: 5; margin-right: 5; margin-top: 3"><a href="mailto:lesfeesdugraphisme@voila.fr"><img src="images/1and1.png" width="28" height="28" border="0"></a></TD>
</TR>
<TR>
<TD height="15">
</TD>
<TD height="15">
</TD>
</TR>
<TR>
<TD COLSPAN=3 height="31"><div align="center"><strong>Copyright : Niaga</strong> - <strong>2010</strong></div></TD>
</TR>
<TR>
<TD height="19" COLSPAN=3> </TD>
</TR>
</TABLE>
</P>
<!-- End ImageReady Slices -->
</BODY>
</HTML>
merci pour votre aide
|
|
Posté le 11/04/2010 à 20:44 |
Grande Maîtresse astucienne | Ce que tu as fait, c'est de mettre un style interne, donc propre à chaque page, avec une erreur :
<style type="text/css">
<!--
-->
</style>
Il est donc normal que tu doives refaire les modifications pour chacune des pages. Une feuille de style externe est un simple document texte dans lequel les instructions de style se succèdent.
Pour déclarer un style externe (fichiers *.css), il faut lier la feuille de style au document HTML . La même feuille de style peut alors aisément s'appliquer à plusieurs documents HTML. Il suffira d'attacher le fichier *.css (à l'aide de la balise <link>) à tous les documents qui auront besoin des styles qu'il contient.
Par exemple : <html>
<head>
<title>Titre de la page</title>
<link rel="stylesheet" type="text/css" href="feuille.css">
</head>
<body>
<p>paragraphe</p>
</body>
</html>
|
|
Posté le 11/04/2010 à 20:48 |
Grande Maîtresse astucienne | |
|
Posté le 12/04/2010 à 11:05 |
Petit astucien
| Bonjour elle et merci pour ta réponse.
excuse moi de ne pas comprendre j'ai fait un essai avec une nouvelle page html sous dreamweaver et j'ai mis
<link rel="stylesheet" type="text/css" href="feuille.css"> entre la balise head et head comme tu m'as conseillé mais là ou je comprends rien c'est que ma page est blanche donc je dois bien refaire tout le canevas ??? J'ai vraiment un 0 en compréhension voici le lien de mon site cobaye et tu peux cliquer en bas de la page sur la colonne gauche sur exemple cela montre ce que donne ma page lorsque je mets le fichier CSS http://lesfeesdugraphisme.site.voila.fr/Merci de ta patience à m'expliquer
|
|
creer une feuille de style
À LA UNE
PRATIQUE
LOGITHÈQUE
TABLETTE ET MOBILE
BONS PLANS
FONDS D'ÉCRAN
JEUX
FORUM
d'éditeur de texte du forum.)
