Discussion :

[veust80]

Bonjour

Je souhaitais savoir s'il existait des balises pour faire des bordures arrondies. Car je souhaiterais éviter d'utiliser une image pour ce faire. J'ai vu quelques articles pas très explicite sur le sujet mais ils datent de 2004,2005 et je pense que le CSS a progréssé depuis.

[Linaa]

Bonjour,

Il existe la propriété CSS -moz-border-radius, mais comme son nom l'indique ne marche que sous Mozilla/Firefox et non sous IE.

Code CSS :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
div {
  -moz-border-radius : 10px;
  border : 1px solid red;
}

Code de la page HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

<div>Bloc à coins arrondis</div>

[Dan_A]

Toujours d'actualité :
http://www.cssplay.co.uk/boxes/snazzy.html
http://www.html.it/articoli/nifty/index.html

[Candygirl]

Bonjour

Je souhaitais savoir s'il existait des balises pour faire des bordures arrondies.

Des balises, idéologiquement non, puisqu'une balise existe pour son sens sémantique et non pas pour donner un rendu estétique à la page, qui est le rôle du css

Une propriété css est prévue dans le working draft css3: border-radius. Cette propriété n'est guère implantée actuellement dans les naviagateurs ou alors parfois sous la forme d'une propriété non standard propre à un navigateur comme cité par Linaa.

[veust80]

Ok merci pour l'info
J'avais vu le nom de cette balise sur un article mais il datait de 2004, et je n'arrivais pas à trouver si depuis les navigateurs l'avaient pris en compte, je vais essayer ça.
Par contre, autre soucis mais plus genant niveau présentation : comment ajuster une hauteur relative à un bloc avec le css car en fait sur le site que je suis en train de construire il y a un menu et un corps de page qui varient d'une page à l'autre de mon site au niveau du contenu. Du coup, les deux blocs ne font jamais la même hauteur. Voici un exemple. Comment faire pour que mon menu et mon corps de page fasse la même hauteur quelque soit soit le menu, car niveau présentation c'est vraiment pas top. J'ai essayé la propriété "margin-bottom" ça ne marche pas et mettre une hauteur fixe est impossible vu que mon corps de page varie suivant le contenu.
Merci d'avance