-
Bordures arrondies
La propriété border-radius permet d'arrondis les angles des éléments de type block
sélecteur {
border-radius: Xpx;
}Remplacez X par la valeur de votre arrondi. Plus le chiffre sera grand, plus l'arrondis sera important.
border-radius: 5pxborder-radius: 20pxborder-radius: 50pxVous pouvez définir une valeur d'arrondi différente pour chacun des angles
sélecteur {
border-radius: Xpx Xpx Xpx Xpx;
}Les valeurs sont lues dans le sens horaire, en commençant par l'angle en haut à gauche. Ainsi :
Premier X => en haut à gauche.
Deuxième X => en haut à droite.
Troisième X => en bas à droite.
Quatrième X => en bas à gauche.Vous pouvez également créer des arrondis de forme ovale en modifiant la valeur en X (horizontal) et Y (vertical)
sélecteur {
border-radius: Xpx / Ypx;
}/!\ N'oubliez pas le "/" entre les deux valeurs
De la même façon, vous pouvez traiter chacun des angles séparément :
sélecteur {
border-radius: Xpx Xpx Xpx Xpx / Ypx Ypx Ypx Ypx;
}
-
Commentaires
ça marche, mais uniquement pour ceux qui n'ont pas de vieux navigateur. J'ai mis tous les codes aux cas ou, mais je pense que maintenant, ne mettre que "border-radius" ça fonctionne.
En tout cas moi je suis sur Firefox 3?6.20 et je ne vois pas tes bords arrondis, mais je vais mettre Firefox 5 xD
4Shuchu
Samedi 24 Septembre 2011 à 17:42
Je comprend pas...
J'ai Firefox 6? J'ai utilisier le code de la barre Eklablog, en dessou, j'ai mis ce code... Mais rien! Sa me fait: Erreur dans le code CSS
Quand ça marque "erreur dans le css", c'est que tu t'es trompé au niveau des "}"
Sois il y en manque une, sois il y en a une en trop.
6Shuchu
Samedi 24 Septembre 2011 à 17:47
Non... Pourquoi tout le monde se trompe?
Tu remplace "sélecteur" par le nom du sélecteur de l'élément auquel tu veux appliquer l'effet. Il y a une liste ici:
=> http://fanstasy-graph.eklablog.net/selecteur-eklablog-a5092805
Heu... qu'est ce que tu ne comprend pas exactement? Je veux bien t'aider, mais faut que je sache sur quoi tu coince ^^'
Ah oui,eh bien quand u dit:
On peut aussi faire des bordures ovales, en utilisant deux valeur pour les angles.
désolé j'ai fait copié collé^^" du coup c'est noir X-x c'est quoi des bordures ovales?
13Cricri200°
Mardi 15 Novembre 2011 à 11:4715Cricri200°
Mardi 15 Novembre 2011 à 18:31
non pas du tout, je viens de réessayer et sa dit la même chose! dit, tu veu bien me le faire? je te met en permissions ?
16Cricri200°
Mardi 15 Novembre 2011 à 18:3118Cricri200°
Mardi 15 Novembre 2011 à 22:14
me suis tapé la tête contre un mur quand j'ai vu ton com's XD
Si tu as mis ça:sélecteur {border-radius: Xpx;
-moz-border-radius: Xpx;
-webkit-border-radius: Xpx}Je confirme, ça ne marchera pas XDD
Il faut déjà que tu remplace "sélecteur" par l'élément auquel tu veux appliquer l'effet
Ensuite, les X sont a remplacer pas un nombre. ça sera le "degré" d'arrondi.
20Cricri200°
Mardi 15 Novembre 2011 à 23:3021Cricri200°
Mardi 15 Novembre 2011 à 23:35
bouhou sa marche pas, tu veux pas venirs m'y arrondir stp? TT_TT je sens que j'y arriverai jamais la!
Coucou,j'ai mis le code pur l'arrondis du titre d'article sur mon blog My book...sa ne march epas T-T voilà ce que j'ai mit:
.module_titre {border-radius: 20px / 20px;
-moz-border-radius: 20px / 20px;
-webkit-border-radius: 20px / 20px;}Je sais j'ai mi un peu du n'importe quoi >.> mais sa marchais avec le titre des menu...mais pas avec le titre d'article>o<
Bizarre, il fonctionne chez moi XP
le / 20px ne sert à rien, mais sinon, il est normal ton code...
Pourant sa ne marche pas su rmon blog T-T tu peu xme le faire?c'est le deuxième blog...c'est pa sgrave si tu refuse ^^
Pour arrondir les bords des fenêtres d'information quel est le Css ???
Désoler de déranger >__<'
Je suis hyper nule en Css , merci encore pour tout vas cours ^O^
Les explications pour la fenêtre d'information sont là:
=> http://fanstasy-graph.eklablog.net/fenetre-d-information-a5423290
Tu utilises ce code
.window{ propiété: valeur}
Et tu remplace "propriété: valeur" par les propriété que tu veux. Si tu veux arrondir les angles, tu utilises ce que je donne dans cet article.
JE COMPRENDS RIEN A CE CHARABIA!!! Nagalia,je sais que c'est dur mais c'est temporaire,est ce que tu veux bien travailler sur mon blog avec moi?
Réponds please
Merci d'avance
Liiloo
Non désolé. Si je devais faire les codes pour tous ceux qui n'y arrive pas, je ne m'en sortirais pas ;)
Déjà, est-ce que tu as lu cet article?
=> http://fanstasy-graph.eklablog.net/introduction-a4961842
39x-manga-love-x
Mercredi 18 Janvier 2012 à 12:21
merci beaucoup nagalia pour tout tes vraiment genial ;) j'ai reussi a faire des arrondi grace a toi sa fesait longtemp que je chercher sa merci enormemant
De rien =)
Pas eu le temps de répondre à ton mp, désolé ^^' Mais bon, tu as réussit du coup ;)
Beh tout ;)
Le titre des articles , le titre des rubriques , les menues...etc
Heu comme ce blog :
http://mizura-creation.eklablog.fr
45Zelda
Lundi 9 Avril 2012 à 12:18
Coucou!!pour ce code là sa marcher!.window{propiété: valeur} mais sa s'affiche pas:/ merci de
dire pourquoi sa s'affiche pas^^
Salut ! Merci pour ton travail, c'est géniale ! Je voulais faire un truc tout simple en arrondissant mes coins, tout marche, jusqu'aux coins de mes titres d'articles... Autour de mes titres j'ai des pointillés et eux, ils ne s'arrondissent pas ... Merci !
ça doit être un problème de taille ^^'
Rajoute une bordure à ton header et regarde ou se trouvent les arrondis:
#header {border: 1px black;
border-radius: 20px;}
Tout à l'heure, j'ai pu voir les bordures, par contre, là, quand je met les bordures , beh ,y'a pas de bordures..x'D
Enfin breff , l'essentielle c'est que j'ai vu où est les bordures. Les bordures sont sur le header ( enfin, le haut de la page) mais, les bordures , ne sont pas sur l'image du header, il sont sur les bords de la page, en haut, au niveau du header,mais pas sur les bords de l'image du header.
Juste pour te montrer un aperçu de ce que sa fait :
http://data0.eklablog.com/blog-theme/mod_articles17885607_4fddbd4c5286f.png?6893
Donc, le rose, c'est les bordures qui sont normalement noir , bon, c'est pas très rond, mais c'est juste pour donner un aperçu --'
Ok, donc il faut que tu redimensionne ton header pour qu'il fasse la taille de ton image:
#header {height: Xpx; /*hauteur de l'image*/
width: Xpx; /*largeur de l'image*/
}
D'accord, mais ça ne marche toujours pas..:/
Les bords de l'image ne sont toujours pas arrondi..
52Single
Mardi 19 Juin 2012 à 16:40
Bonjour !
Voici le code que j'ai mis, mais ce na marche pas.
.module_menu_type_lastvisitors {border-radius: 1px 1px 1px 1px;
-moz-border-radius: 1px 1px 1px 1px;
-webkit-border-radius: 1px 1px 1Xpx 1px}Où est mon erreur ?
Merci.
54Single
Mardi 19 Juin 2012 à 18:46
Et bien moi non plus ca ne marche pas ! :$
C'est bien ca le problème. --"
Quelqu'un peut-il nous aider ?
55Shuchu
Mardi 19 Juin 2012 à 18:58
Tu as fait une faute :)
.module_menu_type_lastvisitors {border-radius: 1px 1px 1px 1px;
-moz-border-radius: 1px 1px 1px 1px;
-webkit-border-radius: 1px 1px 1px 1px}
Tu as laissé un X
.module_menu_type_lastvisitors {border-radius: 1px 1px 1px 1px;
-moz-border-radius: 1px 1px 1px 1px;
-webkit-border-radius: 1px 1px 1Xpx 1px}57Single
Mardi 19 Juin 2012 à 19:38
Dans ce cas, ça dans être ce code^^:
.module_menu_type_lastvisitors imgi{border-radius: 1px 1px 1px 1px;
-moz-border-radius: 1px 1px 1px 1px;
-webkit-border-radius: 1px 1px 1px 1px}Il me semble que c'est ça^^
Nagalia: J'y arrive toujour ps pour le header>.<''
Heu... arrondis à 1px, on va pas voir grand chose XD
Je te propose le code pour 10px, et tu modifie la valeur après
.module_menu_type_lastvisitors img{border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px}
Si tu met le même arrondis sur les 4 angles, pas besoin de le marquer 4 fois ;)
@Shimyjadina: img pas imgi ;) Mais je vois pas vraiment quoi faire pour ton header... Essaie ça:
#header {backround: url("IMAGE DU HEADER");
height: Xpx; /*hauteur de l'image*/
width: Xpx; /*largeur de l'image/*
border-radius: Xpx; /*ton arrondi*/
}60Single
Mercredi 20 Juin 2012 à 08:27
Nagalia : J'ai mal écrit xD Ok, j'essaye le code, j'enleve les "/..../" C'est ça ? Je vais essayer^^
Sa marche merci beaucoup ! ^^ Est-ce que tu aurais un code pour mettree le heazder en centre ? Merci^^
Je reprend celui de tout à l'heure:
#header {backround: url("IMAGE DU HEADER") 50% 0%;
height: Xpx; /*hauteur de l'image*/
width: Xpx; /*largeur de l'image/*
border-radius: Xpx; /*ton arrondi*/
}
Bonjour Nagalia,
J'aurais aimer mettre les bords arrondis là ou on écrit un nouveau commentaire est-ce possible ? C'est-à-dire la ou il y a le pseudo, l'adresse mail et l'adresse du site. Merci d'avance pour la réponse. Passe une bonne journée.
Merci beaucoup cela fonctionne encore une petite question et pour en dessous du pseudo, l'adresse mail .....pour le cadre commentaire quel est le selecteur ?
En théorie c'est #form_cavom_tbl mais tu ne peux pas appliquer des arrondis car ce n'est pas un simple champ de texte, il y a tout un autre truc par dessus que l'on ne peux pas modifier.
Merci beaucoup ^^
Ca m'a beaucoup aidé, j'ai passé le code à pinku et j'espère que ça l'aidera aussi ^^
Bon lundi ^^
Bon, je ne sias pas si ça va marcher :
#background{border-radius: Xpx;
-moz-border-radius: Xpx;
-webkit-border-radius: Xpx}Il faut juste changer les X ^^
Je ne sais pas si ça marche mais essaye
Jusqu'à la dernière accollade, les autes phrases c'est juste que j'ai oublié de changer la police ^^'
Moi tout marche mais comment faire pour que les contours s'arrondissent quand on passe la souris dessus ? (je me fais comprendre ? XD)
85Aikya
Jeudi 26 Juillet 2012 à 15:45
En fin de ligne, ça ne sert à rien. En général, je les mets dans les tuto, mais dans mes code, je mets jamais de point virgule avant une accolade ^^'
87ripitchi2806
Dimanche 5 Août 2012 à 12:36
Désoler de te déranger
En fait j'ai mis ça:
.module_contenu {propriété: sélecteur {border-radius: Xpx;
-moz-border-radius: Xpx;
-webkit-border-radius: Xpx}(en remplacent le X des pixel) vu que je veux que ça soit pour l'article
Mais ça met qu'il y a encore une erreure --'
J'ai essayé de mille façons mais j'ai pas compris
88ripitchi2806
Dimanche 5 Août 2012 à 12:40
Ah non zut je crois qu'il faut mettre ça :
.module_contenu {propriété: sélecteur {border-radius: Xpx;
-moz-border-radius: Xpx;
-webkit-border-radius: Xpx} valeur ; }ou je sais pas
Mais en tout cas sa marche pas
89♥love kawaii♥
Dimanche 5 Août 2012 à 12:4190ripitchi2806
Dimanche 5 Août 2012 à 12:4291ripitchi2806
Dimanche 5 Août 2012 à 12:4592Shuchu
Dimanche 5 Août 2012 à 13:21
En effet, tu as fait un peu n'importe quoi. Je vais t'aider.
.module_contenu {propriété: sélecteur {border-radius: Xpx;
-moz-border-radius: Xpx;
-webkit-border-radius: Xpx} valeur ; }
Ce qui est en rouge, il faut l'enlever, et en orange, il faut le remplacer.
"X", faut le remplacer par le nombre de pixels que tu veux, ex:
.module_contenu {border-radius: 30px;
-moz-border-radius: 30px;
-webkit-border-radius: 30 px}
Je vais avoir les bords du contenu arrondisde 30 pixels.
Compris?
93ripitchi2806
Dimanche 5 Août 2012 à 14:06
Bonsoir. :)
J'aurai besoin d'aide pour deux petits codes qui ne veulent pas marcher. x) J'aimerai mettre le fond de fenêtre et la fenêtre des articles arrondis mais les codes ne marchent pas. Les voici :
#body {border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px}
#module_contenu {border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px}
Y-a-t-il une erreur quelque part ?95Shuchu
Mercredi 29 Août 2012 à 19:49
.body {border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px}
.module_contenu {border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px}
Essaie?
Bon, je sais pas comment mais ça a marché pour les articles. En revanche, pour le fond de fenêtre, je n'ai toujours rien. :/
Tu ne peux pas arrondir les bords de la fenêtres ;)
Mais tu peux mettre un arrondis sur le fond de la page:
#background {border-radius 10px;}
Mince, j'avais confondu entre les deux, je comprends mieux maintenant... Quelle nouille ><
Merci. :)
Merci beaucoup!! Grâce à toi j'ai réussi à arrondir et meme ovaliser mes titres et les photos des avatars!
Quel fabuleux travail tu as fait!!!
le code marche pas, ca me marque : le code css comporte un erreur merci de ~~~~ ...
Voici mon code :sélecteur {border-radius: 5px / 5px;
-moz-border-radius: 5px / 5px;
-webkit-border-radius: 5px / 5px;}
A quel élément est-ce que tu veux appliquer un arrondi? Si tu laisse sélecteur, le navigateur ne va pas comprendre ;)
Voici la liste des sélécteurs sur Ekla:
=> http://fanstasy-graph.eklablog.net/selecteur-eklablog-a5092805
sur les menus 1 et 2 mais apres je sais pas si ca marche car sur firefox TOUS les css ne marchent pas, à part linfobulle. :S
Je fais le css pour les visiteurs ~~
Pour le menu 1: #menu1
Pour le menu 2: #menu2Si, chrome, firefox et safari sont les navigateurs qui sont toujours à jour au niveau des css. Mais pour les nouvells propriété, chrome et safari reconnaissent -webkit- alors que firefox utilise -moz-
c'est bien ce que je mis, mais esce que je laisse :#menu1 {propriété: valeur;} ?
bien sur avant je voyais mes résultats avec le css, et ya eu un bug qui m'empeche de voir mes css. Et quand je suis allée sur lordi de mon pere, avec son google chrome, je les voyais, mais il a aussi mozilla firefox : ca ne marche pas ! même avec lopacité des visiteurs, etc...
#menu1 = sélecteur
border-radius = propriété
5px = valeurIl faut que tu remplace à chaque fois.
Regarde si tu n'as pas oublié un point virgule ou un guillemet quelque part. J'ai aussi eu le problème quand j'ai changé le thème du blog: Tout marchait très bien avec Chrome, mais c'était n'importe quoi avec firefox parce que j'avais oublié un " après un lien ^^'
a vrai dire, je prefere te dire la vérité.... Jai rien compris x)
Pour le firefox, jai aidé une amie et jai réussi a voir ses resultats ( fenetres, visiteurs... ( meme sur firefox )) jai vraiment limpression que c'est juste mon blog qui marche pas ^^'
110milari-pullip
Mardi 27 Novembre 2012 à 19:02
Bonjour, j'ai un souci avec ce code qui ne marche pas, et je ne comprends pas pourquoi ^^"
.module_menu_type_lastvisitors {border-radius:8px;
-moz-border-radius:8px;
-webkit-border-radius:8px}
J'ai aussi essayé en mettant .module_menuXXXXXXXet j'ai mis le nombre trouvé sur le code source de ma page mais rien n'y fait U.u
111milari-pullip
Mardi 27 Novembre 2012 à 19:31112AvriL4Mardi 4 Décembre 2012 à 20:41Salut ! :) Je voudrait mettre les bords arondis pour mes menus de l'en tête, j'ai réussi pour arrondir les bords de mes article mais pas celui la :-/
j'ai mis ça et ca ne marche pas : #menu{border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px}Please, help me !
Bonjour, j'ai bien réussi excepté pour le contenu des modules, tu pourrais me donner le code stp
Je te remercie beaucoup pour toute l'aide que tu nous apporte, gros bisous!
Bonsoir Nagalia, j'arrive sur ton beau blog, car une amie en a mis le lien.
Ton blog est super, tu es très douée, et je t'en félécite, il y a tout plein de trucs, tu es très patiente.
Bisous,
Allison
Merci Nagalia, je l'ai déjà celui-là, mais ça n'arrondit pas les coins des modules des colonnes de droite et gauche, il y a peut-être un petit quelque chose que je ne comprends pas, bisous!
118Uryu
Dimanche 30 Décembre 2012 à 23:18
Bonsoir et désolé pour le dérangement mais ça ne marche pas..
Voila ce que j'ai mit:
#menu img {border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;}
voila j'ai mit les coin arondies sur des images juste dans le continue mais est-ce que sa soit possible que dans une seul rubrique ?
Bonsoir,je suis désolé de t'embeter mais j'y arrive pas..Voila ce que j'ai mis,il y a une erreur ?
.module_menu_type_lastvisitors {propriété: valeur;}{border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px}
121Christian681Samedi 8 Juin 2013 à 21:58
Salut! Je comprend pas, depuis tout a l'heure j'essaie d'arrondir les coind de mes modules mais rien n'y fais, ça marche pas! Et ça me dit meme pas qu'il y a une erreur dans le css... Voila ce que je met, ou est le problème?
#module_menu109702961 {position: fixed;
top: 486px;
left: 770px;
border-radius: 30px;}
Bonjour, aurais-tu l'amabilité de m'aider ???
Après avoir bien cherché dans les codes CSS de mon blog, je n'arrive plus à faire la colonne de gauche
chez une amie avec les coins arrondis. Sur mon blog il y a longtemps que je suis arrivé les deux
colonnes avec les coins arrondis.Les titres de la colonne oui, mais pas la colonne.
J'y arrive partout tu verras, mais pas pour la colonne de droite.
J'attends ton aide, merci à l'avance.
Voici le nom du blog: http://lapassionneeducountry.eklablog.com/
Je ne comprends pas, je n'arrive pas à mettre des coins arrondis sur mon fond de fenêtre... Voilà le code que j'ai mis :
#body {border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px}
Tu ne peux pas mettre de bordure sur le fond de fenêtre ;)
Pour le fond de page, tu peux utiliser :
#background { propriété : valeur; }
Effectivement, sans sélecteur, ça ne risque pas de fonctionner ;)
Il faut que tu indiques aux navigateur à quel élément tu veux appliquer ta propriété (dans ce cas la, quel élément doit avoir des bords arrondis).
sélecteur {border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px
}
Remplace sélecteur par le sélecteur correspondant à ton élément
Liste des sélecteurs EklaBlog:
=> http://fanstasy-graph.eklablog.net/selecteur-eklablog-a5092805
eh comme ça ? #menu1 {propriété: valeur;} {border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px}
Voici la structure de base d'un code css :
sélecteur { propriété : valeur; }
Le sélecteur, c'est ton élément (ici, disons qu'il s'agit de ton menu de gauche. Son nom en css est #menu1)
#menu1 { propriété : valeur; }
La propriété, c'est l'effet que tu vas appliquer à ton élément. (dans ce cas, des bordures arrondis. Le nom de cette propriété est border-radius)
#menu1 { border-radius : valeur; }
Enfin, on définit la valeur de notre propriété, c'est à dire les détails de l'effet que l'on veut appliquer. (pour reprendre ton code, on veut un arrondis de 5px aux angles de notre menu)
#menu1 { border-radius : 5px; }
Les -webkit- et -moz- servent à rendre le code lisible pour les vieilles versions de chrome et firefox.
Voilà donc ton code complet :#menu1 {border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
Bonjour , j'ai un problème j'ai mis :
.comment_normal {border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
Et sa ne marche pas , sa ne met même pas qu'il n'y a une erreure :( . Quelquin pourrait-t-il m'aider ? :x .
salut c'est toi qui ma rediriger ici car je t'ai demander comment arrondir le contenu mais je mis pers un peu il y'a bien trop de code et je ne sais pas le qu'elle est pour se que je cherche
Le premier code est le plus simple.
Tu veux arrondir le menu, ou le contenu ? (il me semble que tu as parlé du menu en premier...)sélecteur {border-radius: Xpx;
-moz-border-radius: Xpx;
-webkit-border-radius: Xpx;
}Il te suffit simplement de remplacer dans le code sélecteur par celui qui correspond à l'élément que tu veux modifier. Le sélecteur du menu est #menu1. Il faut ensuite modifier la valeur de X pour arrondir les angles. Une grande valeur donnera un arrondi important, et inversement, une petite valeur arrondira légèrement.
145la valocheMardi 4 Mars 2014 à 23:22merci je t embête mais sa fait tellement longtemps que je cherche se code des demain je l essayerais
sur ce bonne soirée
Ça ne m'embête pas d'aider ne t'en fais pas, je n'aime juste pas donner les codes tous faits car on n'apprend rien en copiant collant bêtement ;)
Cela dit, quelle est l'autre chose que tu veux arrondir ? Je n'ai pas très bien compris le "il apparait dans un module du bloc mince"
147la valocheMardi 4 Mars 2014 à 23:37je parle du contenu tu à bien trouver en fait je veux arrondir mon menu 1 donc si je comprend bien je met le code dans le css et je change les X âpre je veux arrondir aussi le contenu en gros le forma du conteneur donc pour faire sa qu elle sélecteur je dois choisir148la valocheMardi 4 Mars 2014 à 23:41ou oh pire tu te dis que je veut tous arrondir enfet je pense que le problème c est avec le sélecteur
vois tu une solution à mon :-/ :-[
Si tu cherches un sélecteur, je te conseille de jeter un oeil sur cette page
=> http://papasti.info/MediaWiki/index.php?title=Les_S%C3%A9lecteurs
Sinon, si tu utilise Google Chrome ou Firefox, tu peux faire clique droit sur l'élément dont tu veux connaitre le sélecteur => inspecter l'élément.
Dans la fenêtre qui s'ouvre en bas de la page, tu as accès à tout le code source, ce qui est souvent extrêmement pratique :)
a ne marche pas voila le code que j'ai mis
#body {propriété: 125;} {border-radius: 78px;
-moz-border-radius: 78px;
-webkit-border-radius: 78px;
}
bon sa a marche mais j'aimerais donner une opacité au format du module contenu sans que sa affecte les image ou les vidéo j'ai mis un code sauf que sa rend flou l'ensemble du module pourrais tu me redirigé nagalia ?
ca veut pas voila le code
#menu2 {border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px}
Le code est-il sur le blog http://wordofmannequin2011.eklablog.com/ ?
Si oui, le code fonctionne parfaitement, mais 5px ce n'est pas beaucoup pour voir un changement ^^' Essai avec 20px
Certaine ;)
remet :
#menu2 {border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px}
Il doit y avoir un problème avec les accolades. Vérifie que tu ai bien le même nombre de { et }
C'est possible d'arrondir les angles des éléments su menu de l'en tête ? J'ai mis ce code mais il ne se passe rien :
#menu {position:fixed;
top:100px;
left:80px;
-border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;}
Le code est correct, mais je pense que tu n'utilise pas le bon sélecteur ;)
Le menu de l'en tête est composé de deux parties : le conteneur #menu et les liens a (qui sont ici de type block). Si tu veux appliquer ton arrondi sur les liens, il faut utiliser #menu a
Effectivement, j'ai des coins arrondis quand j'utilise ce sélecteur. Par contre, les différents liens se superposent (http://just-instinctive.eklablog.com/) Est ce qu'il faut utiliser du HTML pour les rendre indépendants ?
Edit : Ah non, c'est bon, j'ai réussi. Il fallait juste que j'utilise le sélecteur #menu pour définir la position et un deuxième sélecteur #menu a pour rendre les coins arrondis :) Merci beaucoup de ton aide !
Faut mettre ce code :
#menu a{border-radius:10px;}
Parce que le sélécteur n'est pas pour le code.
C'est l'élément auquel tu veux appliquer l'effet
Par exemple si tu veux mettre des bordure arrondis sur les titres des articles, il faut utiliser le sélecteur module_titre_contenu
.module_titre_contenu{
border-radius: 10px;
}
Je voulais simplement faire pour que mes menus soit rond. Je suis désolée de t'avoir déranger j'ai trouver qu'il fallait juste rajouter un a après menue xD!
Excuse moi du dérangement et je te souhaite une bonne journée^^
-
Mardi 29 Août 2017 à 17:32
(j'ai finis par trouvée toute seule, ca fait longtemps que j'avais fait ce post u-u! )
J'ai une dernière question: est-il possible que se soit en css ou en html de faire des border-radius inverser?
-
Mardi 29 Août 2017 à 20:06
Malheureusement non ^^'
-
Mercredi 30 Août 2017 à 14:38
C'est bien embêtant :/... Merci de la réponse ^-^
-
Suivre le flux RSS des commentaires
Ajouter un commentaire
-
Graphisme
Codage
Communauté
Libre Service
Aide
-
Créer mon blog 
Moi je ne fais pas exactement comme ça, je fait : sélecteur {border-radius: Xpx;} ^^