-moz-border-radius:
Résolu
mouness
Messages postés
97
Date d'inscription
vendredi 21 juillet 2006
Statut
Membre
Dernière intervention
30 octobre 2007
-
31 juil. 2006 à 12:20
mouness Messages postés 97 Date d'inscription vendredi 21 juillet 2006 Statut Membre Dernière intervention 30 octobre 2007 - 31 juil. 2006 à 16:55
mouness Messages postés 97 Date d'inscription vendredi 21 juillet 2006 Statut Membre Dernière intervention 30 octobre 2007 - 31 juil. 2006 à 16:55
A voir également:
- Style moz-border-radius javascript
- Récupérer données json (javascript) - Conseils pratiques -Javascript
- Javascript poo - Conseils pratiques -Javascript
- Base de données javascript - Conseils pratiques -Javascript
- Javascript redirect ✓ - Forum PHP
- Calendrier javascript - Conseils pratiques -Javascript
4 réponses
mouness
Messages postés
97
Date d'inscription
vendredi 21 juillet 2006
Statut
Membre
Dernière intervention
30 octobre 2007
31 juil. 2006 à 16:55
31 juil. 2006 à 16:55
je te dis quand meme comment j'ai fait au ca ou t'aurrai une meilleur solution mais en tout cas ca marche j'ai recuperer ca tout a l'heure:
le code html :
<html>
<head>
<meta http-equiv="Content-Language" content="en" />
<meta name="GENERATOR" content="PHPEclipse 1.0" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>test</title>
<link rel="stylesheet" type="text/css" href="arrondi.css" />
</head>
<center>et voila</center>
,
<center>et voila</center>
</html>
le code CSS:
/* Inset 3D Raised */
.raised
{
background: transparent;
width:100%;
margin:0 auto;
}
.raised h1, .raised p
{
margin:0 10px;
}
.raised h1
{
font-size:2em;
color:#fff;
letter-spacing:1px;
}
.raised p
{
padding-bottom:0.5em;
}
.raised .top, .raised .bottom
{
display:block;
background:transparent;
font-size:1px;
}
.raised .b1, .raised .b2, .raised .b3, .raised .b4, .raised .b1b, .raised .b2b, .raised .b3b, .raised .b4b
{
display:block;
overflow:hidden;
}
.raised .b1, .raised .b2, .raised .b3, .raised .b1b, .raised .b2b, .raised .b3b
{
height:1px;
}
.raised .b2
{
background:#ccc;
border-left:1px solid #fff;
border-right:1px solid #eee;
}
.raised .b3
{
background:#ccc;
border-left:1px solid #fff;
border-right:1px solid #ddd;
}
.raised .b4
{
background:#ccc;
border-left:1px solid #fff;
border-right:1px solid #aaa;
}
.raised .b4b
{
background:#ccc;
border-left:1px solid #eee;
border-right:1px solid #999;
}
.raised .b3b
{
background:#ccc;
border-left:1px solid #ddd;
border-right:1px solid #999;
}
.raised .b2b
{
background:#ccc;
border-left:1px solid #aaa;
border-right:1px solid #999;
}
.raised .b1
{
margin:0 5px;
background:#fff;
}
.raised .b2, .raised .b2b
{
margin:0 3px;
border-width:0 2px;
}
.raised .b3, .raised .b3b
{
margin:0 2px;
}
.raised .b4, .raised .b4b
{
height:2px;
margin:0 1px;
}
.raised .b1b
{
margin:0 5px;
background:#999;
}
.raised .boxcontent
{
display:block;
background:#ccc;
border-left:1px solid #fff;
border-right:1px solid #999;
}
c'est un peu long pour un arrondi mais j'ai pas trouver mieux
@+
le code html :
<html>
<head>
<meta http-equiv="Content-Language" content="en" />
<meta name="GENERATOR" content="PHPEclipse 1.0" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>test</title>
<link rel="stylesheet" type="text/css" href="arrondi.css" />
</head>
<center>et voila</center>
,
<center>et voila</center>
</html>
le code CSS:
/* Inset 3D Raised */
.raised
{
background: transparent;
width:100%;
margin:0 auto;
}
.raised h1, .raised p
{
margin:0 10px;
}
.raised h1
{
font-size:2em;
color:#fff;
letter-spacing:1px;
}
.raised p
{
padding-bottom:0.5em;
}
.raised .top, .raised .bottom
{
display:block;
background:transparent;
font-size:1px;
}
.raised .b1, .raised .b2, .raised .b3, .raised .b4, .raised .b1b, .raised .b2b, .raised .b3b, .raised .b4b
{
display:block;
overflow:hidden;
}
.raised .b1, .raised .b2, .raised .b3, .raised .b1b, .raised .b2b, .raised .b3b
{
height:1px;
}
.raised .b2
{
background:#ccc;
border-left:1px solid #fff;
border-right:1px solid #eee;
}
.raised .b3
{
background:#ccc;
border-left:1px solid #fff;
border-right:1px solid #ddd;
}
.raised .b4
{
background:#ccc;
border-left:1px solid #fff;
border-right:1px solid #aaa;
}
.raised .b4b
{
background:#ccc;
border-left:1px solid #eee;
border-right:1px solid #999;
}
.raised .b3b
{
background:#ccc;
border-left:1px solid #ddd;
border-right:1px solid #999;
}
.raised .b2b
{
background:#ccc;
border-left:1px solid #aaa;
border-right:1px solid #999;
}
.raised .b1
{
margin:0 5px;
background:#fff;
}
.raised .b2, .raised .b2b
{
margin:0 3px;
border-width:0 2px;
}
.raised .b3, .raised .b3b
{
margin:0 2px;
}
.raised .b4, .raised .b4b
{
height:2px;
margin:0 1px;
}
.raised .b1b
{
margin:0 5px;
background:#999;
}
.raised .boxcontent
{
display:block;
background:#ccc;
border-left:1px solid #fff;
border-right:1px solid #999;
}
c'est un peu long pour un arrondi mais j'ai pas trouver mieux
@+
nickadele
Messages postés
1251
Date d'inscription
mercredi 7 août 2002
Statut
Modérateur
Dernière intervention
10 avril 2013
31 juil. 2006 à 14:07
31 juil. 2006 à 14:07
Normale que cela ne fonctionne pas avec IE, il s'agit là d'une propriété CSS propore à FF utilisée pour le XUL.
Si tu veux obtenir le même effet il te faut le créer toi même ou utiliser la propriété CSS border-radius, mais elle n'est reconnue que par Internet Explorer6.
Nickadele
Si tu veux obtenir le même effet il te faut le créer toi même ou utiliser la propriété CSS border-radius, mais elle n'est reconnue que par Internet Explorer6.
Nickadele
mouness
Messages postés
97
Date d'inscription
vendredi 21 juillet 2006
Statut
Membre
Dernière intervention
30 octobre 2007
31 juil. 2006 à 16:01
31 juil. 2006 à 16:01
merci
mouness
Messages postés
97
Date d'inscription
vendredi 21 juillet 2006
Statut
Membre
Dernière intervention
30 octobre 2007
31 juil. 2006 à 16:06
31 juil. 2006 à 16:06
mais border-radius marche avec css3 j'ai IE6 et ca ne marche pas mais merci quand meme
