The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

image grid

3 posters

Go down

image grid Empty image grid

Post by Signas 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>
avatar
Signas
New Member

Posts : 6
Reputation : 0
Language : English

Back to top Go down

image grid Empty Re: image grid

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

anyone have any ideas?
avatar
Signas
New Member

Posts : 6
Reputation : 0
Language : English

Back to top Go down

image grid Empty Re: image grid

Post by kirk 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
kirk
Forumaster

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

Back to top Go down

image grid Empty Re: image grid

Post by Signas 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.)
avatar
Signas
New Member

Posts : 6
Reputation : 0
Language : English

Back to top Go down

image grid Empty Re: image grid

Post by Signas 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
avatar
Signas
New Member

Posts : 6
Reputation : 0
Language : English

Back to top Go down

image grid Empty Re: image grid

Post by kirk 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
kirk
Forumaster

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

Back to top Go down

image grid Empty Re: image grid

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

Content Removed
avatar
mingfangjy
New Member

Posts : 7
Reputation : 0
Language : English

Back to top Go down

Back to top


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