Discussion :

[herveD]

Bonsoir
Encore un problème, moins important que les autres mais que je ne suis pas arrivé à réaliser
J'ai un encadré en css qui fonctionne bien sur l'élément .encadre

J'ai voulu faire la même chose sur la liste des films en lien avec cet auteur en dupliquant le code css sur l'élément .film-presentation
Le code ci-dessous fonctionne bien, j'arrive bien à pointer sur cet élément

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
.film-presentation{
  border:2px dotted black;
  background: lightyellow;
  }

par contre, aucune reproduction de l'effet sur la liste (cf image)
Le code ne doit pas fonctionner mais je ne sais pas ce qui manque.

cerise sur le gâteau si je pouvais ajouter un titre "Liste des films" dans le tiret de l'encadre (mais bon peut-être aussi impossible) ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
/* encadré liste lié aux pro */
.film-presentation{ 
	position: relative;
}
 .film-presentation::after{
	content: "";
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -0.5rem;
	height: 0.5rem;
	width:100%;
	background-image: radial-gradient(farthest-side at top center, #777, #888, #fff);
	background-size: 100%;
	background-position: top;
	background-repeat: no-repeat;	
}
.film-presentation>div{
	border-radius: 10px;
	border: 1px solid var(--cassiopeia-color-secondary);
	overflow: hidden;
	color: #444;
	background: #fff;
	padding:1em;	
}

et le lien: https://alterweb.info/organisation/p...ilm/kamea-meah

[NoSmoking]

Bonjour,
ton code d'encadrement :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
.encadre>div {
  border-radius: 10px;
  border: 1px solid var(--cassiopeia-color-secondary);
  overflow: hidden;
  color: #444;
  background: #fff;
  padding: 1em;
}

donc pour qu'il applique à ta liste il te faut avoir la même structure HTML, quelque chose comme :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
<div class="encadre">
  <ul class="fields-container">
    <li class="field-entry film-presentation ">
    </li>
  </ul>
</div>

au passage ton imbrication de <div> dans ta <li> unique c'est très moyen

[herveD]

Bonjour
Je comprends

Il faut savoir que la début de la page est un article joomla tandis qu'en bas de la page, la liste des films est une extension joomla!

Je peux difficilement recoder ce qu'il as fait mais je peux en parler au développeur très sympa pour voir ce qui est possible ? notamment sur l'imbrication.
Sinon je joins une image pour peut-être insérer une class dans le backoffice de cette extension, si cela peut aider ?
A savoir que ce sujet est moins urgent et important que l'autre où la page n'est plus très ergonomique
@+