Espace entre image en-tête catégorie et titre catégorie

3 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Espace entre image en-tête catégorie et titre catégorie

Message par Jay K. Mar 2 Mai 2017 - 15:29

Détails techniques


Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome, Opera
Capture d'écran du problème :
Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Dès le premier essai pour afficher l'image d'en-tête de catégorie
Lien du forum : http://straightouttaperth.forumgratuit.fr/

Description du problème

Bonjour !

Après avoir cherché et testé divers codes désespérément pendant plusieurs semaines, je me décide à vous demander de l'aide pour ce problème. En fait, sur la capture d'écran, on peut voir un espace entre l'image d'en-tête de catégorie, et le titre de la catégorie (qui est une image). J'aimerais que l'image d'en-tête se place derrière l'image de titre, et non au-dessus comme actuellement... Ci-dessous le template index_box modifié et le CSS complet.

Un grand merci d'avance à tous ceux qui m'éclaireront sur ce problème !

Template index_box:

CSS:


Dernière édition par Jay K. le Mar 2 Mai 2017 - 20:03, édité 1 fois
Jay K.

Jay K.
Nouveau membre

Messages : 17
Inscrit(e) le : 02/05/2017

Voir le profil de l'utilisateur http://violent-delights.forumactif.com
Jay K. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Espace entre image en-tête catégorie et titre catégorie

Message par MlleAlys Mar 2 Mai 2017 - 19:25

Bonjour,
Dans ce cas, mieux vaut placer l'image en fond des titres via le css :

- dans le template, localisez et supprimer la partie suivante :
Code:
<table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td><img src="https://i.imgbox.com/qIxDyY1i.png"/></td></tr></table>

- dans le css, ajoutez les codes suivants :
Code:
caption.secondarytitle {
  background: url(https://i.imgbox.com/qIxDyY1i.png) #e6e2e2;
  margin: 0;
  padding: 0;
  background-size: 810px;
  height: 102px;
  background-repeat: no-repeat;
  border-radius: 7px 7px 0 0;
}

caption.secondarytitle h2 {
  background: none;
  display: block;
  margin: 0;
  padding: 0;
}
MlleAlys

MlleAlys
Membre actif

Messages : 5153
Inscrit(e) le : 12/09/2012

Voir le profil de l'utilisateur
MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Espace entre image en-tête catégorie et titre catégorie

Message par Jay K. Mar 2 Mai 2017 - 20:02

Ca fonctionne parfaitement !! Un grand grand merci pour votre réponse, ça m'a enfin débloqué !
C'est bien plus simple que tout ce que j'ai pu essayer... Le problème est résolu du coup Very Happy
Jay K.

Jay K.
Nouveau membre

Messages : 17
Inscrit(e) le : 02/05/2017

Voir le profil de l'utilisateur http://violent-delights.forumactif.com
Jay K. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Espace entre image en-tête catégorie et titre catégorie

Message par Chacha Mar 2 Mai 2017 - 22:23

Espace entre image en-tête catégorie et titre catégorie 4qhGdLE
Bienvenue sur le forum de support de Forumactif

Bonjour,

Puisque vous êtes nouveau, voici quelques sujets susceptibles de vous intéresser :
N'hésitez pas à ouvrir un nouveau sujet si vous ne trouvez pas votre réponse.
Chacha

Chacha
Modéractif
Modéractif

Masculin
Messages : 67151
Inscrit(e) le : 21/08/2010

Voir le profil de l'utilisateur https://forum.forumactif.com/
Chacha a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum