Background Textboxa

Potpuni sam početnik oko weba, web dizajna i web programiranja. (Desktop i game) programiranjem se bavim već dosta dugo, i sad mi se pojavila potreba da napravim web interface za jedan projekt na kojem radim. U Photoshopu sam napravio dizajn (pozadina + loginbox), zalijepo pozadinu kak spada, i sad se mučim s loginboxom. HTML tog loginboxa je slice (ili kako se već zove) iz Photoshopa - source je direktno prekopiran. Nakon malo dužeg mučenja sa CSSom, uspio sam taj box (zapravo sliku, tj. tablicu -_-) centrirati. I sad, želim mjesta koja su u slici određena za textboxe da budu textboxi. Kako da sad napravim da ta slika koju želim bude textbox?

<table id="table1" width="500" height="453" border="0" cellpadding="0" cellspacing="0">
    <tr>
       <td colspan="8">
          <img src="images/Untitled-1_01.png" width="500" height="156" alt=""></td>
    </tr>
    <tr>
       <td colspan="2" rowspan="6">
          <img src="images/Untitled-1_02.png" width="30" height="270" alt=""></td>
       <td colspan="5">
          <img src="images/Untitled-1_03.png" width="449" height="37" alt=""></td>
       <td rowspan="8">
          <img src="images/Untitled-1_04.png" width="21" height="296" alt=""></td>
    </tr>
    <tr>
       <td colspan="5">
          <img src="images/Untitled-1_05.png" width="449" height="78" alt=""></td>
    </tr>
    <tr>
       <td colspan="5">
         <img src="images/Untitled-1_06.png" width="449" height="33" alt=""></td>
    </tr>
    <tr>
       <td colspan="5">
          <img src="images/Untitled-1_07.png" width="449" height="42" alt=""></td>
    </tr>
    <tr>
       <td>
          <img src="images/Untitled-1_08.png" width="154" height="42" alt=""></td>
       <td colspan="2" rowspan="2">
          <img src="images/Untitled-1_09.png" width="95" height="80" alt=""></td>
       <td>
          <img src="images/Untitled-1_10.png" width="191" height="42" alt=""></td>
       <td rowspan="4">
          <img src="images/Untitled-1_11.png" width="9" height="106" alt=""></td>
    </tr>
    <tr>
       <td>
          <img src="images/Untitled-1_12.png" width="154" height="38" alt=""></td>
       <td rowspan="3">
          <img src="images/Untitled-1_13.png" width="191" height="64" alt=""></td>
    </tr>
    <tr>
       <td rowspan="2">
          <img src="images/Untitled-1_14.png" width="14" height="26" alt=""></td>
       <td colspan="3">
          <img src="images/Untitled-1_15.png" width="207" height="16" alt=""></td>
       <td rowspan="2">
          <img src="images/Untitled-1_16.png" width="58" height="26" alt=""></td>
    </tr>
    <tr>
       <td colspan="3">
          <img src="images/Untitled-1_17.png" width="207" height="10" alt=""></td>
    </tr>
    <tr>
       <td>
          <img src="images/spacer.gif" width="14" height="1" alt=""></td>
       <td>
          <img src="images/spacer.gif" width="16" height="1" alt=""></td>
       <td>
          <img src="images/spacer.gif" width="154" height="1" alt=""></td>
       <td>
          <img src="images/spacer.gif" width="37" height="1" alt=""></td>
       <td>
          <img src="images/spacer.gif" width="58" height="1" alt=""></td>
       <td>
          <img src="images/spacer.gif" width="191" height="1" alt=""></td>
       <td>
          <img src="images/spacer.gif" width="9" height="1" alt=""></td>
       <td>
          <img src="images/spacer.gif" width="21" height="1" alt=""></td>
    </tr>
</table>

Boldano u tablici treba bit textbox.

kako sam ja shvatio ti bi trebao u CSS-u uredit forme tj. text boxove dakle prvo u HTMl napisat kod za forme: chekbox, textbox...subimt button itd. i onda ga uređuj u CSS-u ako si pocetnik to ti nece ici baš od ruke prvi put...ali je lako

Evo ti jedan primjer, riječ je o ASP.NET-u:

<asp:TextBox id="TextBox1" runat="server" style="background-image: url( images/textbox.gif ); border: none;" />

gdje je u stilu (riječ je o CSS Inline načinu postavljanja stila) zadana putanja do slike "images/textbox.gif" koja će se koristiti kao background-image kontrole za koju je ovaj stil postavljen. U ovom slučaju to je "TextBox1". Također umjesto inline CSS-a možeš koristiti i externi CSS file.

U svakom slučaju bez obzira da li ćeš koristiti ASP.NET ili ćeš raditi "obične" statične HTML stranice, sliku za pozadinu textboxa (ili bilo kojeg drugog HTML elementa) postavljaš pomoću CSS-a.

Ako ti još kako mogu pomoći slobodno pitaj...