AniDB Bugtracker
BUG:  Compare Lists - Text showing over misaligned Icons 
      (css/html inconsistency) Old html code?


********************[ Right Side Menu ]********************

Example of the current (working) My List page's menu:
--------------------------------------------------------------------------
	<div class="g_menu mylist_menu">

  ...removed code to save space...
		
		<ul class="state">
			<li><a href="animedb.pl?show=mylist&amp;uid=137427&amp;showheader=1&amp;orderby=name"><span class="i_icon i_state_all" title="all states">all states</span></a></li>
			<li><a href="animedb.pl?show=mylist&amp;uid=137427&amp;onlystate=-1&amp;showheader=1&amp;orderby=name"><span class="i_icon i_state_mixed" title="file with status: mixed state">mixed state</span></a></li>
			
  ...removed code to save space...

			<li><a href="animedb.pl?show=mylist&amp;uid=137427&amp;onlystate=4&amp;showheader=1&amp;orderby=name"><span class="i_icon i_state_deleted" title="file with status: deleted">deleted</span></a></li>
		</ul>

   ...removed code to save space...

	</div>
--------------------------------------------------------------------------


(Note the nice div/classes and the <ul><li>s above and how they are not in the Compare Anime page's code below)


Example of the current <u>Compare Anime</u> page's <u>menu</u>:
<i>(located at bottom of the generated html code)</i>
--------------------------------------------------------------------------
<td width=120 align=right valign=top>
	<table cellspacing=0 cellpadding=0 width=110>
	<tr>
	<td align="center" width=110 class="nav"> MyList CMP </td>
	</tr>
	<tr>
	<td width=110>

    ...removed code to save space...

<b>by state:</b><br>&nbsp; <a href="animedb.pl?do=cmp&amp;show=mylist&amp;uid=131869&amp;orderby=name"><span class="i_icon i_state_mixed" title="file with status: mixed state">mixed state</span></a> <a href="animedb.pl?do=cmp&amp;show=mylist&amp;uid=131869&amp;onlystate=1&amp;orderby=name"><span class="i_icon i_state_unknown" title="file with status: unknown">unknown</span></a> <a href="animedb.pl?do=cmp&amp;show=mylist&amp;uid=131869&amp;onlystate=2&amp;orderby=name"><span class="i_icon i_state_onhdd" title="file with status: on hdd">on hdd</span></a> <a href="animedb.pl?do=cmp&amp;show=mylist&amp;uid=131869&amp;onlystate=3&amp;orderby=name"><span class="i_icon i_state_oncd" title="file with status: on cd">on cd</span></a>
-------------------------------------------------------------------------


ALSO NOTE: (not shown here) the image for 'state: state all' is hard coded into an img (ie. not in css) on the Compare Anime page.




********************[ Anime Table ]********************

Example of the current (working) My List page's anime table:
--------------------------------------------------------------------------
		<td class="title">
			<div class="icoco"><span class="i_icon i_state_oncd" title="file with status: on cd">on cd</span>
			</div>
			<span><a href="animedb.pl?show=anime&amp;aid=1135">.hack//GIFT</a></span>
		</td>
--------------------------------------------------------------------------


Example of the current Compare Anime page's anime table:
--------------------------------------------------------------------------
	<td>

			<table width="100%">
			<tr>
			<td>
			<a href="animedb.pl?show=anime&aid=1135">.hack//GIFT</a>
			</td>
			<td align="right">
			<span class="i_icon i_state_oncd" title="file with status: on cd">on cd</span></td>
					</table>
--------------------------------------------------------------------------