Webmaster Hub: CSS externe - Webmaster Hub

Aller au contenu

Page 1 sur 1
  • Vous ne pouvez pas commencer un sujet
  • Vous ne pouvez pas répondre à ce sujet

CSS externe Mettez moi sur rails pour CSS externe Noter : -----

#1 L'utilisateur est hors-ligne   Gribouille26 

  • Groupe : Hubmaster
  • Messages : 1 565
  • Inscrit(e) : 19-mars 04
  • Localisation:Lugdunum

Posté 22 mars 2004 - 14:15

Salut,

Je debute dans les CSS. :wacko:

Je parvient assez bien a en faire des petites (texte, ...) que je met en debut de page,
mais je voudrais faire une feuille de style externe contenant un menu que j'ai déjà sur une page:
clisuer ici pour voir

Il a dejà une feuille de style et des scripts en plus!!!
Je suis perdue, je ne sais meme pas part ou commencer.... :shutup:

Si quelqu'un peut m'aider, merci!!!!!!!
0

#2 L'utilisateur est hors-ligne   Monique 

  • Le Web à tous
  • Groupe : Hubmaster
  • Messages : 3 952
  • Inscrit(e) : 19-août 03
  • Genre:Femme
  • Localisation:rue Georges Mabile, Havré
  • Société:Webatou

Posté 22 mars 2004 - 14:36

Bonjour Gribouille,

Pour créer une feuille de style externe à partir de ce que tu as déjà, le principe est simple.

Tu copies les règles que tu as déjà entre les balises <style> dans un simple fichier texte (bloc -notes suffit) et tu sauves ce fichier avec l'extension .css, par exemple style-epice.css

Dans ton code, tu supprimes la balise <style> et son contenu que tu remplaces par un lien vers ta feuille de style externe
<link rel="stylesheet" type="text/css" href="style-epice.css">


Tu trouveras plus d'informations dans cet article Les feuilles de style.
J'y fait allusion à un excellent logiciel gratuit TopStyle, je te le recommande.
Il te permet de créer directement un fichier css externe.

Je te conseille d'utiliser cette disposition, plus facile à relire et à corriger (surtout quand on débute)
.baritem      {
	color: #FFAA00;
	font-size: 14px;
	font-weight: bold;
	cursor: hand;
}


Dernière petite remarque : tu dois toujours écrire le nom de l'unité que tu utilises.
Par exemple font-size: 14px;
Amicalement,
Monique
en campagne pour des sites de qualité, conformes aux standards et accessibles... avec mon navigateur préféré (Firefox) et les Bonnes pratiques qualité pour les sites Web (Opquast)
Webatou : accessibilité et qualité des sites Web
0

#3 L'utilisateur est hors-ligne   Gribouille26 

  • Groupe : Hubmaster
  • Messages : 1 565
  • Inscrit(e) : 19-mars 04
  • Localisation:Lugdunum

Posté 22 mars 2004 - 16:36

Merci de ces infos,

Je prend note.
Mais je voulais carrement mettre tout le menu avec son tableau et ses liens!
:D
0

#4 L'utilisateur est hors-ligne   Monique 

  • Le Web à tous
  • Groupe : Hubmaster
  • Messages : 3 952
  • Inscrit(e) : 19-août 03
  • Genre:Femme
  • Localisation:rue Georges Mabile, Havré
  • Société:Webatou

Posté 22 mars 2004 - 16:56

Gribouille26, le lundi 22 mars 2004, 16:36, dit :

Mais je voulais carrement mettre tout le menu avec son tableau et ses liens!
:D

Ce n'est pas possible cela, Gribouille :(

Les feuilles de style permettent la séparation du contenu et de sa mise en forme, mais
- les feuilles de style ne peuvent contenir que des règles de mise en page
- le contenu ne peut se trouver que dans le code source de la page.

Le site de référence : OpenWeb

Pour éviter de recopier un menu et ses liens sur toutes les pages, tu peux faire appel à une autre technique : les includes avec php
Tu peux découvrir ce langage dans les Publications du Hub et voir un exemple expliqué L'instruction PHP INCLUDE
Amicalement,
Monique
en campagne pour des sites de qualité, conformes aux standards et accessibles... avec mon navigateur préféré (Firefox) et les Bonnes pratiques qualité pour les sites Web (Opquast)
Webatou : accessibilité et qualité des sites Web
0

#5 L'utilisateur est hors-ligne   Gribouille26 

  • Groupe : Hubmaster
  • Messages : 1 565
  • Inscrit(e) : 19-mars 04
  • Localisation:Lugdunum

Posté 22 mars 2004 - 17:01

OK,

J'ai tout noter.

Merci ;)
0

#6 L'utilisateur est hors-ligne   Gribouille26 

  • Groupe : Hubmaster
  • Messages : 1 565
  • Inscrit(e) : 19-mars 04
  • Localisation:Lugdunum

Posté 22 mars 2004 - 17:27

Re-salut, :D

J'ai regarder tes liens... :up:

Je ne saisis pas, si il faut mettre une extension .php a la page comportant/appellant l'include :?:
0

#7 L'utilisateur est hors-ligne   Monique 

  • Le Web à tous
  • Groupe : Hubmaster
  • Messages : 3 952
  • Inscrit(e) : 19-août 03
  • Genre:Femme
  • Localisation:rue Georges Mabile, Havré
  • Société:Webatou

Posté 22 mars 2004 - 18:05

Gribouille26, le lundi 22 mars 2004, 17:27, dit :

Je ne saisis pas,  si il faut mettre une extension .php a la page comportant/appellant l'include :?:

Très brièvement, je te réponds : oui.
Mais si tu as des questions plus précises sur ce langage, je t'invite à les poser dans le forum Php/mySQL et je passe la main aux experts en ce domaine ;)
Amicalement,
Monique
en campagne pour des sites de qualité, conformes aux standards et accessibles... avec mon navigateur préféré (Firefox) et les Bonnes pratiques qualité pour les sites Web (Opquast)
Webatou : accessibilité et qualité des sites Web
0

#8 L'utilisateur est hors-ligne   Gribouille26 

  • Groupe : Hubmaster
  • Messages : 1 565
  • Inscrit(e) : 19-mars 04
  • Localisation:Lugdunum

Posté 22 mars 2004 - 18:44

:rolleyes: Merci Monique
0

Partager ce sujet :


Page 1 sur 1
  • Vous ne pouvez pas commencer un sujet
  • Vous ne pouvez pas répondre à ce sujet

1 utilisateur(s) en train de lire ce sujet
0 membre(s), 1 invité(s), 0 utilisateur(s) anonyme(s)