HTML table aid

Feb 23, 2008 14:59

I've been asked quite a few times how to post icons in tables, or some variation of that question. There are many, MANY ways you can go about doing this, but I'll share how I typically post mine.



I'll be posting using the coding used to make a table like this:

1
2
3
4









The coding goes as follows. Just remember to take out the *
You'll also need to replace any + with <

<*table cellspacing="4" style="background-color:FFFFFF" align="center">

1
2
3
4

+img src="IMAGEURLHERE">
+img src="IMAGEURLHERE">
+img src="IMAGEURLHERE">
+img src="IMAGEURLHERE">

Note the following:

-The table spacing option (currently at 4) is the space between each icon. You can increase/decrease that to whatever value you'd like.

-HTML knows FFFFFF as the color white. You can chance this to any color code you want for your background.

-Similarly, 000000 is black. Again, you can change this to any color you want.

-The command starts a row, while ends a row. Many mistakes of what I've seen are caused from having too many or not enough of this command.

-For more than one row of icons, simply copy and paste everything in between the bold 's and past it before .

-You don't have to bold commands. I simply put that there so you'd know when to start/stop copying.

-Your batch of icons ALWAYS ends in . The very end is the only time you need this command.

-Remember to change the numbers as you continue to add rows.

It looks/sounds complicated, but it's really not. It comes as second nature after you do it a few times, and then you can simply copy, paste, and replace any image locations. If you have questions, feel free to ask. I tried to make it as easy as possible, as I know I used to get headaches from html. Good luck!

table help, mods note

Previous post Next post
Up