> 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
29,99 €Carte mémoire microSDXC UHS-I SanDisk A1 Ultra 256 Go à 29,99 €
Valable jusqu'au 01 Décembre

Amazon propose actuellement la carte mémoire microSDXC UHS-I SanDisk A1 Ultra 256 Go à 29,99 € livrée. On la trouve ailleurs à partir de 40 €. Cette carte mémoire offre des vitesses jusqu'à 120 Mo/s et est idéale pour les téléphones, caméras et appareils photo HD. Elle est certifiée GoPro et Nintendo Switch.


> Voir l'offre
98,99 €Disque dur Western Digital Red Plus 4 To à 98,99 €
Valable jusqu'au 01 Décembre

Amazon propose actuellement le disque dur Western Digital Red Plus 4 To à 98,99 € alors qu'on le trouve ailleurs autour de 125 €. Ce disque dur 3.5 pouces SATA III est adapté aux NAS et ordinateurs qui fonctionnent 24h/24. Disque CMR.


> Voir l'offre
0 €Cartouche d’encre ou papier photo à 0 €
Valable jusqu'au 01 Décembre

InkClub offre une cartouche d'encre pour 0 €. Inscrivez la référence de votre imprimante dans la case de recherche. Vous serez ensuite dirigé vers la liste des produits prévus pour votre imprimante. Vous reconnaîtrez les offres à 0 € grâce aux symboles. Et si vous ne trouvez pas de cartouche pour votre imprimante à 0 €, vous pourrez vous tourner vers du papier photo.

L'offre n'est valide qu'une fois par client. Des frais de transport fixes s'ajoutant (4,95 €) n'hésitez pas à compléter votre commande avec d'autres cartouches notamment les modèles compatibles InkClub qui sont de bonne qualité.


> 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