> Tous les forums > Forum des Webmasters
 creer une feuille de style
Ajouter un message à la discussion
Page : [1] 
Page 1 sur 1
niagara
  Posté le 10/04/2010 @ 18:22 
Aller en bas de la page 
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

Publicité
elle
 Posté le 10/04/2010 à 18:40 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  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?

niagara
 Posté le 10/04/2010 à 18:47 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
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

elle
 Posté le 10/04/2010 à 18:48 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grande Maîtresse astucienne

niagara
 Posté le 10/04/2010 à 18:55 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petit astucien

meerci Elle je vais aller lire ça.

niagara
 Posté le 11/04/2010 à 20:00 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
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>&nbsp;
</TD>
</TR>
<TR>
<TD width="38" ROWSPAN=7>&nbsp; </TD>
<TD COLSPAN=3 height="170"><img src="images/barrecentrale.jpg" width="915" height="178"></TD>
<TD width="33" ROWSPAN=7>&nbsp; </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">&nbsp;
</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">
&nbsp;
<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">&nbsp;</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">&nbsp;</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">&nbsp;</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>&nbsp;</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">&nbsp;
<p style="margin: 2px 5px" align="center">&nbsp;</p>
<p align="center" class="Style1">Bienvenue sur notre site.</p>
<p align="center" class="Style1">Nous esp&eacute;rons que vous passerez un agr&eacute;able moment en notre compagnie.</p>
<p align="center" class="Style1">Les tutos que nous vous proposons sont libres d'acc&egrave;s.Cependant nous vous remer&ccedil;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&eacute;ations aucune interdiction quant aux choix de vos tubes.</p>
<p align="center" class="Style1">Au plaisir de voir vos cr&eacute;ations qui , avec votre accord, seront expos&eacute;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">&nbsp;</p>
<p align="center" class="Style1">Patricia &amp; Niaga</p>
<p align="center" style="margin-left: 5; margin-right: 5; margin-top: 3">&nbsp;
<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>&nbsp; </TD>
</TR>
</TABLE>
</P>
<!-- End ImageReady Slices -->
</BODY>
</HTML>

merci pour votre aide

elle
 Posté le 11/04/2010 à 20:44 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  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>
elle
 Posté le 11/04/2010 à 20:48 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grande Maîtresse astucienne

(Désolée pour la longueur des lignes, c'est la faute à ce d'éditeur de texte du forum.)

niagara
 Posté le 12/04/2010 à 11:05 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
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

Page : [1] 
Page 1 sur 1

Vous devez être connecté pour participer à la discussion.
Cliquez ici pour vous identifier.

Vous n'avez pas de compte ? Créez-en un gratuitement !
Recevoir PC Astuces par e-mail


La Lettre quotidienne +226 000 inscrits
Avec l'actu, des logiciels, des applis, des astuces, des bons plans, ...

Les bonnes affaires
Une fois par semaine, un récap des meilleurs offres.

Les fonds d'écran
De jolies photos pour personnaliser votre bureau. Une fois par semaine.

Les nouveaux Bons Plans
Des notifications pour ne pas rater les bons plans publiés sur le site.

Les bons plans du moment PC Astuces

Tous les Bons Plans
149,90 €Processeur AMD Ryzen 5 5500 à 149,90 €
Valable jusqu'au 18 Mai

RueDuCommerce fait une promotion sur le processeur AMD Ryzen 5 5500 qui passe à 159,90 € alors qu'on le trouve ailleurs à partir de 185 €. 

Le processeur pour PC de bureau AMD Ryzen 5 5500 propose 6 coeurs natifs et 12 coeurs logiques pour un traitement multitâche agréablement fluide. Grâce à sa fréquence native élevée 3.6 GHz et à son mode Turbo Core ajustant la puissance en fonction des besoins (jusqu'à 4.2 GHz), le CPU AMD Ryzen de nouvelle génération délivre des performances exceptionnelles dans tous les domaines : Jeux vidéo, multitâche intensif, édition vidéo, modélisation 3D et bien plus encore. Le cache L3 de 16 Mo permet en outre le traitement ultrarapide d'un grand nombre d'instructions grâce à des latences réduites. Fourni avec un système de refroidissement.


> Voir l'offre
699,99 €Ultrabook Lenovo Yoga Slim 7 Pro 14 pouces (2.8K IPS, Core i5, 1Go RAM, SSD 512 Go) à 699,99 €
Valable jusqu'au 18 Mai

Fnac fait une belle promotion sur l'ordinateur portable Lenovo Yoga Slim 7 Pro 14 pouces proposé à 899,99 €. Or Lenovo rembourse actuellement 200 € pour l'achat de ce PC qui vous reviendra à 699,99 € après remboursement.

Ce portable est bien équipé avec son écran 2.8K IPS (2880x1800) 90 Hz, son processeur Intel Core i5-11300H, ses 16 Go de RAM, son SSD de 512 Go. Il possède le Bluetooth 5.1 et le WiFi 802.1 ax, 2 ports USB 3.2, 1 port USB C 3.2, une caméra HD. L'autonomie annoncée est de 12h et la charge rapide permet de le ramener à 50% de sa capacité en seulement 30 minutes. Il pèse 1,31 kg et tourne sous Windows 11 Famille.


> Voir l'offre
54,86 €Disque dur externe portable Toshiba Canvio Basics 2 To USB 3.0 à 54,86 €
Valable jusqu'au 18 Mai

Amazon propose actuellement le disque dur externe portable Toshiba Canvio Basics 2 To USB 3.0 à 54,86 € seulement ! Avec ses 2 To et sa connectique USB 3.0 compatible USB 2.0, vous aurez de quoi stocker rapidement et emporter avec vous vos photos, vos films, etc.  La livraison est gratuite.


> Voir l'offre

Sujets relatifs
feuille de style
feuille de style avec dreamweaver CS6
Début d'une feuille de style
Problème feuille de style .css
feuille de style e css
Feuille de style CSS
Blog/feuille de style/css
Feuille de style CSS
Affichage, feuille de style et résolution
créer un site de ce style(voir lien)
Plus de sujets relatifs à creer une feuille de style
 > Tous les forums > Forum Forum des Webmasters