par
Cyrano » 01 avr. 2006, 12:48
Tu n'aurais pas la page en ligne quelque part qu'on ait une idée plus précise ? Avec juste le style CSS, difficile de voir quoique ce soit
Ceci dit, je te signale quand même deux choses :
la position s'ajuste avec "pos
ition" et non "postion";
Ensuite la propriété moz-border-radius est propre à mozilla et n'est pas interprétée par Internet Explorer, tu perds donc ton effet pour près de 80% des internautes;
Code : Tout sélectionner
.leftnav {
-moz-border-radius:25px;
height:78%;
background-color:#FFFFFF;
border-left:1px solid #000000;
border-right:1px solid #000000;
position: absolute; /* positionné par rapport à la boite parent (ici .container) */
left: 10px; /* démarre à 10 pixels de la gauche de la boite parent */
width: 18%; }
.corp {
margin: 0 40% 0 40%;
-moz-border-radius:25px;
position:relative;
margin: auto; /* Centre le tableau */
height:80%;
width:60%;
border-left:1px solid #000000;
background-color:#FFFFFF;
border-right:1px solide 1px;
}
Pour les coins arrondis, il exuste des astuces pour ne pas utiliser moz-border-radius, fouille
==>
<==, tu vas y trouver pas mal d'informations pratiques.
Tu n'aurais pas la page en ligne quelque part qu'on ait une idée plus précise ? Avec juste le style CSS, difficile de voir quoique ce soit :-k
Ceci dit, je te signale quand même deux choses :
la position s'ajuste avec "pos[color=red][b]i[/b][/color]tion" et non "postion";
Ensuite la propriété moz-border-radius est propre à mozilla et n'est pas interprétée par Internet Explorer, tu perds donc ton effet pour près de 80% des internautes;
[code].leftnav {
-moz-border-radius:25px;
height:78%;
background-color:#FFFFFF;
border-left:1px solid #000000;
border-right:1px solid #000000;
position: absolute; /* positionné par rapport à la boite parent (ici .container) */
left: 10px; /* démarre à 10 pixels de la gauche de la boite parent */
width: 18%; }
.corp {
margin: 0 40% 0 40%;
-moz-border-radius:25px;
position:relative;
margin: auto; /* Centre le tableau */
height:80%;
width:60%;
border-left:1px solid #000000;
background-color:#FFFFFF;
border-right:1px solide 1px;
}[/code]
Pour les coins arrondis, il exuste des astuces pour ne pas utiliser moz-border-radius, fouille [url=http://www.google.fr/search?hl=fr&q=CSS+%22coins+arrondis%22&btnG=Recherche+Google&meta=lr%3Dlang_en%7Clang_fr][b]==> :google: <==[/b][/url], tu vas y trouver pas mal d'informations pratiques.