The Daily Click ::. Forums ::. General Chat ::. HTML Image Help
 

Post Reply  Post Oekaki 
 

Posted By Message

Jon Lambert

Administrator
Vaporware Master

Registered
  19/12/2004
Points
  8235

VIP MemberWii OwnerTDC Chat Super UserI am an April FoolSSBB 3265-4741-0937ACCF 3051-1173-8012360 Owner
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
  7233
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

VIP MemberThe Cake is a LieIt's-a me, Mario!Wii OwnerPokemon Ball!
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

VIP MemberWii OwnerTDC Chat Super UserI am an April FoolSSBB 3265-4741-0937ACCF 3051-1173-8012360 Owner
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
  7233
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

VIP MemberWii OwnerTDC Chat Super UserI am an April FoolSSBB 3265-4741-0937ACCF 3051-1173-8012360 Owner
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

VIP MemberWii OwnerTDC Chat Super UserI am an April FoolSSBB 3265-4741-0937ACCF 3051-1173-8012360 Owner
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
   

Post Reply



 



Advertisement

Worth A Click