HTML Page Slider/Grid

Hey I was playing with the HTML home page option and I was wondering if someone can help me out with doing this since i can only edit scripts but cant make them myself....

Basically what I want to do is make a home page with an archive style.....

I drew it up to better explain what i mean



basically I just want a grid style archive with a small picture (that i can change) and a description (Also changeable) under the small picture....

And also if its not too much to ask a main box that takes up the whole row.....and then

only if its possible can it be a slider? if not it doesn't have to be but just asking if its possible?









0

That is easy to create. It is really just a table code.

Define what you mean about the top box sliding?

Ummm I just want it to slide to a new picture and description (It doesnt need to it can be still if its easier)

you can try this I dont like using borders but this is what you want:

Code:


<MARQUEE><table>
<td><img src=""><BR>Description<td><td><img src=""><BR>Description<td><td><img src=""><BR>Description<td><td><img src=""><BR>Description<td></marquee></table></MARQUEE><br>
<table border="0" bordercolor="" style="background-color:" width="700" cellpadding="3" cellspacing="3">
   <tr>
      <td><img src=""><BR>Description</center></td>
      <td><img src=""><BR>Description</center></td>
      <td><img src=""><BR>Description</center></td>
      <td><img src=""><BR>Description</center></td>
   </tr>
   <tr>
      <td><img src=""><BR>Description</center></td>
      <td><img src=""><BR>Description</center></td>
      <td><img src=""><BR>Description</center></td>
      <td><img src=""><BR>Description</center>l</td>
   </tr>
   <tr>
      <td><img src=""><BR>Description</center></td>
      <td><img src=""><BR>Description</center></td>
      <td><img src=""><BR>Description</center></td>
      <td><img src=""><BR>Description</center></td>
   </tr>
   <tr>
      <td><img src=""><BR>Description</center></td>
      <td><img src=""><BR>Description</center></td>
      <td><img src=""><BR>Description</center></td>
      <td><img src=""><BR>Description</center></td>
   </tr>
</table>


if you need more spaces for images and descriptions add the below just before </table>

Code:



<tr>
      <td><img src=""><BR>Description</center></td>
      <td><img src=""><BR>Description</center></td>
      <td><img src=""><BR>Description</center></td>
      <td><img src=""><BR>Description</center></td>
   </tr>


That code will look like this: http://welcome.gamerzauctions.com/testpage.html

do you mean you want it to slide when clicking it. like arrows on each side?
or just like a scrolling going by?

If it's only scrolling then Gamerz Auctions has explained and gave a good code for that.. lil different then how i would do it but it looks effective.

Now your creating an html page right?

for your images you know jalokim has a multi forum grid in tips and Tricks.
and i actually used this to add images to an arcade i created on a html page.

Any way you might want to check out the grid it can be an easy way to add what you want instead of adding all the table tags and getting all lined etc..

check this out.
Preview

Now as you see here i have the lil icons of the games off to the left.
but you could always add you images where my text images are. then after you have everything set you could even take the borders/grid lines out if you wanted too.
plus you can add links very easy to any of the images as well.

most people would use this just for multi forums.. but i found it to be a good use for ding things like you are asking and what i used it for.

so here's the link for the grid in tips and tricks.. basically all need is the grid you don't have to read the whole thing about adding forums. well actually you can. because it explains to add the links and so fourth.

so you can give that a try if you want.. or do it the traditional way with your table tags and so fourth.


tips and tricks multi forum grid.

It looks nice and is perfect but I meant like 2 arrows on the left and right and when you click the arrow it slides to a new section.....kindda like a powerpoint slideshow..

I know what he wants....Ill edit this post when i got it. And i know its going to be javascript.

Alright, as i know javascript, i have the codes and i designed for you.

Ok, i uploaded the files,etc. to these links:

http://www.usingit.com/products/webapps/image_scroller/jsimageslider/index.html
http://www.php-help.ro/examples/mootools_rotator/

Enjoy.

Gamerz Auctions wrote:you can try this I dont like using borders but this is what you want:

Code:


<MARQUEE><table>
<td><img src=""><BR>Description<td><td><img src=""><BR>Description<td><td><img src=""><BR>Description<td><td><img src=""><BR>Description<td></marquee></table></MARQUEE><br>
<table border="0" bordercolor="" style="background-color:" width="700" cellpadding="3" cellspacing="3">
   <tr>
      <td><img src=""><BR>Description</center></td>
      <td><img src=""><BR>Description</center></td>
      <td><img src=""><BR>Description</center></td>
      <td><img src=""><BR>Description</center></td>
   </tr>
   <tr>
      <td><img src=""><BR>Description</center></td>
      <td><img src=""><BR>Description</center></td>
      <td><img src=""><BR>Description</center></td>
      <td><img src=""><BR>Description</center>l</td>
   </tr>
   <tr>
      <td><img src=""><BR>Description</center></td>
      <td><img src=""><BR>Description</center></td>
      <td><img src=""><BR>Description</center></td>
      <td><img src=""><BR>Description</center></td>
   </tr>
   <tr>
      <td><img src=""><BR>Description</center></td>
      <td><img src=""><BR>Description</center></td>
      <td><img src=""><BR>Description</center></td>
      <td><img src=""><BR>Description</center></td>
   </tr>
</table>


if you need more spaces for images and descriptions add the below just before </table>

Code:



<tr>
      <td><img src=""><BR>Description</center></td>
      <td><img src=""><BR>Description</center></td>
      <td><img src=""><BR>Description</center></td>
      <td><img src=""><BR>Description</center></td>
   </tr>


That code will look like this: http://welcome.gamerzauctions.com/testpage.html

Since this is really nice can I just get one like this but no sliding on the top just a bigger one as a featured news thing?