|
Posted By
|
Message
|
Jon Lambert
Administrator
Vaporware Master
Registered
19/12/2004
Points
8235
      
|
7th March, 2009 at 00:26:21 -
Okay, so if I'm building a website and I want a set of pictures to sit adjacent to each other, and on top of each other, how would I go about doing that? When I say adjacent, I mean that if one picture is at 0,32 and is 100x100 I want the next picture's coordinates to be 100,32. When I say on top, I mean that if the same picture is at 0,32 and is 100x100 I want the picture directly below it to be at 0,132. I tried using tables, but there's always a space between the cells, no matter what I set cell spacing and padding to.
Would it just be easier to use an image map?
Sandwich Time!Whoo!
JoyCheck & KeyCheck Widgets
For easy implementation of customizable joystick and keyboard controls.
http://www.create-games.com/download.asp?id=8364
|
nim
Registered
17/05/2002
Points
7234
|
7th March, 2009 at 04:29:52 -
That should really work if you've set cellspacing and cellpadding to zero. Here's an example I just tried. Hope this helps.
edit: TDC messes up the html code. Obviously the rounded brackets below should be angled (< and > ) symbols.
(table cellspacing="0" cellpadding="0" border="0")
(tr)
(td)(img src="pic.jpg" width="100" height="100")(/td)
(td)(img src="pic.jpg" width="100" height="100")(/td)
(td)(img src="pic.jpg" width="100" height="100")(/td)
(/tr)
(tr)
(td)(img src="pic.jpg" width="100" height="100")(/td)
(td)(img src="pic.jpg" width="100" height="100")(/td)
(td)(img src="pic.jpg" width="100" height="100")(/td)
(/tr)
(tr)
(td)(img src="pic.jpg" width="100" height="100")(/td)
(td)(img src="pic.jpg" width="100" height="100")(/td)
(td)(a href="#")(img src="pic.jpg" width="100" height="100" border="0")(/a)(/td)
(/tr)
(/table)
Also remember that if you want those images to be links, set the image border to be zero.
eg:
(a href="#")(img src="pic.jpg" width="100" height="100" border="0")(/a)
 Edited by nim
//
|
Lazernaut
Registered
08/09/2002
Points
1103
  
|
7th March, 2009 at 09:16:29 -
you might wanna try your hand at <div >s.. i'm no expert on them, but i know you can set their x and y positions directly.
n/a
|
Jon Lambert
Administrator
Vaporware Master
Registered
19/12/2004
Points
8235
|
7th March, 2009 at 18:30:37 -
Nim, that worked for when they are all the same size. Mine doesn't work though. I don't know why it doesn't work. Maybe because the pictures aren't all uniform in size, or because there are empty cells in between pictures?
EDIT: Question, can I determine the size of each cell seperately?
Edited by an Administrator
Sandwich Time!Whoo!
JoyCheck & KeyCheck Widgets
For easy implementation of customizable joystick and keyboard controls.
http://www.create-games.com/download.asp?id=8364
|
nim
Registered
17/05/2002
Points
7234
|
7th March, 2009 at 18:39:47 -
Ah, now I think I understand what you mean. I didn't know they were all different sizes. No, you can't resize individual cells. But if you want a collage of overlapping images, the easiest way to do it would be to use an imagemap. You can also use the div technique but I find that fiddly.
or just make them all the same size 
//
|
Jon Lambert
Administrator
Vaporware Master
Registered
19/12/2004
Points
8235
|
8th March, 2009 at 21:08:47 -
Okay next question. How do I use an imagemap to make different images overlap?
Sandwich Time!Whoo!
JoyCheck & KeyCheck Widgets
For easy implementation of customizable joystick and keyboard controls.
http://www.create-games.com/download.asp?id=8364
|
aphant
Registered
18/05/2008
Points
1242
|
10th March, 2009 at 10:45:29 -
You don't. You make a single image composed of all the images, then specify coordinates for each sub-image.
|
Jon Lambert
Administrator
Vaporware Master
Registered
19/12/2004
Points
8235
|
10th March, 2009 at 19:29:15 -
I know that much, but then how do I make images overlap, if not with an imagemap?
Sandwich Time!Whoo!
JoyCheck & KeyCheck Widgets
For easy implementation of customizable joystick and keyboard controls.
http://www.create-games.com/download.asp?id=8364
|
|
|
|
Advertisement
Post Reply