Intégrer 2 css différents dans un page et les appliquer

Répondre


Cette question est un moyen d’empêcher des soumissions automatisées de formulaires par des robots.
Smileys
:D :) :( :o :shock: :? 8-) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: =D> #-o =P~ :^o :non: :priere: 8-|
Voir plus de smileys
  Revue du sujet
 

  Étendre la vue Revue du sujet : Intégrer 2 css différents dans un page et les appliquer

par Cyrano » 19 juin 2005, 23:40

Le truc que tu peux faire : ton menu doit être dans un bloc: <div> ou <table> : mets un id="menu" à ton bloc, par exemple <div id="menu">

Ensuite dans ta feuille de style pour ne cibler que les liens du menu, tu fais:

Code : Tout sélectionner

#menu a:link { /* Propriétés que tu veux. */ }
Note bien qu'il y a un espace entre #menu et a , ça veut dire que ça concerne tous les liens qui sont à l'intérieur du bloc menu. Les autres liens de la page ne seront pas affecté par ce style.

par Lilie507 » 19 juin 2005, 23:33

oui mais moi je ne parle que des liens...

est-ce que je peux faire :



a.menu_nav:link {color: #0000ff; background-color: transparent}
...

et

a.texte:link {color: #FFFFFF; background-color: transparent}
...

dans le même css? parce que je n'ai un problème qu'avec mes liens...

merci encore d'avance et bonne nuit!!
Aurélie

par Cyrano » 19 juin 2005, 21:39

Bon, attention à un détail important: tu ne peux pas faire pointer une feuille de style exclusivement sur une partie de page sans utiliser de classes ou d'identifiants. Dans tes balises html, tu peux utiliser les attributs class="" et id=""

Prenons par exemple tes liens de menu de navigation' dans tes balises <a>, ajoutes class="menu_nav"

Dans ta feuille de style, pour qu'un style n'affecte les liens hypertextes que pour le menu de navigation, tu feras :
a.menu_nav {color: #0000ff; background-color: transparent}
Supposons maintenant que tu aies dans ta page un paragraphe unique et particulier, par exemple un copyright en bas de page : là, tu peux utiliser l'attribut id:
<p id="copy">&copy; monsite.com 2005 - tous droits de reprodution interdits</p>
Maintenant dans ta feuille de style, tu vas mettre un style qui va pointer seulement sur ce paragraphe:
#copy {font-size: 9pt}
Attention avec l'attribut "id", tu ne peux pas avoir deux fois lemême identifiant dans la même page, Si tu as un <p> avec un id="copy", tu ne pourras mettre cette valeur nulle part ailleur dans un autre id.

par Invité » 19 juin 2005, 21:14

:lol:
Désolée... en fait le pb est juste que je n'arrive pas à appliquer le 1er style css à mon tableau qui contient le menu et le 2eme css à mon tableau qui contient mes textes...

Merci d'avance :wink: et désolée

par Cyrano » 19 juin 2005, 19:52

Salut,
Tu nous dit que tu as des fichiers CSS externe, très bien, que chacun est destiné à une partie spécifique de ta page, toujours bien, mais tu oublies de nous préciser quel est le problème que tu rencontres... :-k

Intégrer 2 css différents dans un page et les appliquer

par Lilie507 » 19 juin 2005, 19:47

Bonjour,

J'ai un problème au niveau des css dans un page HTML.

Voici mon problème, j'ai un menu dans un tableau auquel je veux appliquer le css externes menu.css par ex qui contient les informations sur la couleur des liens survolés, cliqués etc. et dans mon tableau en dessous qui contient mon texte, je voudrais lui appliquer le css externe texte.css qui contient des infos différentes de celle du 1er (tjrs concernant la couleur des liens)

Pour les css externes j'utilise la balise
<link rel="stylesheet" type="text/css" href="Pages.css">

merci d'avance pr votre aide et bonne fin de journée
Aurélie