верстка формы поиска

188

loed

6 августа 2011, 08:11

1278

Есть форма:

</div>

.yapoisk{

border: 1px solid #7dbae9;

background-color:#7dbae9;

-webkit-border-radius: 5px;

-moz-border-radius: 5px;

border-radius: 5px;

behavior: url(/ssi/PIE.htc);

position: relative;

z-index: 100;

text-align: center;

width: 260px;

height: 27px;

}

.yapoisk1{

border: 1px solid #cee7fa;

background-color:#ffffff;

width: 210px;

margin: 0px 0px 0px 0px;

}

готов оплатить труды по решению проблемы

в ие все норм а в остальных такое:

jpg 06.08.jpg

66

NikoX

6 августа 2011, 08:51

#1

Попробуйте добавить


.yapoisk FORM { margin: 0; padding: 0; }

C уважением, Предводителев Сергей (VJiK)

188

loed

6 августа 2011, 09:01

#2

NikoX:
Попробуйте добавить


.yapoisk FORM { margin: 0; padding: 0; }

не помогло

66

NikoX

6 августа 2011, 09:33

#3

Ну тогда надо смотреть всю страничку, так тяжело что-то подсказать.

188

loed

6 августа 2011, 09:46

#4

NikoX:
Ну тогда надо смотреть всю страничку, так тяжело что-то подсказать.

на странице на которой тестируется вообще ничего нет кроме формы

66

NikoX

6 августа 2011, 09:57

#5

нужен полный код HTML + CSS

188

loed

6 августа 2011, 10:05

#6

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">

<HTML>

<HEAD>

<TITLE></TITLE>

<META http-equiv=Content-Type content="text/html; charset=windows-1251">

<META content="MSHTML 6.00.2800.1126" name=GENERATOR>

<META name=Robîts content="all">

<LINK href="/menu1.css"type="text/css" rel="stylesheet">

</HEAD>

<BODY>





 

<style type="text/css">

.yapoisk{

     border: 1px solid #7dbae9;

	 background-color:#7dbae9;

     -webkit-border-radius: 5px;

     -moz-border-radius: 5px;

     border-radius: 5px;

     behavior: url(/ssi/PIE.htc);

     position: relative;

     z-index: 100;

     text-align: center;

	width: 260px;

	height: 27px;

	

	

}



.yapoisk1{

     border: 1px solid #cee7fa;

	 background-color:#ffffff;

     width: 210px;

	 margin: 0px 0px 0px 0px;

}

  </style>



<br><br>

<div class="yapoisk" onclick="return {type: 2, logo: 'rb', arrow: true, webopt: false, websearch: false, bg: '#7DBAE9', fg: '#254E75', fontsize: 12, suggest: false, site_suggest: true, encoding: ''}">

<form action="http://www.ast.ru/poisk.shtml" method="get" class="yapoisk" >

<input type="hidden" name="searchid" value="120203">

<input name="text" class="yapoisk1">

<input type="image" src="/images/searsh.png"></form>







<script type="text/javascript" src="http://site.yandex.net/load/form/1/form.js" charset="utf-8"></script>

</div>

66

NikoX

6 августа 2011, 10:58

#7

Что за menu1.css?

272

Алексей Барыкин

6 августа 2011, 11:02

#8

position:relative для контейнера и position:absolute; left:<n>px; top:<n>px; для элементов внутри спасут отца руской демократии

https://adminbook.ru/

66

NikoX

6 августа 2011, 11:05

#9

http://jsfiddle.net/w4dRU/1/

Попробуйте задать ширину/высоту для кнопки...

188

loed

6 августа 2011, 11:05

#10

NikoX:
Что за menu1.css?

это ссылка на css файл дизайна сайта он тут не причем

Как снизить ДРР до 4,38% и повысить продажи с помощью VK Рекламы

В 2023 году Google заблокировал более 170 млн фальшивых отзывов на Картах