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!

Register Log in
  • Congratulations Rhinorhino 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

estesflyer

Programmer
Joined
Dec 19, 2000
Messages
284
Location
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>
 
Sort by date Sort by votes
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
 
Upvote 0 Downvote
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>

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

Similar threads

scorney
  • Locked
  • Question Question
background image with overlay which Hover when over a specific Area/Form
Replies
1
Views
1K
3esolar
3
cae154
  • Locked
  • Question Question
Body of email not appearing in correct font on iPhone and iPad
Replies
1
Views
1K
spamjim
spamjim
lmcate
  • Locked
  • Question Question
From HTML Page open an MDB files on the server and work
Replies
0
Views
540
lmcate
lmcate
jizzer
  • Locked
  • Question Question
HTML/CSS Image map with multiple tool-tips
Replies
3
Views
2K
spamjim
spamjim
Mike Lewis
  • Locked
  • Question Question
How to refresh a Javascript file in the browser's cache?
Replies
4
Views
2K
Mike Lewis
Mike Lewis

Part and Inventory Search

Sponsor

Back
Top