image blending in HTML  | | 
January 3rd, 2006, 02:41 PM
|
#1 (permalink)
| | Member
Join Date: Dec 2004 Location: Shoreham, England
Posts: 341
|
Hi everyone,
Does anyone know how to place two images side by side to create the affect of them being one image in HTML? I mean, without the gap in between.
I've tried using a table with cellpading="0" and cellspacing="0" but these didnt seem to differ the gap in between the two images...
Also, i've tried, when using tables, wrapping the image with
<div style="position:relative;right:0px"> IMAGE </div>
and for the right image...
<div style="position:relative;left:0px"> IMAGE </div>
Thanks | 
|  | |
January 3rd, 2006, 03:09 PM
|
#2 (permalink)
| | Ultimate Member
Join Date: Jun 2002 Location: Ohio
Posts: 1,349
|
By default the border of the table =1, you can try to do this <table border="0"> along with the cellpadding and cellspacing. Also make sure that the cell width and height are exactly the size of the image. That's all the advice I can give I think.
__________________
23. That's the number of people Mr. T has pitied in the time it has taken you to read this sentence.
| |
| | |
January 3rd, 2006, 03:27 PM
|
#3 (permalink)
| | Super Stealthy Moderator
Join Date: Jan 2003 Location: Outside the box
Posts: 5,560
|
ahhh look at the next post 
__________________
“Every question involves someone having to work for an answer, isn't it about time you did your share”
"Non-technical questions sometimes don't have an answer at all."
Linus Torvalds
Last edited by RicheemxX : January 3rd, 2006 at 04:03 PM.
| |
| | |
January 3rd, 2006, 03:48 PM
|
#4 (permalink)
| | Super Stealthy Moderator
Join Date: Jan 2003 Location: Outside the box
Posts: 5,560
|
here's the mark-up I had to use to get it to work right Quote:
<body>
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="the size you are using" >
<tr>
<td align="center" width="the image size">
<img border="0" src="your image" align="middle" width="the image size" height="the image size"></td>
<td width="325">
<img border="0" src="your image" width="the image size" height="the image size"></td>
</tr>
</table>
</body>
| | |
| | |
January 3rd, 2006, 03:50 PM
|
#5 (permalink)
| | Ultimate Member
Join Date: Jun 2002 Location: Ohio
Posts: 1,349
|
I am sure that images can be placed right next to each other using tables. For example in www.microsoft.com. I just looked at my site, and I just used cellpadding and cellspacing  | |
| | |
January 3rd, 2006, 03:59 PM
|
#6 (permalink)
| | Super Stealthy Moderator
Join Date: Jan 2003 Location: Outside the box
Posts: 5,560
|
I was just having issues with it the first time around. mainly because my cells where set to to large a size so there would be a gap from the left over space. I set the cells to the same size as the pictures with no borders or padding and it worked out fine | |
| | |
January 3rd, 2006, 04:08 PM
|
#7 (permalink)
| | Perfetc Member
Join Date: Jan 2003 Location: Maryland Suburbia
Posts: 4,334
|
Use CSS positioning for layouts rather than tables.
You can wrap the image in <div></div> tags and use CSS to position them with pixel precision.
Tables are made for designed for displaying data, not layouts. | |
| | |
January 14th, 2006, 05:31 PM
|
#8 (permalink)
| | Member
Join Date: Dec 2004 Location: Shoreham, England
Posts: 341
|
Ok- lol,
I had a space in between the two <img> tags-DER!!!!
Foolishness on my part...thanks ppl | |
| | | Thread Tools | Search this Thread | | | | |
Currently Active Users Viewing This Thread: 1 (0 members and 1 guests) | | | | Most Active Discussions  | | | | |   Recent Discussions  | | | | |
 |
hardware
prices 
