CSS Encore et toujours ;)

WhiteSpi · 2 Septembre 2005

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...

fbparis · 2 Septembre 2005

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>

WhiteSpi · 2 Septembre 2005

fbparis a dit:
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.

fbparis · 2 Septembre 2005

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..

madx · 2 Septembre 2005

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

WhiteSpi · 2 Septembre 2005

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

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

Maze12 · 2 Septembre 2005

WhiteSpi a dit:
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}

thomaspirit · 2 Septembre 2005

fbparis a dit:
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 {} ?

Borower · 2 Septembre 2005

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

narayana · 2 Septembre 2005

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

tangui · 2 Septembre 2005

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...

WhiteSpi · 2 Septembre 2005

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

Cliquez pour agrandir...

+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.

narayana · 2 Septembre 2005

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:

WhiteSpi · 2 Septembre 2005

narayana a dit:
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:

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...

WhiteSpi · 2 Septembre 2005

Ca y 'est ca marche

Merci a tous pour votre aide précieuse !