Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

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) Empty 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:
Chevaucher deux images (Entête+titre catégorie) 549035Capt1
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:
Chevaucher deux images (Entête+titre catégorie) 742441Capt2
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:
Chevaucher deux images (Entête+titre catégorie) 230795Capt3
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 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

MlleAlys
Membre actif

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

http://mllealys2.forumactif.org/
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 le 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 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

MlleAlys
Membre actif

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

http://mllealys2.forumactif.org/
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