| |
 28.8 Кб |
|
| | Есть пример с этой статьй http://www.search-this.com/2007/02/12/css-liquid-round-corners/ , не могу налажить поверх закругленного элемента формы для ввода текста!!! (оно у меня не активно ,тоесть я не могу туда ввести буквы) Подскажите , я недавно только узнал что такое HTML ))
Я прикрепил фаилы все.
Вот код:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=WINDOWS-1251" />
<title>Untitled Document</title>
<style type="text/css">
#page {
margin:0px auto 0px 0px;
width:100%;
}
body {
background-color: #F3F3F3;
}
#liquid-round {
width:4;
margin:0px auto;
background:#fff url(images_for_head/leftside.gif) repeat-y left top;
}
.top {
width:2;
height:20px;
background: url(images_for_head/top.gif) no-repeat left top;
}
.top span {
display:block;
position:relative;
height:20px;
background: url(images_for_head/top-right.gif) no-repeat right top;
}
.center-content {
background: url(images_for_head/rightside.gif) repeat-y right top;
padding:2px 0px 0px 25px;
margin:-1px 0 -50px 0;
}
.bottom {
height:60px;
background: url(images_for_head/bottom.gif) no-repeat left bottom;
}
.bottom span {
display:block;
position:relative;
height:60px;
background: url(images_for_head/bottom-right.gif) no-repeat right top;
}
#image_id {
background-image:url(images_for_head/logo.gif);
background-repeat:no-repeat;
height:35px;
}
#space {
position: relative;
border:1px solid #000000;
width:150px;
float:left;
}
</style>
</head>
<body>
<div id="page">
<div id="liquid-round">
<div class="top"><span></span></div>
<div class="center-content">
<br />
<div id="space">
<form action="images_for_head/top-right.gif"><input type="text" name="asd" /></form>
</div>
</div>
<div class="bottom"><span></span></div>
</div>
</div>
</body>
</html>
|
| |
| |
|
