Jacky
Bulle-imique


Inscrit le 27 Nov 2006
981 Messages
Bonjour à tous!
Comme on le sait, la proriété -moz-border-radius inscrite dans la feuille de style CSS, n'est pas validée par le W3C.
On peux contourner le problème en l'introduisant directement dans l'article. Exemple pour une infobulle sur un lien ou une image:
En mode HTML:
<a style="-moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomleft: 4px; -moz-border-radius-bottomright: 4px" href="_blank" class="info">Nom du lien ou image<em><span> </span>Texte de l'infobulle</em></a>
Pour faire un cadre aux coins arrondis comme vous pouvez le voir sur mon blog:
<div style="background: #800080 none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; width: 420px; margin-left: 120px; text-align: center; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomleft: 4px; -moz-border-radius-bottomright: 4px">votre texte</div>.
Voilà!
_________________
Jacky
- Envoyé le 25 Oct 2007, 13:18
Vincent
Equipe MaBulle


Inscrit le 29 Mar 2005
3565 Messages
Code
<div style="-moz-border-radius:4px;">texte</div>
c'est plus court
_________________
Partager, discuter, donner votre avis...
créer un blog
sur MaBulle !
- Envoyé le 26 Oct 2007, 08:26
Jacky
Bulle-imique


Inscrit le 27 Nov 2006
981 Messages
Salut Vincent.
J'ai essayé, mais l'éditeur le supprime et remet -moz-border-radius-topleft etc. etc..
Sans vouloir t'offenser, va faloir prendre un éditeur html plus indulgent. Celui-ci est beaucoup trop strict (sévère

).
Sinon...va falloir aller au W3C et leurs faire une tête au carré!!
_________________
Jacky
- Envoyé le 26 Oct 2007, 10:18