Ошибка в стиле для input

okunev2 · September 22, 2008

В дизайне сть такой элемент:

Пытаюсь верстать, получилось это:

Вот на странице что:

<div id="search"><input class="search" type="text" name="search_string" value="Поиск" onfocus="java script: if(this.value == 'Поиск') this.value = '';" onblur="java script: if(this.value == '') { this.value = 'Поиск';}"><input type="hidden" name="search_string" value="search_string"><input type="image" src="images/search.jpg"></div>

и сам css:

#search {
	 position: absolute;
	 top: 162px;
	 left: 221px;
	 width: 12px;
	 height: 22px;
}

input.search {
	 width: 172px;
	 border-top: 1px solid #cecccc;
	 border-bottom: 1px solid #cecccc;
	 border-left: 1px solid #cecccc;
	 font-family: Tahoma;
	 font-size: 12px;
	 color: #000000;
	 text-align: left;
	 padding-left: 2px;
	 padding-top: 2px;
	 padding-bottom: 2px;
}

Что нужно исправить чтобы кнопка поиска была справа от инпута в притык? Спасибо за помощь

Джин · September 22, 2008

вроде так

okunev2 · September 22, 2008

<input type="text" style="background:url(111.gif) no-repeat right center;">
вроде так

Это понятно что фоном эта картинка в инпуте, а мне нужно рдом, чтобы она ещё нажималась

Джин · September 22, 2008

попробуйсте

input.search {

float:left;

}

должно помочь

klierik · September 22, 2008

ну вот к примеру чтото типа такого )))

<!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=utf-8" />
	<title>Untitled Document</title>

	<style type="text/css">
		div.i {overflow:hidden; _zoom: 1; padding:1px; border: 1px solid #eee;}
			div.i img {float:right; width: 16px; height:16px;}
			div.i div {margin:0 18px 0 0;}
				div.i input {display:block; width:100%;}

	</style>
</head>

<body>

	<div class="i">
		<img src="btn.gif" alt="" />
		<div><input name="" type="text" /></div>
	</div>

</body>
</html>

Sign In

Ошибка в стиле для input

Question

okunev2

Link to comment

Share on other sites

4 answers to this question

Recommended Posts

Джин

Link to comment

Share on other sites

okunev2

Link to comment

Share on other sites

Джин

Link to comment

Share on other sites

klierik

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information