I was about to post this exact same comment-- that the spacing on the top toolbar thingy, which previously looked very good, is now all wierd and stuff, and i was going to request if Rusty could possibly do anything about it, or maybe see if he could find a way to move back to using fixed-width horizontal margins on the section titles (like he seemed to be doing before) without it looking too unattractive.
For the record, this is not Rusty's fault, really. It's a natural byproduct of using html tables for layout. If you look at the current kuro5hin html for the section-bar, the 13 sections, and the 12 | dividers between them, are each in a separate TD (column) of a single table. Rusty has done nothing to specify item width in any of these TDs.
The problem is that web browsers, or at least all the ones i've seen, do not apportion table space equally. If given 25 items in separate cells and asked to distribute them equally throughout a table, web browsers will apportion each item an amount of horizontal space proportional to that item's size, and then plop the item down in the middle of that space.
Previously, as far as i can tell, the toolbar had fixed horizontal margins for all the items inside of it, which meant it looked nice. Now the margins are being put in automatically by your web browser, which means that Freedom & Politics, whose title is twice as long as all the other sections, gets twice the margin of the other sections. The Freedom & Politics section could have its name shortened, of course, in which case everything will look roughly equal, but it will still look a bit off-kilter.
Does anyone know a way to fix this, and get the items in the toolbar to space themselves equally? I remember I've written html to work around this exact problem before, but i did something absolutely nasty-- like, the workaround i used before would entail something like putting all the section titles in NOBR tags and setting the width of the cells containing titles to 1. This would cause the cells containing titles to contract as much as possible, forcing the web browser (when it distributes horizontal margin space) to put ALL of the horizontal spacing into the cells containing |s, which are all the same width. Unfortunately, that solution is NASTY, and if i remember right it doesn't work in all web browsers. Can anyone think of a better way to do the same thing? I dunno, bullshit like this is why i stopped writing html :)
Of course, the best way to do this would just be to not use tables for layout, but i'm not sure if there's really any other way to do something like the k5 toolbar. Could it all be done with CSS? Could it all be done with CSS, yet still work in the horribly broken Netscape 4 renderer?
Anyway, um: new section! Yay Rusty! :)
Aside from that, the absurd meta-wankery of k5er-quoting sigs probably takes the cake. Especially when the quote itself is about k5. -- tsubame
[ Parent ]