The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

image grid

View previous topic View next topic Go down

image grid

Post by Signas on March 8th 2011, 6:33 am

is there a way to create a grid of images, lets say approximately 3 across by 4 down of images that can be used to access various chat rooms? this is the chat room code i am presently using.


<form><input type="image" src="http://www.parachat.com/images/basic.png" border="0" onClick="window.open('http://chat.parachat.com/chat/login.html?room=Random_Chat_Room&width=1300&height=800&bg=ffffff&fg=000000&lang=en', 'parachat', 'width=1300,height=800,location=no,menubar=no')"> </form><a href="http://www.parachat.com"><img src="http://www.parachat.com/images/basic.png" border="0"></a>

Signas
New Member

Posts : 6
Reputation : 0
Language : English

Back to top Go down

Re: image grid

Post by Signas on March 10th 2011, 9:07 am

anyone have any ideas?

Signas
New Member

Posts : 6
Reputation : 0
Language : English

Back to top Go down

Re: image grid

Post by kirk on March 11th 2011, 12:12 am

how big are the images and how big of a grid do you want?
All it would be is setting up table blocks, but i would have to know how big you want it.

Also in the tips and tricks section, there is a post from jolokim called multi forums in one. I have used this grid for setting up index to arcade and music and a few other things.

You would do everything the same way he has in the directions for adding your images and links.. then just skip ever thing that would have to do with the forums part.

Other then that if you can give me an idea on how big and how many blocks you want all together i can create a quick table code for you to use.

you can try this one if you want?
I have everything marked as content block 1 etc...

preview.


Code:

<html>
<head>
  <meta content="text/html; charset=ISO-8859-1"
 http-equiv="content-type">
  <title></title>
</head>
<body style="color: rgb(0, 0, 0);" alink=""
 link="#0000ff" vlink="#4499b8">
<p></p>
<table
 style="width: 490px; height: 433px; text-align: left; margin-left: auto; margin-right: auto;"
 border="2" cellpadding="2" cellspacing="2">
  <tbody>
    <tr>
      <td style="text-align: center; vertical-align: middle;">
content
block 1
      </td>
      <td style="text-align: center; vertical-align: middle;">
content
block 2
      </td>
      <td style="text-align: center; vertical-align: middle;">
content
block 3
      </td>
    </tr>
    <tr>
      <td style="text-align: center; vertical-align: middle;">
content
block 4
      </td>
      <td style="text-align: center; vertical-align: middle;">
content
block 5
      </td>
      <td style="text-align: center; vertical-align: middle;">
content
block 6
      </td>
    </tr>
    <tr>
      <td style="text-align: center; vertical-align: middle;">
content
block 7
      </td>
      <td style="text-align: center; vertical-align: middle;">
content
block 8
      </td>
      <td style="text-align: center; vertical-align: middle;">
content
block 9
      </td>
    </tr>
    <tr>
      <td style="text-align: center; vertical-align: middle;">
content
block 0
      </td>
      <td style="text-align: center; vertical-align: middle;">
content
block 1
      </td>
      <td style="text-align: center; vertical-align: middle;">
content
block 2
      </td>
    </tr>
  </tbody>
</table>
<p></p>
</body>
</html>
 

kirk
Forumaster

Male Posts : 11037
Reputation : 651
Language : English,Vulcan,Klingon, Romulan,& Gorn

Back to top Go down

Re: image grid

Post by Signas on March 12th 2011, 6:54 am

approx 3 images across by 4 images down. each image is approximately 64px x 64px. if i use the code you've made above, how would i place the items in their appropriate location to make it work? And Thank you.


Last edited by Signas on March 12th 2011, 6:57 am; edited 1 time in total (Reason for editing : forgot to say thank you.)

Signas
New Member

Posts : 6
Reputation : 0
Language : English

Back to top Go down

Re: image grid

Post by Signas on March 13th 2011, 3:04 am

Thank you both for the help and idea. I'm pretty positive I now have enough information to complete the project. Thank you so much. Case solved. Very Happy

Signas
New Member

Posts : 6
Reputation : 0
Language : English

Back to top Go down

Re: image grid

Post by kirk on March 13th 2011, 5:06 am

gfor the gid i put up there you would put the content where it says to.

content block 1
content block 2 etc...

kirk
Forumaster

Male Posts : 11037
Reputation : 651
Language : English,Vulcan,Klingon, Romulan,& Gorn

Back to top Go down

Re: image grid

Post by mingfangjy on March 14th 2011, 7:41 am

Content Removed

mingfangjy
New Member

Posts : 7
Reputation : 0
Language : English

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum