Background на форма за абониране

Gamerz

Registered
От дясната страна на сайта ми искам да сложа тази форма за абонамент:



PHP:
<form method="POST" action="subscribe.php">
<p>Потребител: <input type="text" name="Потребител" size="10"></p>
<p>Имейл: <input type="text" name="Имейл" size="15"></p>
<p><input type="submit" value="Абонирам се" name="Submit"></p>
</form>


Искам да добавя фон, но когато поставя формата в таблица нещо ми прецаква страницата, затова искам да попитам дали има някакъв друг начин да сложа изображението за фон и в същото време отгоре да си е формата.
 
<style>
#subscribe
{
float:right;
background:url(kartinka.png);
}
</style>

<div id="subscribe">
<form method="POST" action="subscribe.php">
<p>Потребител: <input type="text" name="Потребител" size="10"></p>
<p>Имейл: <input type="text" name="Имейл" size="15"></p>
<p><input type="submit" value="Абонирам се" name="Submit"></p>
</form>
</div>

Така?
 
Картинката е с големите 300 на 200, а отделно че трябва да позиционирам формата защото иначе не се получава това което искам...
 
Ами защо просто не сложиш бекграунда на самата форма <form> , задаваш си размерите и така.
 
<style>
#subscribe
{
/* Размер */
width: 300px;
height: 200px;
/* Позиция */
position:absolute;
right: 1px;
top: 1px;

/* Центрираме Формата в ДИВ-а */
text-align:center;
/* Картинка за Фон */
background:url(kartinka.png);
}
</style>

<div id="subscribe">
<form method="POST" action="subscribe.php">
<p>Потребител: <input type="text" name="Потребител" size="10"></p>
<p>Имейл: <input type="text" name="Имейл" size="15"></p>
<p><input type="submit" value="Абонирам се" name="Submit"></p>
</form>
</div>

Така ?

п.с.
Центрирането отвътре го сложих по мой личен вкус, ако искаш го махни..
Идеята ми още в началото беше да пробваш със CSS да си го направиш.
Ако имаш някакви въпроси, нещо, пиши..
 
<form method="POST" style="background:url(kartinka.png);width:300px;height:200px;" action="subscribe.php">
<p>Потребител: <input type="text" name="Потребител" size="10"></p>
<p>Имейл: <input type="text" name="Имейл" size="15"></p>
<p><input type="submit" value="Абонирам се" name="Submit"></p>
</form>

Така ?
 
Gamerz каза:
Kaк така да сложа бекграунд в самата форма ?
<form id="subscribe">

Ей така, като си дефинираш вече стила и всичко останало
 

Back
Горе