Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > Вставка формы в изображение

Автор: Maycal 31.1.2008, 15:52

Скажите пожалуйста, как можно в имеющиеся изображение, вставить php форму?

Автор: bars80080 31.1.2008, 16:34

насколько помню, пхп-форм не существует, это элемент хтмл-структуры,
а стало быть никаких проблем не видно

пишем

Код


<style>
#d_form { background: url(our_img.jpg); }
</style>
<div id="d_from">
<form>
...
</form>
</div>

Автор: Maycal 31.1.2008, 16:45

Огромное спасибо за подсказку

Автор: Maycal 2.2.2008, 10:58

Я пишу так:

Код


<style>
#d_form { background: url(Golos.jpg); }
</style>
<div id="d_from">
<FORM action="http://172.20.18.223/Golosovanie/proba.php" method=POST>
<h3>Голосование/опрос</h3>
<h4>Оцените этот сайт</h4>
<INPUT type="radio" name="check[]" value="Плохо">Плохо<br>
<INPUT type="radio" name="check[]" value="Хорошо">Хорошо<br>
<INPUT type="radio" name="check[]" value="Отлично">Отлично<br><br>
<INPUT type="submit" name="send" value="Отправить">
<INPUT type="submit" name="cancel" value="Результаты">
</FORM><br>
</div>

Но картинка почему-то не появляется!

Автор: WebDisaster 2.2.2008, 11:47

Уважаемый, попробуйте быть просто внимательнее. К буковкам.
d_from != d_form

Автор: SelenIT 2.2.2008, 19:02

Ну и, в порядке новых придирок к примеру:

Мешать теги в разном регистре, хоть и допустимо в HTML, но как-то некрасиво. Лучше приучаться всегда и везде писать теги в одном регистре, а именно в нижнем (в т.ч. в CSS) - чтобы избежать проблем в случае перехода на другой тип контента. По той же причине (и не только) полезно всегда брать значения атрибутов в кавычки.
Юзеру удобнее, когда кликабельны не только радиокнопки, но и подписи к ним - это делается тегом <label>.
Внешний <div> не обязателен. Тег <form> - сам по себе блочный контейнер, и стили (рамки, фоны и т.п.) можно применять непосредственно к нему.

Автор: Maycal 3.2.2008, 09:45

Цитата(SelenIT @ 2.2.2008, 19:02

)

Юзеру удобнее, когда кликабельны не только радиокнопки, но и подписи к ним - это делается тегом <label>.

Можете написать как так сделать на моем примере:

Код


<INPUT type="radio" name="check[]" value="Отлично">Отлично<br><br>

Автор: SelenIT 3.2.2008, 19:07

Код


<label><input type="radio" name="check[]" value="Отлично">Отлично</label><br><br>

либо

Код


<input type="radio" name="check[]" value="Отлично" id="check1"><label for="check1">Отлично</label><br><br>

Автор: Maycal 19.2.2008, 17:03

У меня есть такая шняга:

Код


<style>
#d_form {background: url(Golosovanie/Golos2.ico); }
</style>
<div id="d_form">
...
</div>

Дело в том, что почему-то размер background'a зависит от располагающихся в нем объектов. То-есть он может быть обрезанный, может повторяться. Как сделать, чтобы он просто отображался с фиксированными размерами?

Автор: bars80080 19.2.2008, 17:32

http://htmlbook.ru/css/background-repeat.html

а чтобы размеры сохранялись, задайте фиксированные размеры этому блочному элементу