HTML / CSS

Fermé
Maverick84 Messages postés 8 Date d'inscription mardi 10 avril 2007 Statut Membre Dernière intervention 19 avril 2007 - 10 avril 2007 à 17:25
Maverick84 Messages postés 8 Date d'inscription mardi 10 avril 2007 Statut Membre Dernière intervention 19 avril 2007 - 11 avril 2007 à 15:52
Salut à tous,

je viens de débuter le langage html/css ainsi que la construction d'un site internet dans le cadre d'un projet web. J'ai débuté par le fond, c'est à dire que j'ai divisé ma fenêtre en plusieurs zones de texte à l'aide de balises <div>. Celles-ci sont visibles à leur différentes couleurs de fond et forment des rectangles dans lesquels j'introduis des images du texte etc...Mon souci est que pour des raisons purement esthétiques je souhaiterais savoir s'il est possible d'arrondir certains bord de mon choix pour une zone de mon choix.

Merci d'avance pour votre aide.

6 réponses

xjl Messages postés 232 Date d'inscription mardi 27 mars 2007 Statut Membre Dernière intervention 12 juin 2007 183
10 avril 2007 à 17:29
Si je ne dis pas de bêtise, tu sera obligé de le faire à l'aide des images que tu vas utiliser, qui elles, devront être arrondies dans les angles par jeu de changement de couleur ou de transparence (dans le cas d'un gif) si tu le souhaite.

Je ne pense pas que ce soit faisable en css directement...
0
ekra Messages postés 1870 Date d'inscription vendredi 15 avril 2005 Statut Membre Dernière intervention 24 juillet 2014 342
10 avril 2007 à 17:34
Bonjour,

Il faut mettre des images rondes aux quatre coins de ton bloc. Sinon pour mozilla-firefox tu as une option dans le CSS. Mais bon apparemment tu te sers toujours de IE (pas bien !) et puis ce n'est pas compatible avec tous les clients.

Donc la vieille technique à employer de préférence...
0
Maverick84 Messages postés 8 Date d'inscription mardi 10 avril 2007 Statut Membre Dernière intervention 19 avril 2007
10 avril 2007 à 17:37
Eh bien en réalité je me sert uniquement de firefox et mon site sera aussi noté en utilisant firefox
0
ekra Messages postés 1870 Date d'inscription vendredi 15 avril 2005 Statut Membre Dernière intervention 24 juillet 2014 342
10 avril 2007 à 17:40
Je crois avoir retrouvé l'option :
moz-border-radius:20px
0
Maverick84 Messages postés 8 Date d'inscription mardi 10 avril 2007 Statut Membre Dernière intervention 19 avril 2007
10 avril 2007 à 17:43
Ah niquel je viens d'essayer ca marche merci beaucoup ekra.
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Maverick84 Messages postés 8 Date d'inscription mardi 10 avril 2007 Statut Membre Dernière intervention 19 avril 2007
11 avril 2007 à 15:17
MMmh rebonjour,

en fait je ne sais pourquoi cette option ne veut pas enfin plus marcher, j'ai trouver un site proposant une autre méthode que je comprend sauf que je souhaiterais savoir quel type d'image on doit créer à l'aide de quel logiciel paint etc...?? à quoi cela ressemble?
Je vous donne l'adresse de ce site

Merci d'avance

http://www.svay.com/coins_arrondis/coins_arrondis.html
0
xjl Messages postés 232 Date d'inscription mardi 27 mars 2007 Statut Membre Dernière intervention 12 juin 2007 183
11 avril 2007 à 15:31
Salut,

tiens, regarde ça, c'est le code css qu'il te donne sur le lien que tu as filé, mais un peu nettoyé: https://www.cjoint.com/?elpzmOCPAY

Tu pourras voir que ce sont des images .png qui sont insérées et si tu les veux pour les modifier avec un éditeur d'images ou juste mieux voir à quoi elles ressemblent, tu peux les récupérer sur le site http://www.svay.com/coins_arrondis/coins_arrondis.html en remplaçant coins_arrondis.html par upperleft.png, etc...

(avec paint ça doit être possible, mais si t'as qqchose d'un peu plus évolué, n'hésites pas à t'en servir...)

PS: tu peux n'en modifier qu'une, la faire tourner d'un quart de tour à chaque fois, et l'enregistrer sous un nom différent !
0
Maverick84 Messages postés 8 Date d'inscription mardi 10 avril 2007 Statut Membre Dernière intervention 19 avril 2007
11 avril 2007 à 15:52
c'est bon ca marche cette fois merci beaucoup bonne journée
0