CSS Encore et toujours ;)

**le Jeu Sep 01, 2005 23:25**

Bonjour à tous,

Ca fait 2 jours que je galère et pas moyen de faire marcher ce css...
Alors voilà, je veux faire quelque chose de très simple (je suis pas très doué en css). Bon j'ai cette balise en html:
<body class="test">

en css si je fais quelque chose comme ceci:
body {blablabla}
ca fonctionne.

Si je fais quelque chose comme ceci:
body.test {blablabla} ca ne marche plus !!!

Quelqu'un q une idée? je sèche...

**le Jeu Sep 01, 2005 23:32**

d'abord, je te recommande la lecture des tutoriaux d'alsacreation

ensuite pour te repondre, il ne peut y avoir qu'un seul element body dans une page, donc le concept "body.class" est absurde..

testes tes classes avec des <div>

**le Jeu Sep 01, 2005 23:36**

fbparis a écrit:d'abord, je te recommande la lecture des tutoriaux d'alsacreation

ensuite pour te repondre, il ne peut y avoir qu'un seul element body dans une page, donc le concept "body.class" est absurde..

testes tes classes avec des <div>

Ouais enfin disons que l'idée était de refiler la résolution dans le body, qui serait modifié en javascript. Ensuite selon la résolution j'applique un style différent.

Mais en réalité y'a pas que le body qui pose problème.. mais bon c'est pas grave je crois que je vais me taper un tuto complet c'est ptet encore ce qu'il y a de mieux.

**le Jeu Sep 01, 2005 23:41**

mais tu peux en effet modifier dynamiquement avec javascript en fonction de la resolution du visiteur le style du body , je pense pas que ca pose de probleme..

**le Jeu Sep 01, 2005 23:49**

Va voir à cette adresse:
http://www.alistapart.com/articles/bodyswitchers/

**le Ven Sep 02, 2005 0:06**

madx a écrit:Va voir à cette adresse:
http://www.alistapart.com/articles/bodyswitchers/

Merci bien pour ce lien ca m'a l'air très intéressant !!!

**le Ven Sep 02, 2005 1:09**

WhiteSpi a écrit:
Si je fais quelque chose comme ceci:
body.test {blablabla} ca ne marche plus !!!

Quelqu'un q une idée? je sèche...

je vois pas l'interrés pourquoi pas faire

body{blabla}

.test{blabla}

**le Ven Sep 02, 2005 8:41**

fbparis a écrit:d'abord, je te recommande la lecture des tutoriaux d'alsacreation

ensuite pour te repondre, il ne peut y avoir qu'un seul element body dans une page, donc le concept "body.class" est absurde..

testes tes classes avec des <div>

Non le concept body.class n'est pas absurde, tu peux très bien vouloir redéfinir l'élément body d'une page à l'autre en conservant la même css.

Sinon je ne vois vraiment pas pourquoi cela ne marcherait pas ? as-tu fait attention à l'ordre d'apparition des déclarations des 2 styles - ie - ne pas surcharger body.class {} avec body {} ?

**le Ven Sep 02, 2005 9:17**

Non le concept body.class n'est pas absurde, tu peux très bien vouloir redéfinir l'élément body d'une page à l'autre en conservant la même css.

Je suis d accord avec toi.
J'utilise plusieur class pour les body.
Par exemple sur ma page des article mon body sera class="article" et j'affiche le CSS pour class article
J'ai aussi body class="home" et je change mon CSS.
Tous cela dans un seul fichier CSS

**le Ven Sep 02, 2005 9:43**

Euh pourquoi utiliser du javascript pour détecter la résolution de l'internaute alors que tu utilises les css ?
bon ok je sors

**le Ven Sep 02, 2005 10:18**

pourquoi utiliser du javascript pour détecter la résolution de l'internaute alors que tu utilises les css ?

+1 !
Tu fais tes pages en % et ca marche pour n'importe quelle résolution...

**le Ven Sep 02, 2005 10:38**

tangui a écrit:
pourquoi utiliser du javascript pour détecter la résolution de l'internaute alors que tu utilises les css ?

+1 !
Tu fais tes pages en % et ca marche pour n'importe quelle résolution...

Non parsque j'ai quelques images qui sont censées aparaitre différemment selon la résolution.
En gros si vous regardez sur mon site, le cadre du milieu est optimisé pour le 1024 mais pour l'instant si vous etes en 800x600 ou 1280x1024 ca fait naze.

**le Ven Sep 02, 2005 12:01**

Tu te prends la tête pour pas grand chose :roll:

Le soucis c'est que tu as construis ton site dans une table.
Ainsi tu as de l'espace à gauche et à droite de ton menu.
Pour ma part j'envisagerai ton site sous un autre angle
un header puis un menu gauche et droite, un centre et un pied.
Un lien vaut mieux qu'une tonne d'explication regarde de ce côté ci

h**ttp://css.alsacreations.com/modeles/modele6.htm
:wink:

**le Ven Sep 02, 2005 12:07**

narayana a écrit:Tu te prends la tête pour pas grand chose
Le soucis c'est que tu as construis ton site dans une table.
Ainsi tu as de l'espace à gauche et à droite de ton menu.
Pour ma part j'envisagerai ton site sous un autre angle
un header puis un menu gauche et droite, un centre et un pied.
Un lien vaut mieux qu'une tonne d'explication regarde de ce côté ci

h**ttp://css.alsacreations.com/modeles/modele6.htm

Effectivement cette méthode est intéressante... mais je suis pas sur d'avoir le gout de tout recommencer........

Mais celà dit je vois pas en quoi ca résoudrait mon problème... j'ai toujours ce soucis d'images...

**le Ven Sep 02, 2005 13:52**

Ca y 'est ca marche

Merci a tous pour votre aide précieuse !

CSS Encore et toujours ;)

CSS Encore et toujours ;)

Re: CSS Encore et toujours ;)

Formation recommandée sur ce thème :

Lectures recommandées sur ce thème :

Qui est en ligne