Image align problem

HTML & CSS
1

I have a code like this …

...............
..............
<td>
        Date From
          <input name="date1" type="text" id = "date1" value="" size="12" />
      <a href="#"
   onclick="cal.select(document.forms['myhome'].date1,'anchor1','MM/dd/yyyy'); return false;"
   name="anchor1" id="anchor1"><img  src="Calendar.jpg" /></a></label></td>
   <td>
     ...............
....................

Here is the output I get [ file attached] date.jpg

see the image is not aligned with the text field . I may need to lower or down the image a bit for a perfect align with the textbox.

how do I do this ?

2

Hi,
It may take a while for the attachment to be approved. I am only guessing here since I have not seen the image. Have you tried setting vertical-align:middle; (or whatever: top, bottom) on the input and the anchor.

I am assuming you are wanting to line them vertically.

input, a {vertical-align:middle;}
3

Here I have uploaded the image also

4

what changes do I need in my code for alignment with the textbox ?

5

Same as Ray said except target the image instead of the anchor.:slight_smile:


input,img{vertical-align:middle}
6

Do you have a link to your page so we can see the css and the actual image?

target the image instead of the anchor

:slight_smile: yep, that’s where I was headed next.