muse list or cr chart, idk

[manual]

TABLE CODE: SINGLE ROW
<table width="500" cellpadding="10" cellspacing="10"> <tr><td rowspan="2" width="140" align="justify" style="vertical-align:top;"><span style="font-family:bell mt;font-size:16pt;color:#666;text-transform:uppercase;">HEADERTEXT</span> <span style="font-family:bell mt;font-size:10pt;">( <a href="LINK"><font color="#333;">link</font></a> | <a href="LINK"><font color="#333;">link</font></a> ) BLURB GOES HERE OR JUST DELETE THIS</td> <td style="width:120px;font-family:bell mt;font-size:9pt;font-color:#333;padding: 0 5px 20px 5px;" align="center"><img src="IMGURL" style="width:75px; height:75px;-webkit-border-radius:40px; -moz-border-radius:40px; border-radius:40px;"> NAME HERE ( <a href="http://USERNAME.dreamwidth.org/profile"><font color="#000">username</font></a> )</td> <td style="width:120px; font-family:bell mt; font-size:9pt; font-color:#333;padding: 0 5px 20px 5px;vertical-align:top;" align="center"><img src="IMGURL" style="width:75px; height:75px;-webkit-border-radius:40px; -moz-border-radius:40px; border-radius:40px;"> NAME HERE ( <a href="http://USERNAME.dreamwidth.org/profile"><font color="#000">username</font></a> )</td> <td style="width:120px; font-family:bell mt; font-size:9pt; font-color:#333;padding: 0 5px 20px 5px;vertical-align:top;" align="center"><img src="IMGURL" style="width:75px; height:75px;-webkit-border-radius:40px; -moz-border-radius:40px; border-radius:40px;"> NAME HERE ( <a href="http://USERNAME.dreamwidth.org/profile"><font color="#000">username</font></a> )</td></tr></table>

TABLE CODE: TWO ROWS
<table width="500" cellpadding="10" cellspacing="10"> <tr><td rowspan="2" width="140" align="justify" style="vertical-align:top;"><span style="font-family:bell mt;font-size:16pt;color:#666;text-transform:uppercase;">HEADERTEXT</span> <span style="font-family:bell mt;font-size:10pt;">( <a href="LINK"><font color="#333;">link</font></a> | <a href="LINK"><font color="#333;">link</font></a> ) BLURB GOES HERE OR JUST DELETE THIS</td> <td style="width:120px;font-family:bell mt;font-size:9pt;font-color:#333;padding: 0 5px 20px 5px;" align="center"><img src="IMGURL" style="width:75px; height:75px;-webkit-border-radius:40px; -moz-border-radius:40px; border-radius:40px;"> NAME HERE ( <a href="http://USERNAME.dreamwidth.org/profile"><font color="#000">username</font></a> )</td> <td style="width:120px; font-family:bell mt; font-size:9pt; font-color:#333;padding: 0 5px 20px 5px;vertical-align:top;" align="center"><img src="IMGURL" style="width:75px; height:75px;-webkit-border-radius:40px; -moz-border-radius:40px; border-radius:40px;"> NAME HERE ( <a href="http://USERNAME.dreamwidth.org/profile"><font color="#000">username</font></a> )</td> <td style="width:120px; font-family:bell mt; font-size:9pt; font-color:#333;padding: 0 5px 20px 5px;vertical-align:top;" align="center"><img src="IMGURL" style="width:75px; height:75px;-webkit-border-radius:40px; -moz-border-radius:40px; border-radius:40px;"> NAME HERE ( <a href="http://USERNAME.dreamwidth.org/profile"><font color="#000">username</font></a> )</td></tr> <tr><td style="width:120px;font-family:bell mt;font-size:9pt;font-color:#333;padding: 0 5px 20px 5px;" align="center"><img src="IMGURL" style="width:75px; height:75px;-webkit-border-radius:40px; -moz-border-radius:40px; border-radius:40px;"> NAME HERE ( <a href="http://USERNAME.dreamwidth.org/profile"><font color="#000">username</font></a> )</td> <td style="width:120px; font-family:bell mt; font-size:9pt; font-color:#333;padding: 0 5px 20px 5px;vertical-align:top;" align="center"><img src="IMGURL" style="width:75px; height:75px;-webkit-border-radius:40px; -moz-border-radius:40px; border-radius:40px;"> NAME HERE ( <a href="http://USERNAME.dreamwidth.org/profile"><font color="#000">username</font></a> )</td> <td style="width:120px; font-family:bell mt; font-size:9pt; font-color:#333;padding: 0 5px 20px 5px;vertical-align:top;" align="center"><img src="IMGURL" style="width:75px; height:75px;-webkit-border-radius:40px; -moz-border-radius:40px; border-radius:40px;"> NAME HERE ( <a href="http://USERNAME.dreamwidth.org/profile"><font color="#000">username</font></a> )</td></tr></table>

NOTES:
- If you're adding more icons per row, please remember to adjust the table width by 120px per icon.
- For more than two rows, just copy/paste the second line of <tr>...</tr> cells under the two-row coding, and then ctrl+f rowspan="2" and change the number to how many rows you now have.
- I coded this in a bout of insomnia, so if anything mucks up please tell me and I'll try to fix it.

Comments

[ex_choir339]

Oooh, I like this! I got a problem though, um, when I added another row in the two-row version, the third row didn't align? Is there a way to fix that?

[manual]

There is! I actually forgot to mention it, so it's my fault, sorry. Ctrl+F rowspan="2" and change the number to how many rows you want to show up.

Thanks for letting me know about this, I'll go edit the notes now o7!

[ex_choir339]

Thank you so much \o/!

[firewalking]

The names are a little funny-looking, but in action.

This is the only muselist that hasn't completely shat itself when I clicked "submit", too, so kudos!

[manual]

Thanks for the compliment! And as for the names, I'm not sure what happened since I checked your code and it looks okay to me? But try giving the text an extra linebreak, that might fix it.

[firewalking]

Ooh, thank you. I will try adding linebreaks.

[toxic_tsarina]

Am using this on a message board - you're a life saver and I love this design. Thank you x9999.

[ferrari]

very pretty!