how can i get images in the same TD column to exactly overlap each other? i want it so that they'll swap to change to a different image when certain links are clicked, so i was wondering if they'd still overlap even after they were swapped. thnx for any help/suggestions.<!--content-->Originally posted by nonoretro <br />
how can i get images in the same TD column to exactly overlap each other? i want it so that they'll swap to change to a different image when certain links are clicked, so i was wondering if they'd still overlap even after they were swapped. thnx for any help/suggestions. <br />
I think you mean occupy the same space, not overlap.<br />
Set the size of the cell and the sizes of every image the same.<!--content-->that setting the size of the cell to the same size as the images doesn't work.. and i dont get that <!-- m --><a class="postlink" href="http://www.daveclarkconsulting.com/research/image_position.html">http://www.daveclarkconsulting.com/rese ... ition.html</a><!-- m --> thing.. ick.<!--content-->hi nonoretro....<br />
<br />
it sounds like you might be asking about mouseovers....<br />
<br />
but the manner in which you are asking for help....<br />
<br />
well.....<br />
<br />
lets just say....<br />
<br />
"ick"<br />
<br />
"got manners"?<br />
<br />
k<!--content-->Keep in mind that we are trying to help you. Sometimes that doesn't come easy. So be patient and first make sure that we understand you correctly. We;ll get there.<br />
<br />
Do you have any code that you can show us? Will you post it?<!--content-->ell-oh-ell. sorry if you took "ick" the wrong way? woops. where are my etiquettes.. <br />
<br />
here's the code i'm trying to get to work.<br />
<br />
<TABLE height="90%" width="100%" nowrap style="border: none;"><TR><br />
<TD align=left valign=middle><br />
<a href=http://www.webdeveloper.com/forum/archive/index.php/"#load" onMouseOver="document.a.src='http://home.attbi.com/~cvxhybr1d/cr1.gif';"> <img src=http://www.webdeveloper.com/forum/archive/index.php/"http://home.attbi.com/~cvxhybr1d/rrr.gif" align=middle></a></TD><br />
<TD align=left valign=middle><br />
<a href=http://www.webdeveloper.com/forum/archive/index.php/"#load" onMouseOver="document.e.src='http://home.attbi.com/~cvxhybr1d/cr5.gif';"><img src=http://www.webdeveloper.com/forum/archive/index.php/"http://home.attbi.com/~cvxhybr1d/rrrrr.gif" align=middle></a></TD><br />
<TD align=center valign=middle><br />
<a href=http://www.webdeveloper.com/forum/archive/index.php/"#load" onMouseOver="document.c.src='http://home.attbi.com/~cvxhybr1d/cr3.gif';"><img src=http://www.webdeveloper.com/forum/archive/index.php/"http://home.attbi.com/~cvxhybr1d/rrrr.gif" align=middle></a></TD><br />
<TD align=right valign=middle><br />
<a href=http://www.webdeveloper.com/forum/archive/index.php/"#load" onMouseOver="document.b.src='http://home.attbi.com/~cvxhybr1d/cr2.gif';"><img src=http://www.webdeveloper.com/forum/archive/index.php/"http://home.attbi.com/~cvxhybr1d/rr.gif" align=middle></a></TD><br />
<TD align=right valign=middle><br />
<a href=http://www.webdeveloper.com/forum/archive/index.php/"#load" onMouseOver="document.d.src='http://home.attbi.com/~cvxhybr1d/cr4.gif';"><img src=http://www.webdeveloper.com/forum/archive/index.php/"http://home.attbi.com/~cvxhybr1d/r.gif" align=middle></a></TD><br />
</TR><br />
<TR colspan="5"><TD colspan="5" align=center valign=middle><br />
<img src=http://www.webdeveloper.com/forum/archive/index.php/"http://home.attbi.com/~cvxhybr1d/ra1.gif" name="a"><img src="http://home.attbi.com/~cvxhybr1d/ccr.gif" name="b"><img src="http://home.attbi.com/~cvxhybr1d/ccr.gif" name="c"><img src="http://home.attbi.com/~cvxhybr1d/ccr.gif" name="d"><img src="http://home.attbi.com/~cvxhybr1d/ccr.gif" name="e"><br />
</TD></TR></TABLE><br />
<br />
i was tryin to get it so that when the user rolls over the star imgs then the overlapped pieces of the img would swap until the whole img would appear. <br />
ahcha,,so yea..any suggestions would be nice. thnx you..<!--content-->Other than doing it in layers, with absolute positioning, I think the easiest way to accomplish the effect you are looking for is to:<br />
<br />
Set up your images in stages from one part increasing the parts until the complete image is done. As it is each part of the image is loading next to eachother, not overlaping.<!--content-->haha,,sorrryy its so confusing.. here's the img that i was tryin to show<br />
<br />
<!-- m --><a class="postlink" href="http://home.attbi.com/~cvxhybr1d/crgt.gif">http://home.attbi.com/~cvxhybr1d/crgt.gif</a><!-- m --> <br />
<br />
eh, ****it.. i'll do that split the img up so they'll load next to each other thing. thnx for all the help/suggestions guys&girls. <br />
bye<!--content-->
how can i get images in the same TD column to exactly overlap each other? i want it so that they'll swap to change to a different image when certain links are clicked, so i was wondering if they'd still overlap even after they were swapped. thnx for any help/suggestions. <br />
I think you mean occupy the same space, not overlap.<br />
Set the size of the cell and the sizes of every image the same.<!--content-->that setting the size of the cell to the same size as the images doesn't work.. and i dont get that <!-- m --><a class="postlink" href="http://www.daveclarkconsulting.com/research/image_position.html">http://www.daveclarkconsulting.com/rese ... ition.html</a><!-- m --> thing.. ick.<!--content-->hi nonoretro....<br />
<br />
it sounds like you might be asking about mouseovers....<br />
<br />
but the manner in which you are asking for help....<br />
<br />
well.....<br />
<br />
lets just say....<br />
<br />
"ick"<br />
<br />
"got manners"?<br />
<br />
k<!--content-->Keep in mind that we are trying to help you. Sometimes that doesn't come easy. So be patient and first make sure that we understand you correctly. We;ll get there.<br /><br />
Do you have any code that you can show us? Will you post it?<!--content-->ell-oh-ell. sorry if you took "ick" the wrong way? woops. where are my etiquettes.. <br />
<br />
here's the code i'm trying to get to work.<br />
<br />
<TABLE height="90%" width="100%" nowrap style="border: none;"><TR><br />
<TD align=left valign=middle><br />
<a href=http://www.webdeveloper.com/forum/archive/index.php/"#load" onMouseOver="document.a.src='http://home.attbi.com/~cvxhybr1d/cr1.gif';"> <img src=http://www.webdeveloper.com/forum/archive/index.php/"http://home.attbi.com/~cvxhybr1d/rrr.gif" align=middle></a></TD><br />
<TD align=left valign=middle><br />
<a href=http://www.webdeveloper.com/forum/archive/index.php/"#load" onMouseOver="document.e.src='http://home.attbi.com/~cvxhybr1d/cr5.gif';"><img src=http://www.webdeveloper.com/forum/archive/index.php/"http://home.attbi.com/~cvxhybr1d/rrrrr.gif" align=middle></a></TD><br />
<TD align=center valign=middle><br />
<a href=http://www.webdeveloper.com/forum/archive/index.php/"#load" onMouseOver="document.c.src='http://home.attbi.com/~cvxhybr1d/cr3.gif';"><img src=http://www.webdeveloper.com/forum/archive/index.php/"http://home.attbi.com/~cvxhybr1d/rrrr.gif" align=middle></a></TD><br />
<TD align=right valign=middle><br />
<a href=http://www.webdeveloper.com/forum/archive/index.php/"#load" onMouseOver="document.b.src='http://home.attbi.com/~cvxhybr1d/cr2.gif';"><img src=http://www.webdeveloper.com/forum/archive/index.php/"http://home.attbi.com/~cvxhybr1d/rr.gif" align=middle></a></TD><br />
<TD align=right valign=middle><br />
<a href=http://www.webdeveloper.com/forum/archive/index.php/"#load" onMouseOver="document.d.src='http://home.attbi.com/~cvxhybr1d/cr4.gif';"><img src=http://www.webdeveloper.com/forum/archive/index.php/"http://home.attbi.com/~cvxhybr1d/r.gif" align=middle></a></TD><br />
</TR><br />
<TR colspan="5"><TD colspan="5" align=center valign=middle><br />
<img src=http://www.webdeveloper.com/forum/archive/index.php/"http://home.attbi.com/~cvxhybr1d/ra1.gif" name="a"><img src="http://home.attbi.com/~cvxhybr1d/ccr.gif" name="b"><img src="http://home.attbi.com/~cvxhybr1d/ccr.gif" name="c"><img src="http://home.attbi.com/~cvxhybr1d/ccr.gif" name="d"><img src="http://home.attbi.com/~cvxhybr1d/ccr.gif" name="e"><br />
</TD></TR></TABLE><br />
<br />
i was tryin to get it so that when the user rolls over the star imgs then the overlapped pieces of the img would swap until the whole img would appear. <br />
ahcha,,so yea..any suggestions would be nice. thnx you..<!--content-->Other than doing it in layers, with absolute positioning, I think the easiest way to accomplish the effect you are looking for is to:<br />
<br />
Set up your images in stages from one part increasing the parts until the complete image is done. As it is each part of the image is loading next to eachother, not overlaping.<!--content-->haha,,sorrryy its so confusing.. here's the img that i was tryin to show<br />
<br />
<!-- m --><a class="postlink" href="http://home.attbi.com/~cvxhybr1d/crgt.gif">http://home.attbi.com/~cvxhybr1d/crgt.gif</a><!-- m --> <br />
<br />
eh, ****it.. i'll do that split the img up so they'll load next to each other thing. thnx for all the help/suggestions guys&girls. <br />
bye<!--content-->