Cadre arrondi autour de textarea

**DarkVadorette** · 07/07/2011, 22h11

Bonjour à tous et à toutes,
Je veux encadrer un textarea avec une bordure arrondie, mais la bordure n'apparaît pas, c'est assez bizarre.
Voila mon script html (les grandes lignes):

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>Developpez</title>
    <link rel="stylesheet" type="text/css" href="portail/user.css">
</head>
<body bgcolor="#FFFFFF">
<div id = "image1"></div>
<div id = "image2"></div>
<form id = "contener">
<div id = "border"><textarea name="nom" id = "textinput"></textarea></div>
</form>
</body>
</html>

Code CSS :

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
 
#textinput {
	height: 300px;
	width:70%;
	margin-top: -80px;
	margin-left: 160px;
	border:2px;
	border-width:1px;
	border-radius: 5px;
	border-color:#8C8C8C;
}

Mais sans aucun succès, la bordure ne s'affiche même pas...
Une idée ? Merci à vous.

**BByani** · 07/07/2011, 23h01

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
#textinput {
	height: 300px;
	width:70%;
	margin-top: -80px;
	margin-left: 160px;
	border:2px;
	border-width:1px;
	border-radius: 5px;
	border-color:#8C8C8C;
}

par

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
#textinput {
	height: 300px;
	width:70%;
	margin-top: -80px;
	margin-left: 160px;
	border:2px solid black;
	border-radius: 5px;
}

Attention à border-radius et au problème de compatibilité.

**DarkVadorette** · 07/07/2011, 23h02

Superbe, merci beaucoup.

Cadre arrondi autour de textarea

CSS

Vue hybride

Discussions similaires

Partager

Partager