(RESOLU) Centrer une view

Information importante

En raison d'un grand nombre d'inscriptions de spammers sur notre site, polluant sans relache notre forum, nous suspendons la création de compte via le formulaire de "sign up".

Il est néanmoins toujours possible de devenir adhérent•e en faisant la demande sur cette page, rubrique "Inscription" : https://www.drupal.fr/contact


De plus, le forum est désormais "interdit en écriture". Il n'est plus autorisé d'y écrire un sujet/billet/commentaire.

Pour contacter la communauté, merci de rejoindre le slack "drupalfrance".

Si vous voulez contacter le bureau de l'association, utilisez le formulaire disponible ici, ou envoyez-nous un DM sur twitter.

Submitted by sebphilip on

Bonjour,

j' insère une view dans un node grâce au module insert_view. Y a t il moyen de centrer la view dans mon node?

merci de vos réponses.

Forum : 
Développement
Version de Drupal : 
6.x

Soumis par fishclic le 31 Décembre, 2009 - 14:35

  • Si ce n'est pas déjà fait, installer le plugin firebug sur firefox.

  • Avec firebug, inspecter le code html de la page pour trouver les classes du node (généralement quelque chose comme node-type-letypedecontenu) et de ses champs (par exemple field_field-nomduchamp).

  • Editer le fichier CSS du thème pour ajouter ça :

.la-class-du-type-de-node .la-class-du-type-de-champ {
width : la largeur que tu veux pour ta view;
margin-left : auto;
margin-right : auto;
}

Soumis par sebphilip le 1 Janvier, 2010 - 19:06

Bonjour merci pour ta reponse. J'ai essayé dans un premier temps de l' appliquer a un champ cck mais sans succés:

sur le site www.jump-aix.fr, en page d'accueil, il y a dans mon node un logo. C'est cela que je voudrais centrer.

J'ai donc pris firebug et reperé la classe du node:

node odd full-node node-type-page

puis la classe du champ:

field field-type-filefield field-field-photos

J'ai ensuite appliqué ton code ton mon style.css:

.node odd full-node node-type-page .field field-type-filefield field-field-photos {
width : 480;
margin-left : auto;
margin-right : auto;
}

Mais rien ne se passe. Peux tu m aiguiller sur mon erreur? Merci d'avance

Soumis par fishclic le 1 Janvier, 2010 - 19:25

Tout ce que tu as écris (node, odd, full-node, etc...) sont des class.

Or, une class en CSS s'appelle de la façon suivante :
.le-nom-de-la-classe

Si tu veux écrire toutes les classes (qui s'appliquent à 2 éléments : le node, et le field), tu obtiens un truc comme ça :

.node.odd.full-node.node-type-page .field.field-type-filefield.field-field-photos {
width : 480;
margin-left : auto;
margin-right : auto;
}

Mais ce n'est pas la meilleure solution et tout dépend de ce que tu veux faire.
Si tu veux centrer l'image sur toutes tes pages, tu peux te contenter de :

.node-type-page .field-field-photos {
width : 480;
margin-left : auto;
margin-right : auto;
}

Et si tu veux centrer l'image uniquement sur ce node, il ne faut pas prendre la class du node mais son id. Donc pour le cas présent :

#node-29 .field-field-photos {
width : 480;
margin-left : auto;
margin-right : auto;
}

Pour plus d'information, je te suggère de te renseigner sur les class et id en CSS...