Salut

Bon fais un bout j'ai ca comme ca jai dit boff je vais le laisser comme ca mais la ... ca commence a devnir tanant ...

Comment on peu donner un style différent, du menu au corps...

Si vous voulez voir regarder mon menu et mon corps les liens sont identiques
http://www.tutoplanet.c.la

tu peut essaye

.menu a:hover
{

}

.corps a:hover
{

}

Menu et corps dois etre des div?

Jai essayer mon menu et mon corps en div

mon css j'ai essayer

#menu a
{

}

et

.menu a
{

}

Rien ne fonctionne

c'est marqué dans le cours de m@teo:
css

Et voilààà
EDIT: Grillé
P.S: non, pas des div, mais des class.
p.ex.:

Et bien avec le css il suffit de mettre un class sur une de tes balises.
Par exemple pour ton menu que tu a surement fait en liste a puce, tu fait

Citation : xhtml

<ul class="lien_menu">
<li>salut</li>
</ul>

Et dans ton code css tu tape

Citation : css

.lien_menu,a
{
color: #*****;
}

.lien_menu,a:hover
{
color: *****;
}

ouais mais c koi le elementcorps!!!!!!!!!

un div?

Ca c'est des balise en id ou clas que tu doit mettre.

.... je c mais . c pour class pi # pour div non?

oui c'est ca,

et essaye de pas trop écrire abrégé, c'est plus chiant à lire, et dans ta dernière phrase surtout..

ok mais la c'est que jai essayer ca

<div class="menu">
</div>


#menu a
{
}

et

.menu a
{
}

et ca ne fonctionne pas!

le second est sensé marcher..

Dans le HTML :

<div id="menu">
<a href="http://www.siteduzero.com">Un excellent site</a>
</div>

<div id="corps">
<a href="http://www.siteduzero.com">Vive le SDZ!</a>
</div>

Dans le CSS :

#menu a
{
color: #000000; TEXT-DECORATION: none;
}

#menu a:hover
{
color: #808080; TEXT-DECORATION: none;
}

#corps a
{
color: #f1f1f1; TEXT-DECORATION: none;
}

#corps a:hover
{
color: #000000; TEXT-DECORATION: none;
}

Au lieu de donner un code tout fait, je vais t'inviter à relire les cours.
Il s'y trouve plus particulièrement la notion de sélecteurs et tout le tralala.
Pour appliquer une propriété CSS à l'élément que l'on veut, il faut pouvoir 'isoler' cet élément en écrivant une règle CSS qui ne s'applique qu'à lui.
Pour y arriver, il va donc falloir que tu trouves un moyen.

Si ton corps se trouve dans un div .corps (ou #corps, c'est le concept qu'il faut comprendre hein) et ton menu dans un div .menu / #menu, tu écriras une règle CSS qui ne s'applique qu'aux liens contenus dans le menu, et l'autre dans le corps.
C'est tout bête.

Edit : Et je parie que le gars va copier/coller une des réponses ci-dessus, ne pas la comprendre, ne pas lire la mienne, remercier les Zéros plus haut qui ont daigné lui donner quelque chose de copiable/collable, et s'en aller. Mais bon.

==>@lyric

Je sais que c'est pas bien mais si il est bloqué à ce stade là même en relisant les cours il s'en sortira jamais.

Ce n'est pas ceux qui donnent des réponses que je critiquais, mais ceux qui ne cherchent pas à regarder. Par exemple, essayer avec #menu ou .menu ne change strictement rien : il faut comprendre le concept, et il faut avouer que confondre un id et un class est quelque chose d'extrèmement rare.
Le problème, c'est que souvent ceux qui débutent cherchent plus à comprendre les codes, à emagasiner le tout sans chercher à comprendre les concepts.

Citation : -Exelo-

==>@lyric

Je sais que c'est pas bien mais si il est bloqué à ce stade là même en relisant les cours il s'en sortira jamais.

Bien repondu


......mais l'affaire c'est que j'ai demander une question et non que l'on me refaire et j'ai deja lu tous cela ! c'est que jai tester et sa n'a pas marcher


Voici mes codes...

Aidez-moi plz!

Oui et c'est quoi ton problème ?

Toujours le même ?

... ouais!

bonjour,

en suivant ton lien (celui du premier post), je suis aller regarder le code source.


tout d'abord sur le navigateur, je voit (mon avis). 3 zones ou apparaissent des lien,
la premiere, celle qui j'appelerais la banniere,
ensuite le "menu" horizontal a gauche et enfin ceux ce trouvant dans la partie "contenu".

Donc en regardant le code et en partant a la recherche des "class" ou "id"
je m'aperçois, qu'il n'y pas vraiment de class ou d'id appliquer a ces zone, mais que la structure est differente !
En effet tes lien de banniere sont des balises a dans une cellule, balise td, ensuite que ton menu horizontale voit ses liens place dans des listes et enfin la zone contenu est determiné par div avec une class "contenu".
Tout cela est bien suffissant en theorie pour appliquer des regles css differentes aux <a> de ces 3 zones.
donc en theorie pour les liens de bannieres :



pour le menu horyzontal
et pour le div contenu:



Comprend le concept de cascade et d'heritage , les regles peuvent s'appliquer a partir des "parents(conteneur) vers les "enfants" (contenu, qui peuvent aussi etre des conteneurs) et ainsi de suite.
C'est par exemple en indiquant une police dans body, que celle -ci s'applique ensuite a toute la page, body etant le "parent" de tout le reste.

En usant des id cela te permet de cible certaines balises ou portions de ta page plus aisement et les class de les reutiliser.

tu peut aussi simplement appliquer le css a une simple balise comme
mais tu peut aussi le faire sous condition , en disant par exemple : a partir du parent "td" si il contient les enfant"ul" puis "li" puis "a" alors <a> prend cette valeur.

le caracteres "*" est un caracteres "joker", c'est a dire toutes les balises !

J'espere t'aider un peu dans la façon d'apprehender et d'user du "css".

a plus


<edit> heu et la virgule permet d'appliquer les memes regles css a differentes balise , class ou id en meme temps. ex
span, p, .texte, #rouge {color:red;} mettera le texte en rouge dans les span, le p, les balises avec la class texte et la balises qui aura l'id rouge. petit bemol, parfois IE est confus et n'appliqueras pas ces valeurs, il faudra alors se rabattre sur une class a aplliquer a toutes ces balises ou reecrire dans le css la regles pour chacun et oublié les virgules (je n'ai pas encore trouvé ce qui pouvait perturbé IE, car ce n'est pas systematique )</edit>

Merci!!! tu a resou mon probleme!

cool, mais marque ton post en resolu, ça fera gagné du temps a ceux qui veulent t'aider et ça donnera une reponse/piste a regarder pour ceux qui ont un probleme similaire.
a plus