28172 sujets

CSS et mise en forme, CSS3

Bonjour,

je souhaite styler une page de Drupal or j'ai quelques lacunes en css.

Voici le code obtenu par Drupal.


<div id="content-area">
<div id="node-46" class="node node node-mine node-teaser node-type-produit">
   <div class="node-inner">
     <h2 class="title node-title">...</h2>
     <div class="taxonomy">...</div>
     <div class="content">...</div>
  </div>
</div>
<div id="node-45" class="node node node-mine node-teaser node-type-produit">...</div>
<div id="node-44" class="node node node-mine node-teaser node-type-produit">...</div>
...


J'aimerais pour chaque div ayant l'id "node-n°" affecter des css

je pensais à quelquechose du genre

#node-* {
mes css;
}

sachant que je ne peux pas faire un border-bottom sur le <div class="node-inner"> car j'ai des images à l'intérieur qui se retrouve au milieu de ma bordure...

Est-il possible de faire ceci en CSS2 ?

Merci de votre aide
Modifié par selinav2 (22 Jul 2009 - 11:04)
Salut,

D'après moi ce serait plutôt :

[id~=node-]{
css
}
ou bien

E[id|="node-"]{

}


A voir je ne sais pas si c'est supporté par IE6...
Sinon avec Drupal tu peux personnaliser tes node et leurs id et tout dans le fichier node.tpl.php, mais à voir avec la structure de ton site Smiley cligne
merci N-J

J'ai testé les 2 syntaxe, ça ne fonctionne pas.
C'est pas grave, c'est vrai que c'est plus simple de modifier dans le fichier node.tpl.php en mettant un id-fixe si on ne souhaite pas styler différemment pour chaque nœud.

Merci encore
De rien je comprend ta douleur d'intégrer sous Drupal qui est une vraie plaie au début ^^ (même à la fin ^^)