Inserer des bords ronds

Version imprimable

30/04/2006, 15h13
Him

Inserer des bords ronds

Bonjour
J'aimerais donner des bords ronds à mon annuaire : http://www.axe-net.be/annuaire/

J'aimerais passer donc des bords ronds sur la partie centrale de l'annuaire
(la ou il ya les catégories/sous catégories)

Je vous remercie d'avance pour votre aide.
30/04/2006, 19h11
Him

Bon voila,
J'ai créer les bords, en .gif

http://www.axe-net.be/annuaire/images/cornerleft.gif http://www.axe-net.be/annuaire/images/cornerright.gif

Maintenant il me reste à la placer, & euh, ca dépasse mes capacités :oops:

pour moi sur ce site.
http://argent-sur-internet.fr

j'ai fait ca en html

Code:

1
2
3
4
5
6
7
8
9
<div class="box-top">
 <div class="box-right">
  <div class="box-bottom">
   <div class="box-left">
    <div class="box-topLeft">
     <div class="box-topRight">
      <div class="box-bottomLeft">
       <div class="box-bottomRight">
        <div align="center">

et ca dans css

Code:

1
2
3
4
5
6
7
8
9
.box             { width:100%; margin-bottom:10px; }
.box-top         { background:url('images/box-top-center.png') repeat-x top left; }
.box-left        { background:url('images/box-middle-left.png') repeat-y top left; }
.box-right       { background:url('images/box-middle-right.png') repeat-y top right; }
.box-bottom      { background:url('images/box-bottom-center.png') repeat-x bottom left; }
.box-topLeft     { background:url('images/box-top-left.png') no-repeat top left; }
.box-topRight    { background:url('images/box-top-right.png') no-repeat top right; }
.box-bottomLeft  { background:url('images/box-bottom-left.png') no-repeat bottom left; }
.box-bottomRight { background:url('images/box-bottom-right.png') no-repeat bottom right; padding:3px }

en esperant que ca puisse t'aider.

03/05/2006, 19h02
Nesmontou

Salut, j'ai trouvé ce petit site sympa : il te génère les images suivant les couleurs que tu as saisies et le code HTML/CSS qui correspond ; pratique :ccool:

http://www.neuroticweb.com/recursos/....php?idioma=en

Bon développement ;)
04/05/2006, 21h53
vinzzzz

Sinon ce line contient de nombreux autres liens vers différentes techniques:
http://css-discuss.incutio.com/?page=RoundedCorners