PDA

View Full Version : Re: Aligning images??


MTDesigns
04-16-2000, 01:45 AM
Have a sketchy layout for this organization's redesign...but I can't seem to get one of the top images to align with the bottom of the logo image (the image that is text - subhead.gif - "An organization, etc...").[nbsp][nbsp]I added "valign="bottom", but it still isn't aligning.[nbsp][nbsp]Any ideas would be very appreciated!

http://www.soc-um.org/indexS2.html

TIA,

------
Joi
http://www.myparentime.com
http://www.stopsexoffenders.com

Justin
04-16-2000, 02:27 AM
I normally do not do this, but I love using rowspan ;)[nbsp][nbsp]

Replace that entire table with this:


<TABLE CELLSPACING=&quot;0&quot; CELLPADDING=&quot;0&quot;>
[nbsp][nbsp]<TR>
[nbsp][nbsp][nbsp][nbsp]<TD valign=top>
[nbsp][nbsp][nbsp][nbsp]<A HREF=&quot;http://www.soc-um.org/safesite.html&quot;><IMG SRC=&quot;http://www.soc-um.org/images/safesiteS2.gif&quot; BORDER=&quot;0&quot; WIDTH=&quot;468&quot; HEIGHT=&quot;60&quot; ALT=&quot;DECLARE YOUR WEBSITE A SAFE SITE&quot;></a>
</font>
[nbsp][nbsp][nbsp][nbsp]</td>
[nbsp][nbsp][nbsp][nbsp]<TD align=left rowspan=2>
[nbsp][nbsp][nbsp][nbsp][nbsp][nbsp]<IMG SRC=&quot;http://www.soc-um.org/images/NEWlogo2.gif&quot; align=&quot;left&quot; border=&quot;0&quot; WIDTH=&quot;250&quot; HEIGHT=&quot;100&quot;>
[nbsp][nbsp][nbsp][nbsp]</TD>
[nbsp][nbsp]</tr>
[nbsp][nbsp]<tr>
[nbsp][nbsp][nbsp][nbsp]<td valign=bottom>
[nbsp][nbsp][nbsp][nbsp]<IMG SRC=&quot;http://www.soc-um.org/images/subhead.gif&quot; BORDER=&quot;0&quot; align=&quot;right&quot; valign=&quot;bottom&quot; WIDTH=&quot;290&quot; HEIGHT=&quot;35&quot; ALT=&quot;DECLARE YOUR WEBSITE A SAFE SITE&quot;>
[nbsp][nbsp][nbsp][nbsp]</TD>
[nbsp][nbsp]</tr>
</table>


Hope this helps.

------------------
Justin Nelson
FutureQuest (http://www.FutureQuest.net/index.php) Support
[This message has been edited by Justin (edited 04-16-00@01:28 am)]

MTDesigns
04-16-2000, 02:38 AM
It worked Justin, thanx!![nbsp][nbsp]Now if I could understand how it works...[nbsp][nbsp];) .[nbsp][nbsp]I thought I knew rowspan, but where does the logo span 2 rows??

------------------
Joi
http://www.myparentime.com
http://www.stopsexoffenders.com

Justin
04-16-2000, 06:04 AM
What I did was create two separate rows for the left images - one aligned top, one aligned bottom. Then the image on the right spans both rows (not to be confused with columns).

Looking at the <TR>s and <TD>s in that table it does not seem to line up - the first <TR> has two <TD>s but the second only one. By all normal logical table thinking, it is broken - but this is where the rowspan comes into play. It spans both rows, so it takes place of the second <TD> in the second <TR> :)

I hope I said all of that right...

------------------
Justin Nelson
FutureQuest (http://www.FutureQuest.net/index.php) Support

MTDesigns
04-16-2000, 11:10 AM
Ah, thanx for explaining Justin.[nbsp][nbsp]Now lemme read it again and again ;) .

------------------
Joi
http://www.myparentime.com
http://www.stopsexoffenders.com