Chevaucher deux images (Entête+titre catégorie)

2 participants

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

Chevaucher deux images (Entête+titre catégorie) Empty Chevaucher deux images (Entête+titre catégorie)

Message par xL2auurie Lun 14 Oct 2013 - 18:25

Bonsoir à vous qui me lisez !
Je vous contacte parce que je suis en pleine préparation d'une nouvelle version le forum sur lequel je suis admin et je me trouve face à un problème auquel je n'ai trouvé encore aucune solution malgré mes recherches.
Je vous explique mon soucis, pour rendre le forum encore plus joli, j'ai décidé de mettre une image en tête de catégorie (Pas en titre) comme sur cette photo.
Spoiler:
Jusqu'ici aucun problème. Mais j'aimerais maintenant  supprimer le titre de la catégorie pour le remplacer par une image qui chevaucherait l'entête de la catégorie comme ceci.
Spoiler:
Le soucis ? Malgré les heures passées dessus, mes recherches et mes connaissances basiques en codage, je n'arrive à rien. Si je remplace le titre du forum par une image, celle ci ne chevauche pas l'entête de la catégorie, au contraire voilà ce que j'obtiens.
Spoiler:
Auriez vous donc un code, une astuce pour me permettre de réaliser un chevauchement de l'entête et du titre de la catégorie ?
Je vous remercie d'avance Smile
Cordialement, xL2auurie.
xL2auurie

xL2auurie
*

Messages : 36
Inscrit(e) le : 03/07/2011

http://breakeven.forumactif.org/
xL2auurie a été remercié(e) par l'auteur de ce sujet.

Chevaucher deux images (Entête+titre catégorie) Empty Re: Chevaucher deux images (Entête+titre catégorie)

Message par MlleAlys Lun 14 Oct 2013 - 22:57

bonjour,
je vous propose d'essayer quelque chose comme ça :

code html à mettre comme titre :
Code:
<span class="titre_cate"><img src="..."/></span>
et code css associé :
Code:
.titre_cate {
    position: relative;
}
.titre_cate img {
    position: absolute;
    left: 0px; /*decalage à gauche*/
    top: -50px; /*decalage vers le haut*/
}
a.nav .titre_cate img {
    position: static;
}
Les valeurs de décalage sont à adapter bien entendu ^^
J'ai fait un peu à l'aveugle, est ce que ça fonctionne ? Confused  Y a t il des problèmes ? Si oui, serait il possible d'avoir un lien vers le forum concerné ? ^^
MlleAlys

MlleAlys
Membre actif

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

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

Chevaucher deux images (Entête+titre catégorie) Empty Re: Chevaucher deux images (Entête+titre catégorie)

Message par xL2auurie Mar 15 Oct 2013 - 16:12

Ca marche impec merci Very Happy
xL2auurie

xL2auurie
*

Messages : 36
Inscrit(e) le : 03/07/2011

http://breakeven.forumactif.org/
xL2auurie a été remercié(e) par l'auteur de ce sujet.

Chevaucher deux images (Entête+titre catégorie) Empty Re: Chevaucher deux images (Entête+titre catégorie)

Message par MlleAlys Mar 15 Oct 2013 - 22:48

super alors,
n'oubliez pas de passer le sujet en résolu en éditant votre premier message ^^
MlleAlys

MlleAlys
Membre actif

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

MlleAlys 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