[skalie]

// Edit for prosperity: This wasn't a browser issue, but a cache issue, it worked in the end.

This works a treat (using borders to imitate a button)

Code:
#active
{
    border-top: #999 2px solid;
    border-right: #000 2px solid;
    border-bottom: #000 2px solid;
    border-left: #999 2px solid;
}

#inactive
{
    border-top: #000 2px solid;
    border-right: #999 2px solid;
    border-bottom: #999 2px solid;
    border-left: #000 2px solid;
}

Untill I test it on IE for mac 5.5, (which is what I was testing my css out for ages on wondering why nothing was working) then only the bottom border shows up and doesn't change colour or size, sort of like a dead boring <hr>.

Anyone know of any hacks or fixes?

[skalie]

Oh joy, it looks like if I add a "Doc Type" for validation like a good boy the margins disappear on my other testing box (win IE 6).

Looks like css is either a lot more tricky or less suited to my needs then I thought.

[Synotic]

Originally posted by skalie:
Oh joy, it looks like if I add a "Doc Type" for validation like a good boy the margins disappear on my other testing box (win IE 6).

Looks like css is either a lot more tricky or less suited to my needs then I thought.

It's generally a good idea to always have a doctype in the first place, otherwise browsers render in quirks mode... which means that things may not render as they should.

As for styling your HR.. check back a few pages, a similar question was asked earlier.

[skalie]

Originally posted by Synotic:
It's generally a good idea to always have a doctype in the first place, otherwise browsers render in quirks mode... which means that things may not render as they should.

......which is my original problem.

I'm trying to use the border attributes to emulate a raised button, but it appears it will not work in older browsers, and no browsers at all if I add a DOC-TYPE

[As for styling your HR.. check back a few pages, a similar question was asked earlier.

I was kind of hoping for more than a styled HR, I'll give css another day or so and then it's back to tables and gifs.

[Chris O'Brien]

Code:
<div style="border: 2px outset; background: buttonface; width: 300px">hi there</div>

Looks a bit like a raised button (Windows stylee).

[Chris O'Brien]

Originally posted by skalie:
I'll give css another day or so and then it's back to tables and gifs.

Please don't go back!

[Synotic]

Ahh.. I didn't know at all what you were referring to... what you were styling... if there were other rules... if what you were styling contained anything... Are you just styling an empty div? It may collapse on itself if you have nothing in there. Some more context would be helpful.

[skalie]

Turns out it is/was a weird cache problem.

I got into work, checked out the buttons and they were working under the 5.5 Mac browser, more investigation, it seems that the CSS styles were getting cached while the button text, for example, was getting refreshed......

It's things like this that keep the character building aspect in web development.

[cnelson87]

/\
Did I miss out on IE 5.5 for Mac? I thought MS stopped at 5.23 or something...

[skalie]

Originally posted by cnelson87:
/\
Did I miss out on IE 5.5 for Mac? I thought MS stopped at 5.23 or something...

Pardon my bad, it is indeed 5.1.2 (3707), and "missing out" is very generous terminology.

[wataru]

Originally posted by skalie:
Pardon my bad, it is indeed 5.1.2 (3707), and "missing out" is very generous terminology.

Bob: "So Peter, I hear you've been missing a lot of work lately."
Peter: "I wouldn't say I've been missing it, Bob."