CONNEXION
  • RetourJeux
    • Sorties
    • Hit Parade
    • Les + populaires
    • Les + attendus
    • Soluces
    • Tous les Jeux
    • Gaming
  • RetourActu Gaming
    • News
    • Astuces
    • Tests
    • Previews
    • Toute l'actu gaming
  • RetourBons plans
    • Bons plans
    • Bons plans Smartphone
    • Bons plans Hardware
    • Bons plans Image et Son
    • Bons plans Amazon
    • Bons plans Cdiscount
    • Bons plans Decathlon
    • Bons plans Fnac
    • Tous les Bons plans
  • RetourJVTech
    • Actus High-Tech
    • Intelligence Artificielle
    • Smartphones
    • Mobilité urbaine
    • Hardware
    • Image et son
    • Tutoriels
    • Tests produits High-Tech
    • Guides d'achat High-Tech
    • JVTech
  • RetourCulture
    • Actus Culture
    • Culture
  • RetourVidéos
    • A la une
    • Gaming Live
    • Vidéos Tests
    • Vidéos Previews
    • Gameplay
    • Trailers
    • Chroniques
    • Replay Web TV
    • Toutes les vidéos
  • RetourForums
    • Hardware PC
    • PS5
    • Switch 2
    • Xbox Series
    • Switch
    • Pokemon pocket
    • FC 25 Ultimate Team
    • League of Legends
    • Tous les Forums
  • PC
  • PS5
  • Xbox Series
  • Switch 2
  • PS4
  • One
  • Switch
  • iOS
  • Android
  • MMO
  • RPG
  • FPS
En ce moment Genshin Impact Valhalla Breath of the wild Animal Crossing GTA 5 Red dead 2
Liste des sujets

[Petite question] Arrondir les angles

JeSuisToutVert
JeSuisToutVert
Niveau 6
07 novembre 2010 à 18:42:33

Bonjour à tous, je débute dans la création de site web, et j'aurai voulu savoir si on pouvait, grâce à du code html (ou css), arrondir les angles des mes blocs. Une image sera beaucoup plus utile :

http://compagnons2.olympe-net*ork.com/compagnons2/
( Remplacez le * par w )

Les angles du corps de la page et du menu de gauche sont en coin, est-il possible de les rendre arrondis sans passer par photoshop ? En effet, j'aimerai ne pas avoir à redimensionner mon fond blanc pour chacun des blocs de mon site web.

Merci pour vos réponses !

Pseudo supprimé
Pseudo supprimé 07 novembre 2010 à 19:19:23

Oui, avec du CSS3 :

  1. div

{
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
}

Selon le nombre de pixels que tu mets, ce sera plus ou moins arrondi.

Attention ! tous les navigateurs ne gèrent pas le css3, par exemple sous Internet Explorer 8, ça ne marchera pas, mais sous Firefox, Chrome, etc. ça le prendra en compte :ok:

JeSuisToutVert
JeSuisToutVert
Niveau 6
07 novembre 2010 à 22:06:17

Merci beaucoup noel_ub3r_alles, comme quoi, les formations elephorm et le site du zero ne sont pas exhaustifs :noel:

Par pur hasard, connaitrais tu un site, ou un fichier excel, regroupant ce type de commande CSS qui ne sont pas indispensables mais franchement jolies ? :)

Bunyan
Bunyan
Niveau 17
07 novembre 2010 à 22:13:37

Tu as alsacreation, qui contiens de très bonnes choses niveau HTML/CSS.
La doc officielle du CSS aussi, je pense.

JeSuisToutVert
JeSuisToutVert
Niveau 6
07 novembre 2010 à 22:18:10

Merci beaucoup Bunyan, je vais jeter un coup d'oeil. J'ai aussi trouvé http://www.zonecss.fr/ , qui rassemble pas mal de choses.

En tous cas merci encore pour votre aide :o))

Meat
Meat
Niveau 9
07 novembre 2010 à 22:18:30

Si tu le connais pas c'est parceque c'est du CSS3, et donc encore expérimental pour le moment :p)
Mais c'est vrai que ça fait de jolies choses, comme la transparence :p)

JeSuisToutVert
JeSuisToutVert
Niveau 6
07 novembre 2010 à 22:35:43

J'ai vu ça pour la transparence, je vais essayer ca à l'air cool :gni:

Sous forums
  • Aide à l'achat Mac
  • Macintosh
  • Création de Jeux
  • Programmation
  • Création de sites web
  • Linux
  • Internet
  • Steam Deck
  • Hardware
La vidéo du moment