Bonjour,

Je souhaite mettre un filet au dessous d'un chiffre.
Pour cela j'ai mis ce style suivant :

.title-chapter
margin-top: 2em;
margin-bottom: 1em;
text-align:right;
border-bottom: solid 5px #BDB2A5;

Hors, le filet en question ce met au dessus de mon chiffre.

Avez-vous déjà eu ce problème ?

Merci d'avance.

Normalement ton code est bon; es-tu sûr d'avoir appeler la bonne classe sur ton nombre ? Ou qu'il n'y ai pas de conflit avec d'autres règles ?

t'es sur de bien avoir mis ta class .title-chapter dans la bonne balise html ?

Pour ce qui est de savoir si c'est la bonne classe, oui c'est la bonne étant donné que si je change par exemple la largeur du filet dans mon style, ca à effet.

Après pour les conflits, j'éssaie de voir ce qui pourrai poser problème mais je trouve rien...

PS : Je suis en stage en entreprise

Sinon merci de m'avoir répondus, si vous pensez à autre chose faite le moi savoir ;)

Hello,

Regarde du côté de la propriété z-index

Je ne connais pas cette proprieté. Je vais voir ça.

Merci.

Apparement, cette proprieté sert surtout à superposer des éléments non ?

Et de plus, mon border est géré comme un soulignement donc je ne pense pas qu'une proprieté puisse être attribuer a une autre.

Enfin je sais pas, je débute en CSS...

Ah désolé j'ai cru que tu voulais superposer les elements

Pas grave , merci quand même !

La seule solution que je n'est pas éssayé : le navigateur

J'était sous IE car chez eux Mozilla interprete mal le codage (ce qui est bisard d'ailleurs car dans mon stage précédent Mozilla fonctionnait niquel..) Et la je viens d'essayer avec Mozilla justement et j'ai bien mon filet au dessous.

Par contre mon chiffre est minuscule alors qu'il est au bon corps sur IE et de plus aucun accent n'est géré...

Ca va être dur d'avoir un aperçu correct sur le navigateur...

D'ailleurs, autre question : C'est pour un eBook que je fais ça. Le soucis c'est que dès que je veux avoir un aperçu de mes corrections, je suis obligé de ziper mes fichiers, de changer le nom, de le mettre sur l'iPad via DropBox... Enfin bref c'est assez chian. Ya pas moyen d'avoir un aperçu au format d'un iPad avec un ptit soft ?

Merci encore.

Je ne connais pas de tel logiciel, mais sous Firefox tu peux avoir un aperçu selon plusieurs résolutions (via Ctrl+Maj+M).

Quant à IE, il a toujours été chiant car il y a un bon nombre de code css/html qu'il ne supporte pas ou très mal (surtout les anciennes versions).

Déja t'applique ton style sur quoi?

un div, un span, un paragraphe?

Sinon ton code est correct et devrait fonctionner.

J'viens de test le code suivant

HTML:

<div class="barre_bot">2</div>

CSS:

div.barre_bot {
position:asolute;
border-bottom: 5px solid black;
width:20%;
}

Et ça fonctionne, sous Firefox/Chrome

Vous tournez sous ie8 ou quoi ? Et si firefox interprete mal le code (ce qui ne veux pas dire grand chose d'ailleurs) c'est que l'entreprise doit pas avoir mis a jour ses navigateurs depuis des mois... (années?) . De ce que je sais le code que tu as donné tourne correctement sous ie9 10 11, chrome, firefox, safari, opera, normalement.

En gros vous feriez bien de mettre a jour vos navigateurs =)