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:
et le css
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)
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)