Log in

No account? Create an account
The new Tomorrowlands is up and running! - Baxil [bakh-HEEL'], n. My Sites [Tomorrowlands] [The TTU Wiki] [Photos]
View My LJ [By Tag]

May 6th, 2004
04:46 am
[User Picture]


Previous Entry Share Next Entry
The new Tomorrowlands is up and running!
If you're a regular, irregular or occasional reader of my website (and my real journal), please be aware that the Tomorrowlands main page has just undergone a significant overhaul to Movable Type -- and a significant redesign. (The rest of the site will follow as time permits. Consistency is a good thing.)

Please update your bookmarks: the old "splash screen/home.html" setup has disappeared. In its place, www.tomorrowlands.org is all you need to type to hit the journal. (Nothing else on the site has moved.)

Comments on the new design are welcome!

Also, I've spent the last day and a half slowly trying to work the kinks out of the CSS code -- there's a rant in my brain just waiting to be typed about the spec's lack of cross-browser standardization (*cough* MSIE breaks. Go Microsoft). I beta-tested the style sheet on two separate OSes and two separate browsers (one of which was Mac IE 4), and there were still CSS bugs that only popped up when I came in to work on Monday with a PC version of IE! (In particular, IE's font inheritance is absolutely appalling. The main body font was black-on-black despite having its color SPECIFICALLY SPECIFIED IN THE STYLE DEFINITION.)

So, yes, I'm already aware that IE 6 can't be bothered to make the page fit horizontally (suggestions that don't involve fixed div widths -- destroying cross-resolution support -- or percentage widths -- destroying the margins -- are also welcome). But if there are other display issues, I'd appreciate word.

For reference, this screenshot, courtesy shatterstripes and image artifacts courtesy me accidentally resaving it before uploading, shows what it should look like if everything's rendering properly and you've got the Techno font.

One last question for the geeks in the audience: I want the icons to touch the color bar, but I want the text not to bump up against it. (In other words, setting margin-right separately for text and the image embedded in the test.) I tried a hack with tables and CSS position:relative but it is failing to work on any browser but my testbox, Safari/OS10.1. Can anyone suggest a simple fix to do that reliably?

Current Mood: depressedaccomplished but down-cycling
Current Music: Weird Al Yankovic, "Polka Power!"

(4 comments | Leave a comment)

Date:May 6th, 2004 11:30 am (UTC)
> I want the icons to touch the color bar, but I want the text not
> to bump up against it.

If this is what you mean, then I hope you don't mind a complete stranger having a shot at fixing it.

Here's the table cell code I changed:

<td style="padding:0px;">
<span style="float:right; padding-left:20px; padding-bottom:20px;"><img src="IconAnnouncements.jpg" [...]></span>

I gave the TD padding a single 0px (to make the image press directly against the color bar), then I added bottom and left padding to the image (to prevent the text pressing up against it).

Then to stop the text pressing against the color bar, I added this to the CSS:

p { margin-right:10px; }

It works for me in Firefox, but your mileage may vary. :) FYI, I found you via todd_dharken's friends.
[User Picture]
Date:May 11th, 2004 04:41 am (UTC)
I had to set the CSS stuff aside for a week owing to other demands on my time, but I did want to acknowledge your help and thank you. :)

I *think* that will solve things. It's a better solution, anyway, than the relative positioning I was trying -- the missing piece of the puzzle was the margin on the body text. We'll see how all the different configurations of browsers like it.
[User Picture]
Date:May 6th, 2004 12:57 pm (UTC)
Oh, and I hope you don't mind that I set the feed up:
[User Picture]
Date:May 11th, 2004 05:59 am (UTC)
Given the appalling lack of customization available for LJ feeds, and the lack of ownership thereof, your generosity apparently had no more ill effect than to save me five minutes. Thanks!

I really wish I could set it up to disable comments, though, and have the XML point to the forums instead (but the latter I'm pretty sure I can set up server-side). Also, does anyone get an e-mail notification when an LJ comment is made to a feed post?
Tomorrowlands Powered by LiveJournal.com