angle arrondie d'un paragraphe

[Matteo A.]

Oui, car créer un nouvaeu style, sans bourdure, et utiliser ses images avec un bourdure arrondie n'est pas facile à faire.

[cicinelle]

TOWeb ne brille pas par ses possibilités graphiques hélas.

Pour information, le cadre d'un <DIV> peut prendre une dizaine de valeur
Pointillé, relief, double tiret....

<div style="border-style: dotted">PROMO -50%</div>

Et tout ceci sans faire appel aux images.

Les cadres de TOWeb (et en général les cadres sophistiqués) doivent faire appel à 6 images

-4 bords
-un tiret droit qui est répété tant que dure la longueur du cadre
-un tiret vertical

┌

┐

└

┘

─

│

Jadis on créait nos cadres avec les caractères graphiques,

C'était galère, ha la la c'est loin

┌───┐
│      │
└───┘

Et puis avant encore il y avait le telex et les dinosaures

[cicinelle]

Quelques exemple de ce que l'on peut faire avec l'instruction DIV

[Matteo A.]

Par contre j'ai oublié comment règler la mise en valeur du paragraphe.

Je l'ai déjà fait, mais je ne sais plus comment. Est ce que quelqu'un peut me le rappeller svp?

[harry]

menu déroulant juste à côté de style à droite dans disposition du paragraphe

[Matteo A.]

menu déroulant juste à côté de style à droite dans disposition du paragraphe

Et oui, c'est juste ça qui j'ai oublié. Par là on peut utiliser la mis en valeur du paragraphe. Mais je n'arrive non plus a règler le parametres de la mis en valeur

[Matteo A.]

Sera que j'ai mal oublié...Aucun paramètre dans tw permet à faire ce truc?
Je croyais bien avoir fait ça..

[Matteo A.]

Voici un'autre exemple pour paragraphe avec les angle arrondie

Seul l'image mais sera ainsi possible ajouter le texte dans l'image.

Comment ajouter le texte??
 On pourra aisément ajouter le texte grace à toweb ou encore plus simplement avec le logiciel de retouche qui à édité notre image  

Canal "alpha" pour la transparence du fond...

• vous verriez ainsi dans cette page, l'integration d'une script de Laurents.

[jeampy]

pour completer ce que nous presente cicinelle

pour obtenir des coins arrondis à ses cadres:

ajouter      border-radius: 10px;       

exemple
<div style="border-radius: 10px;border: thick ridge #FF9900; background color: #DFD2BB">


voir sur mon site en page acceuil : http://www.boher-roy.fr

[cicinelle]

Bonjour

border-radius ne fonctionne pas sur Internet explorer ni sur Firefox natif.


border-radius serait pour certains une propriété css 3

Je ne pense pas que cela soit vrai, j'ai fouillé la grande bible du W3 en recherche de cette propriété. Je ne l'ai pas trouvé, existe t'elle officiellement ? en tout cas elle n'est  pas encore implémentée dans les navigateurs (sauf chrome)

(voir plus bas réponses suivantes)

Voila pour le style officiel d'une boite à l'heure actuelle : w3

et les différentes fonctions de style W3

les fonction BORDER sont les suivantes :

border-collapse       border-top-color          border-top-width
border-color          border-right-color          border-right-width
border-spacing       border-bottom-color       borderbottom-width
border-style          border-left-color          border-left-width
border-top          border-top-style          border-width
border-right          border-right-style          border
border-bottom       border-bottom-style          
border-left          border-left-style          
                  

Qui ecrit le style CSS pour le monde ?

L'équipe (des américains bien sur)



- - - - -

border-radius
Cette propriété nécessite au internautes d'avoir en charge un gadget qui rajoute a leur navigateur des fonctions supplémentaires aux styles.

par exemple je charge un script BONUS WEB STYLE GRATUIT dont j'ignore un peu tout (qui me met éventuellement régulièrement de la pub) mais qui me permet d'afficher des coins arrondis

Je reçois une  page qui contient

.monstyle {
  -BONUS STYLE GRATUIT-border-radius: 4px;
}

et paf, voila des coins arrondis.  

- - - -

Sauf pour tous les internautes qui on un navigateur standard, la grande majorité , qui eux, verront des coins carrés.

Quelqu'un demandait dernièrement sur le FORUM :

J'ai vu mon site sur un autre ordinateur, TOUT est diffèrent, comment faire  ?

Voilà la grande réponse, l'utilisation d'un langage normé W3.

Bon, la réponse à la grande question n'est pas 43, nous le savons désormais.

PS

Jeampy, j'ai visité votre site, plein de beaux coins carrés  

Par contre quel talent de cette artiste pour l'aquarelle, bravo pour elle !

[jeampy]

j' ai retesté  avec IE9, Safari, Firefox et Googlechrome et partout j' ai des coins arrondis sur le cadre en page d' accueil .
et je n' ai rien rajouté de particulier à mon windows vista.

voir : http://www.alsacreations.com/tuto/lire/891-coins-arrondis-css-sans-images.html

j' ai pris l'idée là.


est ce que d' autres utilisateurs de ToWeb4 pourraient me dire si  " border-radius " fonctionne chez eux ?

merci cicinelle pour tes longues explications et pour ta phrase gentille sur les aquarelles de Geneviève

[cicinelle]

Je n'ai pas téléchargé les dernières versions de IE et Firefox

voila pourquoi. je ne vois rien.


Sur Alsacreation il est écrit

Compatibilité et utilisation concrète
A l'heure où ce tutoriel est écrit, tous les navigateurs modernes reconnaissent la propriété border-radius sans préfixe vendeur puisqu'elle est finalisée
En pratique pour les versions précédentes des navigateurs (par ex. Firefox 3.6 ou Chrome 9


J'ai 3.6.2 et cela ne marche pas.

Qui est a jour sur ces versions ?, il est vrai que IE force la main et impose quasiment les mises a jours que je refuse pour le moment.

ERRATUM et désolé pour l'erreur  

j'ai enfin trouvé cette instruction dans la grande bible


CSS Backgrounds and Borders Module Level 3

Donc il s'agit bien d'une extension des CSS1 & 2

Je vais creuser cela car les propriétés sont vastes.

Dommage que cela ne soit pas encore visible par tous