Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

  • Congratulations Mike Lewis on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

how do you valign an image to the middle of a <TD> ?

Status
Not open for further replies.

estesflyer

Programmer
Dec 19, 2000
284
0
0
US
Its the very last image on the right, it stays near the top, how can i get it to stay in the middle?(btw, the image is the very last part of the code)
Code:
<html>
<head>
<title>Estes Flyer</title>
<script language=&quot;javascript&quot; src=&quot;scripts/search.js&quot;></script>
</head>
<body bgcolor=&quot;white&quot; text=&quot;black&quot; link=&quot;#0080ff&quot; vlink=&quot;#0080c0&quot; alink=&quot;#ff8000&quot;>
<table border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; width=&quot;700&quot;>
<tr>
<td align=&quot;left&quot; valign=&quot;middle&quot; bgcolor=&quot;#000040&quot;>
<img src=&quot;img1.gif&quot; width=&quot;77&quot; height=&quot;24&quot;></a>
<img src=&quot;img2.gif&quot; width=&quot;64&quot; height=&quot;24&quot;></a>
<img src=&quot;img3.gif&quot; width=&quot;119&quot; height=&quot;24&quot;></a>
</td>
<td align=&quot;right&quot; bgcolor=&quot;#000040&quot; height=&quot;30&quot;>
<form name=&quot;searchform&quot;>
<input value=&quot;My Search&quot; type=&quot;text&quot; size=&quot;17&quot; name=&quot;searchquery&quot;>
<select name=&quot;searchlist&quot;>
<option value=&quot;[URL unfurl="true"]http://www.altavista.com/cgi-bin/query?q=&quot;>Altavista.com</option>[/URL]
<option value=&quot;[URL unfurl="true"]http://www.lycos.com/srch/?lpv=1&amp;loc=searchhp&amp;query=&quot;>Lycos.com</option>[/URL]
<option value=&quot;[URL unfurl="true"]http://hotbot.lycos.com/?MT=&quot;>Hotbot.com</option>[/URL]
<option value=&quot;[URL unfurl="true"]http://www.google.com/search?q=&quot;>Google.com</option>[/URL]
<option value=&quot;[URL unfurl="true"]http://www.nbci.com/search/directory/results/1,61,-0,00.html?tag=fd.srch.bar&amp;keyword=&quot;>NBCI.com</option>[/URL]
<option value=&quot;[URL unfurl="true"]http://www.alltheweb.com/cgi-bin/search?type=all&amp;query=&quot;>AllTheWeb.com</option>[/URL]
<option value=&quot;[URL unfurl="true"]http://www.go.com/Split?pat=go&amp;col=WW&amp;qt=&quot;>Go.com</option>[/URL]
<option value=&quot;[URL unfurl="true"]http://www.goto.com/d/search/;$sessionid$3O2HCYAAAAEQ3QFIEOSQPUQ?type=home&amp;Keywords=&quot;>GoTo.com</option>[/URL]
<option value=&quot;[URL unfurl="true"]http://www.search.com/search?channel=1&amp;tag=ex.cn.1.srch.web&amp;q=&quot;>Search.com(Cnet)</option>[/URL]
<option value=&quot;[URL unfurl="true"]http://search.yahoo.com/bin/search?p=&quot;>Yahoo.com</option>[/URL]
<option value=&quot;[URL unfurl="true"]http://search.dogpile.com/texis/search?q=&quot;>DogPile.com</option>[/URL]
<option value=&quot;[URL unfurl="true"]http://search.excite.com/search.gw?search=&quot;>Excite.com</option>[/URL]
<option value=&quot;[URL unfurl="true"]http://search.msn.com/results.asp?RS=CHECKED&amp;FORM=MSNH&amp;v=1&amp;q=&quot;>Msn.com</option>[/URL]
<option value=&quot;[URL unfurl="true"]http://www.galaxy.com/bin/search?q=&quot;>Galaxy.com</option>[/URL]
<option value=&quot;[URL unfurl="true"]http://www.geosites.com/cgi-bin/search.cgi?query=&quot;>Geosites</option>[/URL]
<option value=&quot;[URL unfurl="true"]http://www.looksmart.com/r_search?look=&amp;pin=010107x30af599d65a4b8c2581&amp;key=&quot;>LookSmart.com</option>[/URL]
<option value=&quot;[URL unfurl="true"]http://www.infind.com/infind/infind.exe?query=&quot;>Inference.com</option>[/URL]
<option value=&quot;[URL unfurl="true"]http://search.dogpile.com/texis/search?q=&quot;>InfoSpace.com</option>[/URL]
<option value=&quot;[URL unfurl="true"]http://www.matilda.com/cgi-bin/fetch.cgi?terms=&quot;>Matilda.com</option>[/URL]
<option value=&quot;[URL unfurl="true"]http://www.mamma.com/Mamma?p1=1&amp;timeout=4&amp;query=&quot;>Mamma.com</option>[/URL]
<option value=&quot;[URL unfurl="true"]http://search.metacrawler.com/crawler?general=&quot;>Metacrawler.com</option>[/URL]
<option value=&quot;[URL unfurl="true"]http://www.accufind.com/bin/Search?keywords=&quot;>Accufind.com</option>[/URL]
<option value=&quot;[URL unfurl="true"]http://www.northernlight.com/nlquery.fcg?cb=0&amp;qr=&quot;>NorthernLight.com</option>[/URL]
<option value=&quot;[URL unfurl="true"]http://www.directhit.com/search.asp?qry=&quot;>DirectHit.com</option>[/URL]
<option value=&quot;[URL unfurl="true"]http://www.ask.com/main/askjeeves.asp?ask=&quot;>Ask.com</option>[/URL]
<option value=&quot;[URL unfurl="true"]http://partners.mamma.com/Findit?lang=1&amp;timeout=4&amp;query=&quot;>FindIt.com</option>[/URL]
<option value=&quot;[URL unfurl="true"]http://thunderstone.master.com/texis/master/search/mysite.html?q=&quot;>Thunderstone.com</option>[/URL]
<option value=&quot;[URL unfurl="true"]http://search.megaspider.com/XP.html?&quot;>MegaSpider.com</option>[/URL]
<option value=&quot;[URL unfurl="true"]http://search.iwon.com/commerce/multisearch.jsp?searchfor=&quot;>Iwon.com</option>[/URL]
</select>
<img src=&quot;search.bmp&quot; name=&quot;searchbutton&quot;></a>
<img src=&quot;/graphics_new/dotclear.gif&quot; width=&quot;2&quot; height=&quot;1&quot; alt=&quot; &quot;></a>
</td>
</form>
 
hello,

this is a case of how much i cant stand forms..hehehe, just try tossing that last image in its own cell. you may have to tweek the spacing of things a bit, but at least you'll be able to control all of the cell attributes once its away from the form text box.

hope this helps!

</hoolz> hurry up and wait!

aim screenname: phentalmyst

:D
 
This does something like you mentioned, not positive if thats what you want though ??????

<img src=&quot;search.bmp&quot; name=&quot;searchbutton&quot; align=&quot;center&quot;></a>
<img src=&quot;/graphics_new/dotclear.gif&quot; width=&quot;2&quot; height=&quot;1&quot; alt=&quot;test&quot; align=&quot;center&quot;></a>

 
you could also try wrapping the last image with a <div align=&quot;center&quot;> tag. don't forget to close the <div> tag.
 
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top