[CSS ou xHTML ?] Problème avec dashed

Bonsoir à tous,

En utilisant dashed (css), sous ie ça s'affiche bien et pareil ff

mais s'il y a 2 ligne, sois ie ça va bien, sous ff ça ne prend pas compte et ff fait comme s'il y a une seule ligne donc l'autre mot qui se trouve à la deuxieme ligne est hors de dashed

astuce ?

Tu n'as pas un bout de code pour illustrer ton propos :? ?

Désolé :)

Avec une seul ligne

Sous IE et FF


---------------------------------------|
test |
----------------------------------------


Parfait

Avec 2 ligne, sous IE

---------------------------------------|
test |
test |
----------------------------------------

Parfait

Sous FF

---------------------------------------|
test |
------------test ----------------------


Cela vous suffira ? Ou bien devrai-je faire encore plus clair ?

Merci d'avance (j'espère pouvoir resoudre le pb ce soir :d)

(ps si tu veux contact msn, demande moi mp direct :))

Citation:

---

Envoyé par SangKou

Cela vous suffira ? Ou bien devrai-je faire encore plus clair ?

---

Je voudrais bien que tu sois plus clair en nous montrant ton code, car j'ai pas tout compris :?

En gros ce qu'il ma montré sur msn

Sous IE il à

- - - - - - - - - -
| Lien1 Lien2 |
|. . . . . Lien3 |
- - - - - - - - - -

Sous Firefox
- - - - - - - - - -
| Lien1 Lien2 |
- - - - - - - - - -
. . . . . Lien3

Dans le css

Code:

---

1 2 3

.fin_sujet_droite { float: right; margin-top: -14px; padding-right: 10px; }

---

<span class="fin_sujet_droit"> est utilisé pour la seconde ligne...

Si mes souvenirs sont exact :) !?

Oui c'est cela :)

CSS

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

.fin_sujet { margin: auto; font-size: 0.8em; text-align:center; border: 1px dashed blue; width:90%; }   .fin_sujet_droite { float: right; margin-top: -14px; padding-right: 10px; }

---

Dans HTML

Code:

---

1 2 3 4 5 6 7

<div class="fin_sujet"> <a href="#">process testing</a> <span class="fin_sujet_droite"> <a href="#">Voir plus d&eacute;tail</a><br /> <a href="#">Ajouter commentaire</a> </span> </div><br /><br /><br />

---

et si tu mettais ton sujet dans une balise paragraphe, comme suit :

Code:

---

1 2 3 4 5 6 7 8 9

<div class="fin_sujet"> <p> <a href="#">process testing</a> <span class="fin_sujet_droite"> <a href="#">Voir plus d&eacute;tail</a><br /> <a href="#">Ajouter commentaire</a> </span> </p> </div>

---

et pour ton information, certains navigateurs, dont le mien d'ailleurs, n'interprètent pas les marfins négatives

Oui, c'est ce que je lui disais les margin-top:-14px; pas bon :roll: ...

Cela vient du fait qu'il faut donner une hauteur à ton div, sinon ff tout comme opera et netscape d'ailleurs ne l'agrandisse pas automatiquement en fonction de ce qu'il contient.
De plus, il faut d'abord placer l'élément flottant avant ton texte, sinon c'est normal qu'il se retrouve à la ligne suivante.

Ce qui pourrait donner par exemple :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13

<div style="margin: auto; font-size: 0.8em; text-align: center; border: 1px dashed blue; width: 90%; height: 100px;">   <ul style="list-style-type: none; float: right; background: yellow; margin: 0"> <li> <a href="#">Voir plus d&eacute;tail</a></li> <li> <a href="#">Ajouter commentaire</a></li> </ul>   <a href="#">process testing</a>   </div>

---

Citation:

---

Envoyé par spirou

Cela vient du fait qu'il faut donner une hauteur à ton div, sinon ff tout comme opera et netscape d'ailleurs ne l'agrandisse pas automatiquement en fonction de ce qu'il contient.

---

La je suis d'accord, sinon je prétends que mettre simplement les balises de paragraphe suffit (testé sous mozilla netscape myie2)

Citation:

---

Envoyé par francis m

sinon je prétends que mettre simplement les balises de paragraphe suffit (testé sous mozilla netscape myie2)

---

Je n'ai jamais dit le contraire, en fait c'est même mieux car pas besoin de définir de hauteur, j'avais pas fait attention au code que tu avais donné. :mrgreen:

J'étais parti sur le margin négatif :roll:

Je vous signale tout simplement que je ne vous oublies pas, je reviendrai le 4 nov, (demain pas sur)

Merci pour vos réponses, je le testerai