Solved

Image alignment ?

Posted on 2000-04-17
11
162 Views
Last Modified: 2010-04-09
http://members.tripod.com/the_q58/

There is an image at the above url within a table that wont sink to the bottom of the data cell any suggestions on how i can get this to work ?

i have tried a few things but to no avail

regard Grant
0
Comment
Question by:the_q58
11 Comments
 
LVL 1

Expert Comment

by:ManoloMA
ID: 2725532
Have you try to use in the cell 'TD' the valign parmeter?

<TD valign="middle"> or
<TD valign="bottom"> or
<TD valign="top">
0
 
LVL 1

Author Comment

by:the_q58
ID: 2725553
Did you look at the html ?

i have tried that solution to no avail
0
 
LVL 1

Expert Comment

by:ManoloMA
ID: 2725609
I have see the html, but I don't see wich is the image you are talking about.
0
 
LVL 1

Author Comment

by:the_q58
ID: 2725616
the one in the bottom left there is a fine gap between it and the area below .. creating unwanted white space
0
 
LVL 1

Expert Comment

by:ManoloMA
ID: 2725647
OK:

I think the best you can do is tu create a new row in the TABLE, in the left TD and right TD put rowspan="2", and in the TD where are the two tablecorner images, put two rows:

<TABLE>
  <TR><TD rowspan="2">
  <TR><TD valign="top"><--- IMG1
      <TD valign="bottom"><--- IMG2
  <TR><TD rowspan="2">
</TABLE>
0
IT, Stop Being Called Into Every Meeting

Highfive is so simple that setting up every meeting room takes just minutes and every employee will be able to start or join a call from any room with ease. Never be called into a meeting just to get it started again. This is how video conferencing should work!

 
LVL 1

Expert Comment

by:ManoloMA
ID: 2725675
Sorry, this is not the good answer, try with the next:

<TABLE>
  <TR><TD rowspan="2">
      <TD valign="top"><--- IMG1
       <TD rowspan="2">
  <TR><TD valign="bottom"><--- IMG2
</TABLE>


0
 
LVL 1

Author Comment

by:the_q58
ID: 2725733
alas that was no help .... no other ideas ?
0
 

Accepted Solution

by:
astevens earned 100 total points
ID: 2726247
I think that I might have solved your problem.  I've loaded a version with my modifications at:

http://4serendipity.com/den.html

Let me know if you have any other questions.

Andrew
0
 
LVL 1

Expert Comment

by:hkmdj
ID: 2726275
That looks good, may I also suggest some non breaking spaces before your select statement to move the drop down list into your images.

<FORM name="selecter">
&nbsp; &nbsp; &nbsp; <SELECT name="select1">
 <OPTION selected>Select a Drug</OPTION>

right on right on
0
 
LVL 3

Expert Comment

by:messentary
ID: 2726294
Try this.  It works for me.  (using your counter code for a code placement):

<!-- BEGIN FASTCOUNTER CODE
                              <A href="http://member.bcentral.com/cgi-bin/fc/fastcounter-login?1777592" target="_top"><IMG border="0" src="http://fastcounter.bcentral.com/fastcounter?1777592+3555191"></A>
                              END FASTCOUNTER CODE --><!-- End of sub Table Display Area  -->        </td>
      </tr>
      <tr>
        <td valign="bottom"><img alt border="0" height="23" src="images/tablecorner_bl.gif"
        width="23" valign="bottom"></td>
      </tr>
0
 
LVL 1

Author Comment

by:the_q58
ID: 2750020
Thanks everyone :)

so what was causing the prob ... just the table border ?
0

Featured Post

Free Trending Threat Insights Every Day

Enhance your security with threat intelligence from the web. Get trending threat insights on hackers, exploits, and suspicious IP addresses delivered to your inbox with our free Cyber Daily.

Join & Write a Comment

Deprecated and Headed for the Dustbin By now, you have probably heard that some PHP features, while convenient, can also cause PHP security problems.  This article discusses one of those, called register_globals.  It is a thing you do not want.  …
Foreword (July, 2015) Since I first wrote this article, years ago, a great many more people have begun using the internet.  They are coming online from every part of the globe, learning, reading, shopping and spending money at an ever-increasing ra…
In this tutorial viewers will learn how to define a gradient in CSS. Create a new HTML document with an internal stylesheet.: Create a div in CSS and name it Gradient. Define the background as "linear-gradient(to right, #ee3668, black)". Ensure you …
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

758 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

20 Experts available now in Live!

Get 1:1 Help Now