Salut,
Waouu c'est de l'image ça, c'est toujours délicat de mettre des images de cette taille pour ce style d'option quine sont pas prévues pour surtout sur certaines pages.
Mais tout s'adapte, ici dans ce cas, il faut adapter la class CSS à la taille de l'image, très aisé de cette façon:
L'image utilisée est seulement là pour l'exemple, elle à la taille que tu as précisée.
Code:
.breadcrumb .navbit.lastnavbit span .resolu, .resolu {
background: transparent url({vb:stylevar imgdir_misc}/ok.png) no-repeat 0 50%; /* image de mon préfixe résolu ! avec son positionnement, ici centré verticalement, et totalement à gauche de la balise SPAN*/
padding: 0 2px 0 127px; /* positionnement de mon préfixe et de ce qu'il l*entoure par rapport à mon image, ici 2px à droite pour espacé le titre, et 12px à gauche pour le positionnement de mon préfixe en texte par rapport à mon image */
color: #9BC55A; /* couleur du texte de mon préfixe, dans ce cas en rapport à la couleur de mon image */
display: inline-block; /* inline-block pour éviter tout saut de ligne du titre, peut-être remplacé par un float:left*/
height: 30px; /* hauteur de l'image*/
line-height: 30px; /* hauteur correspondant à celle de l'image, pour que le texte soit centré verticalement */
}
Afin de positionner l'image à gauche dans cet exemple, on met 127px en valeur mis en rouge dans cet exemple (125px c'est la largeur de ton image + 2 px d'espacement entre l'image et texte du préfixe).
Et pour la hauteur, on met celle de l'image, donc la valeur en violet, est de 30px.
Enfin, la dernière valeur, permet de mettre en hauteur de ligne, la même que celle de l'image, afin que le texte du préfixe, (si il y en a un bien sur, sinon retiré cette attribut et valeur) soit centré verticalement, donc la valeur en vert est de 30px.
Voici les captures du rendu:
Pièce jointe 896123-05-2013_03.png23-05-2013_02.png
Voila dans les grandes lignes, maintenant, sur la page showthread, les préfixes sont indiqués, donc, tu as le choix, soit tu laisse le décalage vertical, entre le préfixe complet, et le titre du sujet, soit tu aligne le préfixe et le titre du sujet, en ajoutent cette class:
Code:
.breadcrumb .navbit.lastnavbit span {
line-height: 30px;
}
Voici les captures du rendu:
23-05-2013_05.png
Mais attention, cela aura un effet sur toutes les pages ou il y a le navbit, si tu tiens vraiment à aligner cela, autant tout aligner verticalement, en placent plutôt cette class:
Code:
.breadcrumb .navbit.lastnavbit span, .breadcrumb .navbithome, .breadcrumb .navbit a {
line-height: 30px;
}
Voici les captures du rendu:
Ombre_23-05-2013_92.png
Si j'oublie rien, ça devrais centré verticalement, la petite maison signifiant l'home, et les liens des différentes pages ou tu te trouves.
Je pense qu'avec cela tu devrais pouvoir t'en sortir, à toi de testé cela sur les différents navigateurs, et pages de ton forum.