barre de titre au premier plan

[zellda49]

Salut

Comment faire pour que l'image de la barre de titre passe par dessus la cellule en dessous comme ceci https://2img.net/r/hpimg4/pics/404063hhhhhh.png

[zellda49]

up!!

[zellda49]

uP

[zellda49]

Uppppppppp!

[zellda49]

U u u u u u P

[MlleAlys]

comment as-tu mis cette image ? à partir de panneau "image fond des catégories" ? parce que si c'est un background, je ne sais pas si c'est possible ^^"

[zellda49]

oui a partir des gestion de mes image

[MlleAlys]

mais tu veux cacher tes titres de catégories, ou tu veux quand même que le titre apparaisse par dessus l'image ?

[zellda49]

si je veut garder les titre si possible

[MlleAlys]

je ne sais pas si c'est possible avec la propriété background, je crois que j'essayerais en l'ajoutant comme image directement dans le titre de la catégorie, en plus du titre.
par exemple, quelque chose comme ça pour le titre :

Code:

<img src="http://img4.hostingpics.net/pics/498682barre.png"><div class="dessus">LE HALL DES OMG</div>

et comme code dans le css :

Code:

/*position du titre de catégorie (dont image) au dessus de la cellule*/
th.secondarytitle h2 img {
  display: inline!important;
  padding-top:0px;
  padding-bottom:0px;
  margin-top:0px;
  float:left;
  z-index:500;
  position:relative;
}

/*correction position titre (texte)*/
.dessus {
z-index: 800;
position: relative;
left: -500px;
}

 /*évite l'affichage de l'image dans le fil d'ariane des forums*/
th.secondarytitle h2 .txt-title {
  display: none;
}

left: -500px permet de corriger le positionnement du titre pour le remettre par dessus l'image, et non pas après l'image ^^
tu va devoir également je pense bidouiller les valeurs de la première partie pour positionner l'image comme tu le souhaites.

(ce n'est peut être pas le code le plus efficace, je suis partie de ce que j'avais déjà, mais, à défaut, ça devrait fonctionner ^^)

[zellda49]

le premier code je le met ou? désoler je debut

[MlleAlys]

directement dans le nom de la catégorie : général>catégories et forum> sur la catégorie, puis tu mets le code dans "nom de la catégorie" (là j'ai remis "le hall des omg" comme sur ton image, mais tu adaptes bien sûr ^^)

[zellda49]

merci cela fonctionne met le problème c'est que l'image est trop en hauteur et sujet message et dernier message ce décale en hauteur met même en modifiant les valeur rien ne change part le -500

https://2img.net/r/hpimg4/pics/50293112ff.png

enfaite j’enlève la première partie du code et cel na change rien

[MlleAlys]

tient, moi ça ne m'a pas fait ça Oo
Les mystères de l'informatique (pour ceux qui ne s'y connaissent pas assez ! xP)
heu...
je vais essayer de bidouiller de mon côté voir si je trouve quelque chose, mais je suis désolée je ne sais pas si je vais y arriver ><"
donc si quelqu'un d'autre sais corriger ça...

[zellda49]

ok merci de ton aide

[zellda49]

UP

[zellda49]

up

[zellda49]

up

[zellda49]

up up up

[zellda49]

up

[Tech]

Bonjour,

Que voulez-vous faire exactement ?
Je n'ai pas compris ce que vous demandez.

Cordialement.

[zellda49]

Je veut passer l'image de la barre de titre par dessus la cellule de dessous

[zellda49]

up

[Tech]

Bonsoir,

Rajoutez ce code dans votre PA > Affichage > Couleurs > Feuille de style :

Code:

.table-title img {
margin-bottom: -50px;
}

Est-ce que c'est bien ce que vous désirez ?

Cordialement.

[zellda49]

dieux existe il s’appelle Tech

MERCI!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

[Tech]

Bonjour, Afin de faciliter la gestion des problèmes, si votre problème est résolu, pensez à : éditer votre premier message, cocher l'icône Et enregistrer en cliquant sur Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton A bientôt sur ForumActif