Bonjour,

Pour ceux qui utilisent la fonctionnalité d'image associée à une rubrique, vous aurez remarqué qu'il n'est actuellement pas possible de spécifier un visuel par défaut.

Pour contourner cette lacune, vous pouvez simplement rajouter un petit bout de script Javascript, DOM est ton ami (comme ils disent) :

if (document.getElementById('chapterpicture').getElementsByTagName('IMG').length<1) {
document.getElementById('chapterpicture').innerHTML = '';
}


Soit, si pas d'images de disponibles dans #chapterpicture, on injecte celle par défaut.

 
if (document.getElementById('chapterpicture').getElementsByTagName('IMG').length<1) {
    document.getElementById('chapterpicture').innerHTML = '<img src="/images/bandeau-mcd.jpg" \/>';
}
 

ah ! bbcode mon amour...

Si DOM est vraiment ton ami tu auras plutôt :

if(document.getElementById('chapterpicture').getElementsByTagName('IMG').length<1) {
  var link=document.createElement('img');
  link.src='/images/bandeau-mcd.jpg';
  document.getElementById('chapterpicture').appendChild(link);
}

;-)

Tout ça pour dire que dans la prochaine version, il sera possible d'associer récursivement une image. Ainsi lors de la création d'une nouvelle rubrique, e-majine regardera la rubrique parente et si une image y est associée récursivement, le visuel sera utilisé par défaut.

Un peu dans le même domaine, je viens vers vous concernant l'apparition d'une image au survol d'une sous-rubrique.

Vous m'aviez déjà indiquer la manière de procéder pour une rubrique.

cad:
- dans l'admin / Rubriques / Arborescence, ajouter une image au survol
- et ajouter dans la feuille de style :

#verticalmenu #first_level a img{
display:none;
}
 
#verticalmenu #first_level a:hover img{
display:block;
position:absolute;
}

J'ai donc voulu reprendre la même manière de procéder.

cad:
- dans l'admin / Rubriques / Arborescence, ajouter une image au survol
- et ajouter dans la feuille de style :

#verticalmenu #first_level .second_level a img{
display:none;
}
 
#verticalmenu #first_level .second_level a img:hover{
display:block;
position:absolute;
}

Mais sans résultat.

Il semblerait normal que ça ne fonctionne pas.
Ton image est masquée (display:none).
Ensuite, tu demandes à ce qu'on l'affiche lorsqu'on la survole.
Mais on ne peut pas la survoller vu qu'elle est masquée...

Egalement, si tu as des imbrications de listes et que tu joues avec des positions absolues, pense bien à mettre des éléments parents en position relative, sinon, ça va partir à droite, à gauche.

Tout à fait je me suis trompé sur le hover qui doit porté sur la balise a et non img.

#verticalmenu #first_level .second_level a img{
display:none;
}

#verticalmenu #first_level .second_level a:hover img{
display:block;
position:absolute;
}

Malgré tout cela ne fonctionne pas.

En parcourant le code, j'ai noté une différence entre une rubrique et une sous rubrique. En ajoutant une image au survol d'une rubrique, il en ressort ce code :

Consultation personnalisée

Cad l'image dans le lien.

Alors que pour une sous-rubrique, il en ressort ce code ci :

Droit

Cad l'image avant le lien.

Est-ce normal ? Mon problème ne vient-il pas de là ?

je n'ai jamais essayé ce système...
Dans ton template, l'image du survol est normalement gérée par l'attribut onmouseover et la fonction JS rollover(). Donc logiquement, pas de CSS à gérer pour cette partie.

Pour le placement de l'image, regarde si les blocs sont correctements imbriqués avec les liens.