28173 sujets

CSS et mise en forme, CSS3

je souhaite faire une boite avec des coins arrondis mais sans utiliser d'image et sans java.
su rmon site j'ai 2 div different: mon menu en div+tableaux là pas de soucis j'arrive à faire des coins arrondis mais sur le deuxieme div sans tableau ça fonctionne pas.

voici mon code où ça fonctionne pas:

<div class="contenu">
<!-- ajout de coin -->

<b class="cell"> 
<b class="cell1"><b></b></b>
<b class="cell2"><b></b></b>
<b class="cell3"></b>
<b class="cell4"></b>
<b class="cell5"></b> 
</b>
<!-- fin d'ajout -->

<?php 
// On définit le tableau contenant les pages autorisées
// ----------------------------------------------------
$pageOK = array('accueil' => 'accueil.php3', 
'T_presentation' => 'T_presentation.php3',
);

?> 

<!-- fin de l'ajout de coin -->
<b class="cell"> 
<b class="cell5"></b>
<b class="cell4"></b>
<b class="cell3"></b>
<b class="cell2"><b></b></b>
<b class="cell1"><b></b></b> 
</b> 
<!-- fin complet des coins -->
</div>


et le css

.contenu {
        position: absolute;
        left:280px;
        top:140px;
        width: 600px;
    font-family: Verdana;
    font-size: 12px;
        text-align: left; /* Tous les textes des cellules seront à gauche*/
        margin: 5px 12px;
        padding:0px 5px;
        background:#ffffff
        }
/*coins arrondis*/
.cell{display:block}
.cell *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#ffffff}
.cell1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #b0acac;
  border-right:1px solid #b0acac;
  background:#dcdbdb}
.cell2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #827d7d;
  border-right:1px solid #827d7d;
  background:#e4e3e3}
.cell3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #e4e3e3;
  border-right:1px solid #e4e3e3;}
.cell4{
  border-left:1px solid #b0acac;
  border-right:1px solid #b0acac}
.cell5{
  border-left:1px solid #dcdbdb;
  border-right:1px solid #dcdbdb}
  

Ma page est ici:
philoult.free.fr

Je suis preneur de toute info car je galère depuis plusieurs jour et je comprends pas le soucis.

Merci d'avance
Modifié par philoult (31 Jan 2008 - 17:00)