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

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

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

Message par xL2auurie le 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
*

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

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

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

Message par MlleAlys le 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
+ Hyperactif +

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

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

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

Message par xL2auurie le Mar 15 Oct 2013 - 16:12

Ca marche impec merci Very Happy

xL2auurie
*

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

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

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

Message par MlleAlys le Mar 15 Oct 2013 - 22:48

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

MlleAlys
+ Hyperactif +

Messages : 4407
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


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