not php... HTML

epimeth

been a while guys... again.... buuut I've been released from the IDF and started working again (yay!)... and -fun fun fun- it's in PHP!

So how's everybody been? and does anybody remember me? :-p

So for lack of a better place to go for help, I'm attacking you guys!
I'm having a bit of a problem with some HTML formatting... I've got a form with a single text input and two images used for buttons. I want them all to be aligned on the same horizontal line. Unfotunately they aren't. the images are 4px (IE... 6px in Firefox) higher than the input.

<form id="searchForm" style="display: inline;" method="get">
<input type="text" size="20" name="q" id="q" onfocus="this.select();" value="<?=$searchStr?>" style="text-align: top" />
  <img class="faq" onclick="searchSubmit();" src="images/faq/search.gif" align="bottom" />
  <img class="faq" onclick="document.location = 'faq.php';" src="images/faq/clear_search.gif" />
</form>

the faq class is defined in the css as follows:
image.faq {
cursor: pointer;
}

the images are both of height 22px, as is the text input. so wtf?

laserlight

HTML happens to be considered one of those ClientSide Technologies.

epimeth

lol... cheers mate...
I remember there used to be a topic just for HTML... I guess it was moved there
When I saw "client side technologies" I kinda just assumed JavaScript and VBScript

bogu

Why dont u add all the elements in one row table and 3 cols?

epimeth

where have you been? haven't you heard that tables aren't used for design anymore?
either way, I really should have come up with that myself, so thanks for reminding me that I can tend to be an idiot sometimes... it worked, thanks! but I would like to see if someone can come up with a non-table solution?

ClarkF1

You don't have align="bottom" for the second image......perhaps that's the problem

phpshift

epimeth wrote:
where have you been? haven't you heard that tables aren't used for design anymore?

I still use tables for design. Some browsers don't support things like CSS and you can't count on the fact that all of your visitors will update.

laserlight

I still use tables for design. Some browsers don't support things like CSS and you can't count on the fact that all of your visitors will update.

I think such browsers are really rare these days. More likely they would not support CSS correctly, or have incomplete CSS support. CSS would be handled gracefully by text based browsers, and a tabular layout may actually make things more difficult for disabled users (who are also relatively rare, admittedly).

epimeth

the align=bottom was a test I guess I forgot to remove it.... needless to say, it didn't work...

shift... sometimes you just gotta give your clients tough lovin' :-)

so any ideas?