sergebroom: (Hercules)
[personal profile] sergebroom
I just finished updating my wife's site, and this without committing a single screwup.

Date: Aug. 25th, 2009 05:45 am (UTC)
alias_sqbr: me in a graduation outfit (doctor!)
From: [personal profile] alias_sqbr
Very pretty. But, umm.... it's slightly broken on my computer (Mac running safari at 1280x800): the sidebar contents spill past the edge of the white background box on the right. Sorry :)

Date: Aug. 25th, 2009 12:59 pm (UTC)
From: [identity profile] serge-lj.livejournal.com
I've never looked at my wife's site thru anything but Internet Exploder. I'll have to see if I can fix that. Hopefully I can. Someone else set this up for my wife quite a few years ago, but couldn't take care of its maintenance anymore so I took this on in 2004. Mind you, I had never done this, and I've basically been hand-carving HTML directly, learning the job as I went.

If you see other problems, don't hesitate to let me know.

Date: Aug. 28th, 2009 06:27 am (UTC)
alias_sqbr: And yet all I can think is this will make for a great livejournal entry. (livejournal)
From: [personal profile] alias_sqbr
Given how badly some sites do with my browser/resolution combination you're not doing too badly :)

Date: Aug. 28th, 2009 07:06 pm (UTC)
From: [identity profile] serge-lj.livejournal.com
Thanks. I have a few things to tinker with, as you can see above, but I could indeed have done worse.

Date: Sep. 3rd, 2009 02:18 am (UTC)
From: [identity profile] serge-lj.livejournal.com
May I trouble you to look again when you have a moment, now that I've made the suggested changes?

Date: Sep. 4th, 2009 03:10 am (UTC)
alias_sqbr: A stick figure doing cartwheels saying "Yay" (yay!)
From: [personal profile] alias_sqbr
Yep, the border looks fine now!

Date: Sep. 4th, 2009 03:19 am (UTC)
From: [identity profile] serge-lj.livejournal.com
Huzzah!

Date: Aug. 25th, 2009 08:12 am (UTC)
pedanther: Picture of the Pink Panther wearing brainy specs and an academic's mortar board, looking thoughtful. (pedantry)
From: [personal profile] pedanther
The sidebar contents are also spilling out on my computer in Firefox. (It looks very nice in Internet Explorer, though!)

And there's a big blobby thing on the right that's meant to be a link to "Murder Entailed" - this appears to be because you've written alt="'Murder Entailed' in anthology Murder by Magic and not put a closing quote on the end.

(Is there a famous pithy quote about how the simplest way to discover your mistakes is to publicly announce that you didn't make any? If not, there should be.)

Date: Aug. 25th, 2009 01:04 pm (UTC)
From: [identity profile] serge-lj.livejournal.com
Where exactly is this faulty link to "Murder Entailed"? I'll have to fix it tonight. Let me know if you notice anything else that's not right. The above has probably been sticking out like a sore thumb since I last updated it, nearly two years ago.

Date: Aug. 25th, 2009 01:57 pm (UTC)
pedanther: Picture of the Pink Panther wearing brainy specs and an academic's mortar board, looking thoughtful. (pedantry)
From: [personal profile] pedanther
The faulty link is on the "Main" page, in the block of book covers near the bottom of the page, under the heading "SF/Fantasy Novels & Anthologies".

Anything else that's not right?
In Firefox, the image on the front page doesn't line up the way it's supposed to. You can fix this (without breaking it in IE) this way: in cIndex.css, take the "margin-top: 140px;" out of the #transIndexDiv rules, and add "padding-top: 140px;" to the #bkgDiv rules.

I haven't figured out what's up with the sidebar yet, but here's a little thing I noticed while I was poking at it: the author photo at the top of the sidebar is slightly stretched out of shape - the image is 188px high, but it's being displayed as 199px high.

Date: Aug. 25th, 2009 02:19 pm (UTC)
From: [identity profile] serge-lj.livejournal.com
Thanks for catching those up, and anything else you might notice later. I may not be able to fix this tonight, but I will asap.

Date: Aug. 25th, 2009 08:51 pm (UTC)
From: [identity profile] mjlayman.livejournal.com
The sidebar has the picture and two boxes in it, and on Firefox, they're all three slid to the right a bit. You need them back just inside the blue box and then you'll get all the words.

Date: Aug. 25th, 2009 09:11 pm (UTC)
From: [identity profile] serge-lj.livejournal.com
Thanks for pointing this out too. Hopefully I'll be able to figure out how to fix it.

Date: Aug. 26th, 2009 02:16 am (UTC)
pedanther: Picture of the Pink Panther wearing brainy specs and an academic's mortar board, looking thoughtful. (pedantry)
From: [personal profile] pedanther
Figured it out.

The problem is that (for technical reasons this margin is too narrow to contain), IE is using a different rule for displaying boxes from everybody else, so every other browser is making the boxes in the sidebar wider than IE does. Which would be all right if they were making the sidebar wider as well, but the site designer applied the rules inconsistently, so the sidebar is staying the same width.

It's possible to make IE follow the same rules as other browsers, and that's something you might want to consider for the future, but for now here's how to make the sidebar change width along with the boxes inside it:

In cMain.css:
1. Remove "margin: 10px" from the div.textDiv rule set.
2. Add "padding: 10px;" to the #transMenuDiv rule set.
3. While you're there, add a semicolon to the end of "float: left" in the #transMenuDiv rule set.


And, to fix another small display problem with the sidebar boxes:

4. Add "border: solid 1px #0f3e69;" to the .boxTMain rule set.

Date: Aug. 26th, 2009 04:17 am (UTC)
From: [identity profile] serge-lj.livejournal.com
Thanks again for the tips!

Date: Sep. 3rd, 2009 02:20 am (UTC)
From: [identity profile] serge-lj.livejournal.com
How does it look now? Please note that I didn't make cMain.css's first suggested change because it completely took the left margin away. Thanks again.

Date: Sep. 3rd, 2009 03:26 am (UTC)
pedanther: (Default)
From: [personal profile] pedanther
It looks much better than it did - nothing overlapping any more.

It's still a bit crooked in Firefox, though, and I think that would be fixed if you made the first suggested change.

I know the first step takes the margin away; it's meant to. The padding added in the second step replaces it.

Date: Sep. 3rd, 2009 03:38 am (UTC)
From: [identity profile] serge-lj.livejournal.com
Hmmm... I had added the 2nd step's padding, as you can see below, and there was no margin when I bring up the site thru Internet Explorer. Does its position within #transMenuDiv make a difference?

#transMenuDiv {
background-color: #f6faff;
border: solid 2px #0f3e69;
filter: alpha(opacity=92);
margin-top: 10px;
margin-left: 5px;
width: 135px;
padding: 10px;
float: left;
}

Date: Sep. 3rd, 2009 09:07 am (UTC)
pedanther: (Default)
From: [personal profile] pedanther
Strange. My assertion that these are the changes to make is not theoretical only; I made a copy of your page and tested the changes in IE before I suggested them, and they worked when I tested them.

No, the position within #transMenuDiv shouldn't make a difference.

Date: Sep. 3rd, 2009 11:18 am (UTC)
From: [identity profile] serge-lj.livejournal.com
I'll try tonight and see if I might have unwittingly done something different from what you said I should do. Thanks again.

Date: Sep. 3rd, 2009 11:41 am (UTC)
From: [identity profile] serge-lj.livejournal.com
Also, my most profound apologies if I gave the impression that I was questionning your suggestions. Goodness, no. I was truly wondering what might be different about my machine that it'd come up with results different from yours.

Date: Sep. 3rd, 2009 11:55 am (UTC)
pedanther: (Default)
From: [personal profile] pedanther
It really was more that I was questioning my own suggestions, to make sure I hadn't missed something. And thinking typing out loud at the same time.

Date: Sep. 4th, 2009 01:06 am (UTC)
From: [identity profile] serge-lj.livejournal.com
Typing out loud? I never heard of people doing that until now.
Riiiiiight.

I'm not sure what I did differently this time, but the main page now looks OK to my Internet Exploder. What about your point of view?

Date: Sep. 4th, 2009 01:15 am (UTC)
pedanther: (Default)
From: [personal profile] pedanther
It looks exactly the same as it did yesterday. And when I look in the style sheet, it still says "margin: 10px" in the div.textDiv rule set.
Edited Date: Sep. 4th, 2009 01:16 am (UTC)

Date: Sep. 4th, 2009 01:30 am (UTC)
From: [identity profile] serge-lj.livejournal.com
Oops. How about now? Meanwhile, Internet Exploder appears to have lost that margin.

Date: Sep. 4th, 2009 04:56 am (UTC)
pedanther: Picture of the Pink Panther wearing brainy specs and an academic's mortar board, looking thoughtful. (pedantry)
From: [personal profile] pedanther
The sidebar looks good.

However, now the main text block has lost its left margin, in both IE and Firefox. That wasn't supposed to happen.

...oh, I see. The "textDiv" rules are applied to the main text block as well as to the sidebar boxes. So steps 2 and 3, the changes to the #transMenuDiv rule set, also need to be applied to the #transBodyDiv rule set. That oughtta fix it.

And I should have spotted that when I tested it, but I rashly assumed that since the sidebar was the only thing I wanted to change, the sidebar was the only thing that would change, and I didn't pay any attention to what the rest of the page was doing. My apologies.

Date: Sep. 4th, 2009 10:58 am (UTC)
From: [identity profile] serge-lj.livejournal.com
My apologies.
Yes, you ought to be ashamed of yourself.
I want my money back.
Oh.
Wait.
Heheheh

How does it look now?

Date: Sep. 4th, 2009 04:54 pm (UTC)
pedanther: (Default)
From: [personal profile] pedanther
Looking good, in both Firefox and IE.

...at least, every page that uses the cMain style sheet is looking good. Now that I think to look, the pages using the cSff and cRom style sheets both (still) have the sidebar problem...

Date: Sep. 4th, 2009 05:29 pm (UTC)
From: [identity profile] serge-lj.livejournal.com
OK. I'll deploy cMain.css's fixes to cSff.css & cRom.css tonight.

Thanks!

Date: Sep. 6th, 2009 02:24 pm (UTC)
pedanther: (Default)
From: [personal profile] pedanther
Looking good.

Date: Sep. 6th, 2009 11:53 pm (UTC)
From: [identity profile] serge-lj.livejournal.com
Magnifique!
Thanks!

Date: Aug. 25th, 2009 08:51 pm (UTC)
From: [identity profile] mjlayman.livejournal.com
The Murder Entailed shows at the bottom of the books list for me, also Firefox. And there's a cursor so if you click on the box, you do go to that book. The book just isn't on the main page.

Date: Aug. 26th, 2009 01:37 am (UTC)
pedanther: (Default)
From: [personal profile] pedanther
I may have misstated. It's not that the cover-image-and-link doesn't appear on the page, but there's the big blobby thing as well - the missing quote mark makes the web browser think that everything after the cover image is also meant to be included in the link. (Try hovering your mouse over the copyright notice at the bottom of the page, and you'll see that it's also linked to Murder Entailed.)

[edited to fix a typo]
Edited Date: Aug. 26th, 2009 01:43 am (UTC)

Date: Aug. 26th, 2009 01:43 am (UTC)
pedanther: Picture of the Pink Panther wearing brainy specs and an academic's mortar board, looking thoughtful. (pedantry)
From: [personal profile] pedanther
Serge, speaking of the copyright notice, I see that it says "Photograph of Susan Krinard & Brownie © Kim Jew Photographers", but the photograph seems to be only of Susan. Has the photograph been changed more recently than the copyright notice? (That might also be when the mismatch between the photo's actual height and display height happened, if so.)

Date: Aug. 26th, 2009 01:51 am (UTC)
From: [identity profile] serge-lj.livejournal.com
Drat. The Devil indeed is in the details.

Date: Sep. 3rd, 2009 02:21 am (UTC)
From: [identity profile] serge-lj.livejournal.com
I cleaned that up too. I didn't put a copyright symbol next to the photographer's name because he gave it away to my wife.