InsaneJournal

Tweak says, "uncle johnny made my dress!"

This Is An Example (this_example) wrote in rp_tutorials,
@ 2010-04-26 22:05:00

Entry tags:

coding: cast list

Cast Table
The following is a simple cast list designed for HP characters. The characters are assigned to their houses by colored divider bars, so if you want to have the colors mean something else it could be easily adapted to other types of games.

Hannah Abbot
Romola Garai

year: 7th
affiliation: dumbledore's army
extras: prefect, charms club
status: nail biter

Marcus Belby
Harry Judd

year: 6th
affiliation: neutral
extras: quidditch, chess club, (band)
status: you call that music?

Lavender Brown
Meaghan Jette Martin

year: 7th
affiliation: dumbledore's army
extras: none
status: flirt at your own risk

Tracey Davis
Megan Prescott

year: 7th
affiliation: neutral
extras: none
status: sidekick

Alecto Carrow
Kathy Bates

year: professor
affiliation: death eaters
extras: none
status: watch out

<center><table cellspacing=30><tr>
<td><table width=100%><tr><td align=center>CHARACTER NAME
 PB NAME
<a href="JOURNALURL"><img src="PICTUREURL"></a></td><td bgcolor="#8f8d07" width=3></td><td valign=top>year:
affiliation:
extras:
status:</td></tr></table></td>

<td><table width=100%><tr><td align=center>CHARACTER NAME
PB NAME
<a href="JOURNALURL"><img src="PICTUREURL"></a></td><td bgcolor="#22235a" width=3></td><td valign=top>year:
affiliation:
extras:
status:</td></tr></table></td>
</tr><tr>
<td><table width=100%><tr><td align=center>CHARACTER NAME
PB NAME
<a href="JOURNALURL"><img src="PICTUREURL"></a></td><td bgcolor="#660c0c" width=3></td><td valign=top>year:
affiliation:
extras:
status:</td></tr></table></td>

<td><table width=100%><tr><td align=center>CHARACTER NAME
PB NAME
<a href="JOURNALURL"><img src="PICUTREURL"></a></td><td bgcolor="#194f19" width=3></td><td valign=top>year:
affiliation:
extras:
status:</td></tr></table></td>
</tr><tr>
<td><table width=100%><tr><td align=center>CHARACTER NAME
PB NAME
<a href="JOURNALURL"><img src="PICUTREURL"></a></td><td bgcolor="#312331" width=3></td><td valign=top>year:
affiliation:
extras:
status:</td></tr></table></td></tr></table>

(Read comments) - (Post a new comment)

this_example
2010-04-30 08:57 pm UTC (link)

I am not authorized to view that protected entry. ;_;

There was an extra few table tags in the original code that I found while looking into your problem which have since been removed. That might have been the problem. Also, as ~chaperoned said, setting the widths of the cells and tables will help.

In addition, since you want to alter it to be three-across, I'd suggest either making the images small or moving the text to be under the image instead of next to it. I've mocked up examples of both for you here. Both those codes have fixed widths and either one should work. Let me know if they don't.

(Reply to this) (Parent) (Thread)

	28_ginny 2010-04-30 09:01 pm UTC (link)
	Oops! Sorry, I just reset it to public again. I was mucking about with the code and had it to private so as not to make anyone blind. :) I can't see the examples you mocked up. :( I am using smaller images (100x100) versions than seen in the original code but the lines move all over the place. :( (Reply to this) (Parent) (Thread)

	this_example 2010-05-01 12:39 am UTC (link)
	Whoops, I also forgot to take it off fidling-with mode. -_- I made one using the 100x100 size images. The new code should work for you. (Reply to this) (Parent)

(Read comments) -