Hello. This seems like a great community. I think I am getting good enough at CSS to design my own pages instead of downloading free templates for websites I create (I primarily work on backend programming). These are the links the relevant files:
http://www2.ryankaskel.com/dev/base.html - Validates XHTML strict
http://www2.ryankaskel.com/dev/style.css - Validates CSS2
The biggest problem is the fact that the background image specified in #wrapper is not displayed in Internet Explorer (it ends up being the background for #content-navbar, the "left column"). In addition, the link at the top left (return to home link) is supposed to have text-decoration of none and underline on hover but in IE it underlines the link in normal state.
Also, a general review of my CSS would be greatly appreciate it!
Thanks,
Ryan Kaskel
First things first can you
First things first can you remove this line:
<?xml version="1.0" encoding="utf-8"?>
it will be throwing IE6 into quirks mode (IE => 7 will be ok but the prolog is not required in this situation)
You don't state which version of IE is having a problem?
An Emu user you'll have a friend here in Gary who will be overjoyed that another person actually uses this editor

Lawlz, yes. Emacs even
Lawlz, yes. Emacs even makes coffee for you. Maybe Gary can tell us the key combination for that one.
In addition, the link at the top left (return to home link) is supposed to have text-decoration of none and underline on hover but in IE it underlines the link in normal state.
Both the name link (in the h1) and the link called .first are underlined by default in my browser as well (FF3). I see somewhere a background: none (make that background: transparent; or background-color: transparent) but I don't see text-decoration: none in that #header ul a... did I miss it? I do see the text-decoration: underline on the :hover. Don't forget :focus everywhere you have :hover-- let keyboarders and the mouseless know where they are too.
I wouldn't have an h4 without any content under it, and I wouldn't do H1, h4, h2 order. I think that h4 isn't a header at all, though it is a sort of title and it is important text.
Quote:Emacs even makes
Emacs even makes coffee for you. Maybe Gary can tell us the key combination for that one.
erm CTRL+ALT+BREAK+C+1+S+B
Pressing all the keys at the
Pressing all the keys at the same time, may feel a bit like finger twister!
Ah, it's nice to see that
Ah, it's nice to see that someone else has chosen to use a grown-up's editor, rather than all those toys.
Tsk, tsk, tsk. Hugo, you still haven't learned to use Emacs? The command is M-x brew [enter] I think that's covered in the getting started tutorial.
I had to quit using Emacs to control the coffee maker. It wasn't Emacs's fault; that net aware coffee maker just didn't brew the coffee to my standards. Besides, the whole process of weighing the beans, grinding them, and bringing the water to a boil for brewing is a relaxing part of the break.
cheers,
gary
Thanks for all the help
Thanks especially for the tip on :focus. I'm still puzzled about the I.E. no #wrapper background display. I'll keep fooling around with it. I'm surprised to see so many people puzzled that emacs is still being used....not going to start the endless emacs vs. vi war but these editors seriously improve productivity!!!
Also, the background does not display on IE8. Whatever, I'm just going to have to get down and dirty with this one.
cheers,
Ryan
ryankaskel wrote:I'm still
I'm still puzzled about the I.E. no #wrapper background display.
Not tested.
What happens when you remove
I'm surprised to see so many people puzzled that emacs is still being used....not going to start the endless emacs vs. vi war but these editors seriously improve productivity!!!
Emacs and Vi just aren't pretty enough for these heathens. I've been telling them about the improved productivity for years, but they're just too obdurate. Bah! Savages! :curse:
cheers,
gary
I am not obde obdue that
I am not obde obdue that word :mad: me productivity is fine and inline with British Trade Unions!
Anyhoo all good code editors are able to be worked through keyboard shortcuts and all manner of productivity enhancements; aren't they? :?
Quote:I'm surprised to see
I'm surprised to see so many people puzzled that emacs is still being used....not going to start the endless emacs vs. vi war but these editors seriously improve productivity!!
Unfortunately nowadays the war isn't between emacs and vi... it's between [good editors like vi] and Dreambeaver. Or any of those fancy new graphical editors, like Crimson, Coffeecup, EditPlus...
Emacs and Vi just aren't pretty enough for these heathens. I've been telling them about the improved productivity for years, but they're just too obdurate. Bah! Savages!
Most of us didn't grow up on punchcards and System V, and we don't have beards and sit on mountains. We grew up on Nintendo and GUIs and mice. And we want our MTV!
L0LKTHXBYE wrote: Gary
Emacs and Vi just aren't pretty enough for these heathens. I've been telling them about the improved productivity for years, but they're just too obdurate. Bah! Savages!
Most of us didn't grow up on punchcards and System V, and we don't have beards and sit on mountains. We grew up on Nintendo and GUIs and mice. And we want our MTV!
Rofl Gary you has just been called ancient and outmoded
Quote:What happens when you
What happens when you remove
Indeed this is the source of the problem. I will work on this though I would still love to keep that effect...maybe just replace the form with JavaScript instead of unhiding a div?
Cheers Gary,
Ryan
L0LKTHXBYE wrote: Most of us
Most of us didn't grow up on punchcards and System V, and we don't have beards and sit on mountains. We grew up on Nintendo and GUIs and mice. And we want our MTV!
Wow, I think she just called you a hillbilly lumberjack who sits on his porch with a banjo who thinks slapping his knee is a form of dancing.
No, she was saying in an
No, she was saying in an opaque manner that I am held in high esteem for my vast experience and wide knowledge, and that supplicants regularly make the arduous climb to seek even the least of my advice. She further implied that this younger generation are not worthy of, and cannot fully comprehend the mature tools that are built to enhance one's productivity, having grown up playing only with toys that consist of mostly eye candy, and lacking of substance.
At least that's the way I read it.
cheers,
gary
Actually, yeah, but with a
Actually, yeah, but with a bit of "old crusty" ribbing in there as well : ) Yes, bearded guys sitting on mountains are usually gurus, aren't they?
Though Gary I think you should take the BC Guru and add a Stetson on him, and maybe a large Mexican belt buckle and boots with spurs. You know, make him Texan.
Gary she's calling you a
Gary she's calling you a Cowboy now (not sure if that slur translates outside of England)
round three!
ryan wrote:Indeed this is
Indeed this is the source of the problem. I will work on this though I would still love to keep that effect...maybe just replace the form with JavaScript instead of unhiding a div?
I can't see how something that is display: none can have any effect on a page. It's not being rendered, so how can it influence?
On a form of ours we have a whole hidden fieldset, who should only appear if someone says "yes, there is a younger driver for this vehicle". Initially things were toggled from display: none to display: block.
Now it's
thatfieldset {
normal styles here;
}
Javascript adds the class of "hidden" to it on page load:
thatfieldset.hidden {
position: absolute; (takes it out of the document flow)
left: -bazillion units; (off-screen while still on-page for screen readers etc)
}
the class of hidden gets removed again via Javascript when someone chooses "yes" from the dropdown in the fieldset above it.
At least, we had a working version of this. For some reason (hmmmm) whenever my colleague fixes a bug somewhere, old bugs and old changes come back, so it is back to display: none and block on online forms I think. Then he can't remember ever having it another way until the boss says something. The cause of my hair loss.
But the method above is certainly pretty safe. Those with no JS get all the content. Those with it, as soon as the script loads, have stuff hidden from them until their actions call it back onscreen. Only issue might be, before the page is fully loaded, hidden content will show. Oh well.



