Geckozone

Bibilefou a écrit :Je réalise enfin les bienfaits des standards. Chiant lors du développement mais c béton.

Bibilefou a écrit :Bref, j'ai un page avec tout plein de contenus placés dans des divs suivant des rubriques. Ces DIVs sont par défaut masquées.
J'ai fait une petite fonctione JS pour les afficher. Mais c pas génial comme résultat (lorsque, sous Firebird, je désactive les styles, il y a que le calque récemment affiché qui est à l'écran. Pas toute la page).

Bibilefou a écrit :Y'a moyen de faire un truc du style document.getElementByID(nom).style.display en CSS ?

#nom { display: xxx; }

Bibilefou a écrit :Pour une démo du problème c'est ici.

bobo a écrit :Là, je commence à ne plus bien suivre... Qu'est-ce que tu entends par désactiver les styles ?

<a href="#" onclick="document.getElementById('rubrique').style.display='block';">Titre rubrique</a>

a {
   #rubrique { display:block }
}

Bibilefou a écrit :J'aimerais savoir si on peut réaliser ce genre de script uniquement avec le CSS, sans recourt à Javascript donc.

Du style :

Code : Tout sélectionner

a {
   #rubrique { display:block }
}

C'est utopique ?

bobo a écrit : Hormis les solutions reposant sur le :hover, il y a la possibilité en CSS 3 d'utiliser le :target pour faire ce genre de chose.
Exemple
Malheureusement seul Mozilla et Safari (et peut-être Konqueror) supporte actuellement le sélecteur :target

Bibilefou a écrit :J'aimerais savoir si on peut réaliser ce genre de script uniquement avec le CSS, sans recourt à Javascript donc.

Du style :

Code : Tout sélectionner

a {
   #rubrique { display:block }
}

C'est utopique ?

#rubrique a{display:block;}

<div id="rubrique1">
  <div class="menu">
    <em>Je met en italique avec un style perso.</em>
  </div>
</div>

#rubrique1 .menu em
{
  color:#124;
  border:1px dotted #000; 
}

# Line 84, character 8:

<h3>Chroniques</h3>
^

Error: element h3 not allowed here; possible cause is an inline element containing a block-level element
# Line 85, character 20:

<div id="excit"><h3>EXCIT</h3>
^

Error: element div not allowed here; possible cause is an inline element containing a block-level element