AniDB css conversion (PetriW style)

[PetriW]

could you post a comparision between the sizes of the regular AniDB current layout and your CSS approach?

If you remove space padding the css version (with lots of divs for potential formatting) takes 7800 bytes compared to 11100 bytes for the current layout.

I think the main reason for css however is to enable us to use different layouts than the default one.

Anyway for lynx, I opened the layout in ms word and I imagine that looks about the same as in lynx, didn't seem too bad to navigate, granted you have to page down past the menu but you have to do that in either case.

[CodeZ]

The output from lynx with enlarged shell (and lots of pars cut off) is about like shown on following

Code: Select all

   [na.gif] Login *  [na.gif]
   ________________
   ________________
   [button_logon.gif]-Submit [button_signup.gif]
   [ ] remember
   [na.gif]

   92914 12.01. 08:48 Hajime no Ippo - Mashiba vs Kimura 01 - OVA - [mNf-GF](dub.sub jap.sp).avi 671.430.656 add to own mylist
   92913 12.01. 08:46 Hajime no Ippo - Champion Road 01 - TV Special - [mNf-GF](dub.sub jap.sp).avi 730.652.672 add to own mylist

I have no idea how word would show that html. OO.org didn't like it too much (fw blocked connectios) but it seemed like it would've been loaded with 'normal' browser without pictures..
Oh well, maybe i'm driving this discussion offtopic... i'll stop.

[fahrenheit]

regarding the brown css style, there is some overlaping in the mylist page.
[Opera 8.0 b3, win]

[fahrenheit]

on a side note, i guess this thread should be a sticky one.

[PetriW]

Yeah, I've noticed, I'll spend time on both layouts on friday plus give exp some stuff so we can convert more of the layout to css.

Anyway, remember you can change the css to ANY css, gogo make your own layout for anidb for us all to use! ^^;

(I suck at colors and stuff so I bet someone can make some REALLY cool layout! ^^)

[Rar]

My current big hope is to kill all the   in the tables, and replace them with sensible cellpadding and such. Makes copying anything into spreadsheet etc a right friggin' macro ridden pain.

So, you done any css-ing for the tables?

Rar

[PetriW]

Not yet! Didn't have time last weekend!

[joho]

Ive been looking into the problem and found something.

from my research, ive found that the footer divs might be misplaced, i tried to move them INTO the container divs, instead of outside, and it resulted in SUCCESS

here's how "my code" looks:

Code: Select all

<!-- Content End -->
          </div>
          </div><!-- d -->
          </div><!-- c -->
          </div><!-- b -->
          </div><!-- a -->
        </div>

        <div id="content-b-m"></div>
            <div id="footer-1">
		    <div id="footer-2">

		    <div id="footer-3">
		    <div id="footer-4">
		    <div id="footer" style="">
		      <div id="footer-a">V 0.0.94dev - 12.06.2005, (C) 2002-2004 by AniDB, all rights reserved <br /> design by akujiN</div>
		      <div id="footer-b"></div>
		    </div>
		    </div><!-- 4 -->

		    </div><!-- 3 -->
		    </div><!-- 2 -->
    </div><!-- 1 -->
      </div>
    </div>
    </div><!-- 4 -->
    </div><!-- 3 -->
    </div><!-- 2 -->
    </div><!-- 1 -->

  </div>
  </div><!-- 4 -->
  </div><!-- 3 -->
  </div><!-- 2 -->
  </div><!-- 1 -->
</body>

</html>

instead of the old:

Code: Select all

<!-- Content End -->
          </div>
          </div><!-- d -->
          </div><!-- c -->
          </div><!-- b -->
          </div><!-- a -->
        </div>

        <div id="content-b-m"></div>
            
      </div>
    </div>
    </div><!-- 4 -->
    </div><!-- 3 -->
    </div><!-- 2 -->
    </div><!-- 1 -->
<div id="footer-1">
		    <div id="footer-2">

		    <div id="footer-3">
		    <div id="footer-4">
		    <div id="footer" style="">
		      <div id="footer-a">V 0.0.94dev - 12.06.2005, (C) 2002-2004 by AniDB, all rights reserved <br /> design by akujiN</div>
		      <div id="footer-b"></div>
		    </div>
		    </div><!-- 4 -->

		    </div><!-- 3 -->
		    </div><!-- 2 -->
    </div><!-- 1 -->
  </div>
  </div><!-- 4 -->
  </div><!-- 3 -->
  </div><!-- 2 -->
  </div><!-- 1 -->
</body>

</html>

[PetriW]

Ive been looking into the problem and found something.

from my research, ive found that the footer divs might be misplaced, i tried to move them INTO the container divs, instead of outside, and it resulted in SUCCESS

What bug?

[Rar]

The one where the footer (copyright notice) floats in the middle of most pages:



I've also noticed that both this and /brown/ now have width broken... I'm sure it wasn't like that before. Use firefox to see it if doesn't happen in opera.

Rar

[joho]

Ive been looking into the problem and found something.

from my research, ive found that the footer divs might be misplaced, i tried to move them INTO the container divs, instead of outside, and it resulted in SUCCESS

What bug?

sorry, Rar and i were talking about what he just posted, and he gave me a link to this post, so i tough it were about THIS bug, and i didnt bother writing it :\

[PetriW]

Well, as it doesn't occur in the brown layout I'll think it'd be smarter to steal the fix from there rather than changing the html to something I specifically tried to avoid when creating the page.

[PetriW]

I'd just like to point out that the footer does like it does because I use position: absolute on some layers. I'll do something about that I guess, the current div layout simply tries to encourage proper layer handling.

I've also got a fix for the width issues in the brown layout. Just have to track down exp to fix them.

[egg]

I am using the brown layout and I have noticed a couple of pages that still have the old style (it's real obvious):
Category(Showing the categories for an anime)
Add Category
Episode Page (Details of a single episode)
File Page (Details of a single file)
Group Page (Details of a single group)

Sorry if these have already been reported, but I didn't reread the whole thread.

[PetriW]

I am using the brown layout and I have noticed a couple of pages that still have the old style (it's real obvious):
Category (Showing the categories for an anime)
Add Category
Episode Page (Details of a single episode)
File Page (Details of a single file)
Group Page (Details of a single group)

Sorry if these have already been reported, but I didn't reread the whole thread.

No I think that's new, I'll poke exp about it if he doesn't read it and reply.

We're probably gonna change how it works a little in a while though so we'll see if he wants to fix it before that.


I do think it'd be a good idea to provide links to all kinds of pages though. It eases tracking it down the stuff significantly and you've already found the pages after all!