[ CSS ] Appliquer un style à une zone seulement ?

Appliquer un style à une zone seulement ? [ CSS ] - Graphisme

Marsh Posté le 20-02-2002 à 00:05:00    

Salut. J'ai entendu dire qu'en "nommant" les différents attributs de mon fichier CSS je pouvais définir un style une zone voulue d'une page. Vrai ou faux ?
 
Si vrai, comment faire ?


---------------
“I'll thank you very much.”
Reply

Marsh Posté le 20-02-2002 à 00:05:00   

Reply

Marsh Posté le 20-02-2002 à 00:16:04    

apparement si j'ai vu sans dans les cahiers de studio multimedia n°12 mais c pas très explicite et il parait qu'il ont tendance à pomper sur le web à la copier coller sans vraiment s'y connaitre...  :lol:

Reply

Marsh Posté le 20-02-2002 à 00:17:52    

fabcool a écrit a écrit :

apparement si j'ai vu sans dans les cahiers de studio multimedia n°12 mais c pas très explicite et il parait qu'il ont tendance à pomper sur le web à la copier coller sans vraiment s'y connaitre...  :lol:  



Arf...
 
Indiana Jones, t'es pas casé la dedans toi ? :)

 

[jfdsdjhfuetppo]--Message édité par Pinzo--[/jfdsdjhfuetppo]


---------------
“I'll thank you very much.”
Reply

Marsh Posté le 20-02-2002 à 00:32:59    

Indiana Jones a écrit a écrit :

Heu j'ai pas du tout compris ce que tu veux, en fait, donc je peux pas te dire si je saurai t'aider ou non  :pt1cable:  



Bah je sais pas si on peut le faire ou non justement.
 
Voilà, dans mon CSS je fais un style que j'appelle "lientype1" et dans ma page je pourrai appliquer ce style à certains liens seulement.
 
possible ?


---------------
“I'll thank you very much.”
Reply

Marsh Posté le 20-02-2002 à 00:44:40    

Indiana Jones a écrit a écrit :

oui, avec des classes...
 
genre t'as ton style a.lienrouge{color:red}
 
et dans ta page de html tu as des liens  
<a href=""></a> qui s'affichent avec la couleur par défaut, et des liens <a href="" class="lienrouge"></a> qui s'affichent en rouge...
 
alors : soit t'as aucune notion de CSS, soit j'ai toujours pas compris le but de ta question  :D  



Non c'est parfait. C'est exactement ca.
Merci :jap:


---------------
“I'll thank you very much.”
Reply

Marsh Posté le 20-02-2002 à 08:48:05    

tu peux agir aussi sur les couleurs au changement d'état des liens (actif : j'ai cliqué dessus et je suis encore sur ce lien, visité : j'ai déjà cliqué sur ce lien et pointé par la souris: : je passe avec le curseur de souris sur le lien).
 
avec l'exemple d'indi çà donnerai çà
 
a.lienrouge:active {color:blue}  
a.lienrouge:visted {color:green}  
a.lienrouge:hover {color:black}  
 
Le nom du style dans ce cas n'est plus très adapté :D pour s'y retrouver, mais bon c'est un exemple.
je préfère travaillé avec les couleurs en hexa (#FF0000 pour le rouge par exemple) çà offre plus de latitude. Mais dans le principe c'est çà.
Tu peux également virer le souligé des liens avec "text-decoration:none" et plein d'autre chose encore ;)
 
Hop un petit lien en prime que je trouve pas mal
http://www.laltruiste.com/courscss/sommaire.html

 

[jfdsdjhfuetppo]--Message édité par m@nou--[/jfdsdjhfuetppo]


---------------
Mes photos,Feed-Back HA/V
Reply

Marsh Posté le 20-02-2002 à 21:12:55    

HotShot a écrit a écrit :

 
 
Ne pas abuser des propriétés :hover etc. et éviter de virer le soulignement des liens :
- les liens réactifs ne sont pas supportés par certains browsers encore assez utilisés ;
- les visiteurs sont un peu déboussolés quand les liens ne sont pas soulignés (une des règles tacites sur le web : souligné = lien hypertexte), même si signalés par une couleur différente ou une "réaction" :hover au passage de la souris  



Rien a foutre c'est moche un lien souligné !! Moi j'hésiterai pas à personnaliser mes liens.
 
(tu repostes avec HotShot now ?)


---------------
“I'll thank you very much.”
Reply

Marsh Posté le 20-02-2002 à 22:36:56    

exactement indiana jones c tout le problème de cible de sont site web soit le neophyte soit le connaisseur :D

Reply

Marsh Posté le 20-02-2002 à 23:05:27    

On fait avant tout le site pour qu'il nous plaise à NOUS ! Les visiteurs passent en 2e position...
 
Si H-FR devait plaire à tous les visiteurs y en aurait déjà qui auraient gueulé.


---------------
“I'll thank you very much.”
Reply

Marsh Posté le 20-02-2002 à 23:41:16    

ouais mais bon faut faire avant tout un bon compromis quand meme je pense, entre faciliter la navigation et faire un truc irréel ou l'utilisateur lambda ne saura pas ou cliquer et devra ballader sa souris (enfin pkoi po mais po abuser koi :) )

Reply

Marsh Posté le 20-02-2002 à 23:41:16   

Reply

Marsh Posté le 21-02-2002 à 15:58:33    

Indiana Jones a écrit a écrit :

 
 
Hé Pinzo, t ironique là ? [:wam]  



Sur les deux dernières phrases, oui je blague. :D
Sur la première je suis très sérieux. [:wam]


---------------
“I'll thank you very much.”
Reply

Marsh Posté le 21-02-2002 à 16:02:44    

Dans la même idée, je voudrais faire 2 types de liens sur une même page : le premier noir qui devient blanc au passage du pointeur, et le second blanc qui devient bleu. C'est possible ça ?

Reply

Marsh Posté le 21-02-2002 à 16:04:01    

parappa a écrit a écrit :

Dans la même idée, je voudrais faire 2 types de liens sur une même page : le premier noir qui devient blanc au passage du pointeur, et le second blanc qui devient bleu. C'est possible ça ?  



Je pense que oui de la même facon que Indiana l'a dit avec les CLASS= ...


---------------
“I'll thank you very much.”
Reply

Marsh Posté le 21-02-2002 à 16:11:58    

parappa a écrit a écrit :

Dans la même idée, je voudrais faire 2 types de liens sur une même page : le premier noir qui devient blanc au passage du pointeur, et le second blanc qui devient bleu. C'est possible ça ?  




 
oui biensur, il suffit de définir 2 styles différents à utiliser au bon moment dans la page HTML avec l'attribut class de la balise correspondante (pas forcément un lien, çà peut être du texte dans un tableau par exemple).


---------------
Mes photos,Feed-Back HA/V
Reply

Marsh Posté le 21-02-2002 à 16:19:56    

Va falloir que je me documente encore un peu sur les *.css alors. Merci :)

Reply

Marsh Posté le 21-02-2002 à 17:44:46    

regarde un petit peu plus haut dans ce topic j'ai mis un lien ;)


---------------
Mes photos,Feed-Back HA/V
Reply

Marsh Posté le 21-02-2002 à 18:11:05    

Iep j'y suis. Merci :)

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed