Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
C++. Мастер-класс в задачах и примерах. Авторы: Кузнецов М.В., Симдянов И.В. PHP Puzzles. Авторы: Кузнецов М.В., Симдянов И.В. PHP 5/6. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. MySQL на примерах. Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель MySQL 5. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: тег form
 
 автор: Ovosh   (20.11.2008 в 13:12)   письмо автору
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>

  Ответить  
 
 автор: sl1p   (20.11.2008 в 17:26)   письмо автору
 
   для: Ovosh   (20.11.2008 в 13:12)
 

<input type="text" name="asd" style="z-index:99"/>

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования