why this code align me input field and img into the top and bottom

Discussion in 'HTML' started by MZ, Mar 15, 2008.

  1. MZ

    MZ Guest

    Hello!

    I don`t know why in one row input field and img are aligned into the different
    position. Images a have aligned into the top and input field into the bottom of
    the row. I would like to have both images and input fields and also text
    ("Text") aligned on middle and to make it on the same vertical line.

    My view looks liek this (approximately):
    <image>
    <input field>

    but I want to have such view:

    <input field> <image>

    Can you help me? Can you implement some changes into my below code

    I have such code:

    <table cellpadding="0" cellspacing="0" style="width:100%;">
    <tr>
    <td
    style="background-image:url({$skinDir}images/pas_logow_lew_gor_v1.jpg);width:3px;height:3px;"></td>
    <td
    style="background-image:url({$skinDir}images/pas_logow_srodek_v1.jpg);height:3px;"></td>
    <td
    style="background-image:url({$skinDir}images/pas_logow_pra_gor_v1.jpg);width:3px;height:3px;"></td>
    </tr>
    <tr>
    <td
    style="width:3px;height:25px;background-image:url({$skinDir}images/pas_logow_tlo_v1.jpg);"></td>
    <td style="background-image:url({$skinDir}images/pas_logow_tlo_v1.jpg);"
    >Text<input type="text" name="zapisz_sie_txt" value="" ><a href="#"

    onMouseOut="MM_swapImgRestore()"
    onMouseOver="MM_swapImage('pasek_adresu_image_1','','{$skinDir}images/pas_logow_butt_zapis_dw_v1.jpg',1)"
    ><img src="{$skinDir}images/pas_logow_butt_zapis_v1.jpg"

    name="pasek_adresu_image_1" width="60" height="25" border="0"></a><a href="#"
    onMouseOut="MM_swapImgRestore()"
    onMouseOver="MM_swapImage('pasek_adresu_image_2','','{$skinDir}images/pas_logow_butt_szuk_dw_v1.jpg',1)"
    class="href_pasek_adresu"><img src="{$skinDir}images/pas_logow_butt_szuk_v1.jpg"
    name="pasek_adresu_image_2" width="83" height="25" border="0" ></a><a href="#"
    onMouseOut="MM_swapImgRestore()"
    onMouseOver="MM_swapImage('pasek_adresu_image_3','','{$skinDir}images/pas_logow_butt_zal_dw_v1.jpg',1)"
    class="href_pasek_adresu"><img src="{$skinDir}images/pas_logow_butt_zal_v1.jpg"
    name="pasek_adresu_image_3" width="60" height="25" border="0" ></a><a href="#"
    onMouseOut="MM_swapImgRestore()"
    onMouseOver="MM_swapImage('pasek_adresu_image_4','','{$skinDir}images/pas_logow_butt_rejest_dw_v1.jpg',1)"
    class="href_pasek_adresu"><img
    src="{$skinDir}images/pas_logow_butt_rejest_v1.jpg" name="pasek_adresu_image_4"
    width="60" height="25" border="0" ></a></td>
    <td
    style="width:3px;height:25px;background-image:url({$skinDir}images/pas_logow_tlo_v1.jpg);"></td>
    </tr>
    <tr>
    <td style="width:3px;height:3px;"><img
    src="{$skinDir}images/pas_logow_lew_dol_v1.jpg" width="3px" height="3px"
    border="0"></td>
    <td
    style="background-image:url({$skinDir}images/pas_logow_tlo_v1.jpg);"></td>
    <td style="width:3px;height:3px;"><img
    src="{$skinDir}images/pas_logow_pra_dol_v1.jpg" width="3px" height="3px"
    border="0"></td>
    </tr>
    </table>


    Thank you in advance
    Marcin from Poland
     
    MZ, Mar 15, 2008
    #1
    1. Advertising

  2. Scripsit MZ:

    > I don`t know why in one row input field and img are aligned into the
    > different position.


    Neither do I, and I don't even see the problem, unlike you.

    Post the URL and specify which row you are thinking about.

    --
    Jukka K. Korpela ("Yucca")
    http://www.cs.tut.fi/~jkorpela/
     
    Jukka K. Korpela, Mar 15, 2008
    #2
    1. Advertising

Want to reply to this thread or ask your own question?

It takes just 2 minutes to sign up (and it's free!). Just click the sign up button to choose a username and then you can ask your own questions on the forum.
Similar Threads
  1. Dan
    Replies:
    1
    Views:
    8,376
    ainigma
    Apr 4, 2008
  2. Mr. SweatyFinger
    Replies:
    2
    Views:
    2,006
    Smokey Grindel
    Dec 2, 2006
  3. Cuthbert
    Replies:
    8
    Views:
    438
    Ancient_Hacker
    Sep 13, 2006
  4. GTalbot
    Replies:
    0
    Views:
    566
    GTalbot
    Nov 10, 2007
  5. nc
    Replies:
    0
    Views:
    153
Loading...

Share This Page