Salon des blogueurs

LE FORUM DES BLOGUEURS
PARTAGEZ, DISCUTEZ, DONNEZ VOTRE AVIS !

MaBulle
2628 auteurs ont publié 105365 articles commentés 7.5 fois, rejoignez-nous !

Coins arrondis validés (Informatique, internet)

Rafraichir la page Poster un nouveau sujet Répondre au sujet

Jacky
Bulle-imique

Bulle-imique

Inscrit le 27 Nov 2006
981 Messages

Répondre en citant Voir le profil de l'utilisateur Visiter le site web de l'utilisateur

Bonjour à tous! Very Happy

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>&nbsp;</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à! Wink


_________________
Jacky

- Envoyé le 25 Oct 2007, 13:18

Vincent
Equipe MaBulle

Equipe MaBulle

Inscrit le 29 Mar 2005
3565 Messages

Répondre en citant Voir le profil de l'utilisateur Visiter le site web de l'utilisateur

Code
<div style="-moz-border-radius:4px;">texte</div>

c'est plus court Wink


_________________
Partager, discuter, donner votre avis... créer un blog sur MaBulle !

- Envoyé le 26 Oct 2007, 08:26

Jacky
Bulle-imique

Bulle-imique

Inscrit le 27 Nov 2006
981 Messages

Répondre en citant Voir le profil de l'utilisateur Visiter le site web de l'utilisateur

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 Sad ).

Sinon...va falloir aller au W3C et leurs faire une tête au carré!! Laughing


_________________
Jacky

- Envoyé le 26 Oct 2007, 10:18


Retour en haut Poster un nouveau sujet Répondre au sujet
Sauter vers


Partenaires: Dictionnaire | Référencement google | Forum informatique | Bivouac | Annuaire de blogs | achat vin

Copyright © 2005-2007 MaBulle™. Tous droits réservés | C.G.U & informations légales | Propulsé par phpBB © 2001,2007 phpBB Group.