16 replies [Last post]
ryankaskel
Offline
newbie
Boston
Last seen: 10 years 25 weeks ago
Boston
Joined: 2009-06-16
Posts: 3
Points: 0

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

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 4 years 48 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

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 Smile Tongue

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

L0LKTHXBYE
L0LKTHXBYE's picture
Offline
Enthusiast
Nederland
Last seen: 10 years 15 weeks ago
Nederland
Timezone: GMT+2
Joined: 2009-06-11
Posts: 98
Points: 0

Lawlz, yes. Emacs even

Lawlz, yes. Emacs even makes coffee for you. Maybe Gary can tell us the key combination for that one.

Quote:

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.

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 4 years 48 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

Quote:Emacs even makes

Quote:

Emacs even makes coffee for you. Maybe Gary can tell us the key combination for that one.

Laughing out loud

erm CTRL+ALT+BREAK+C+1+S+B

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

CupidsToejam
CupidsToejam's picture
Offline
Guru
Florida
Last seen: 4 years 13 weeks ago
Florida
Timezone: GMT-4
Joined: 2008-08-15
Posts: 2637
Points: 1556

Pressing all the keys at the

Pressing all the keys at the same time, may feel a bit like finger twister!

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 7 hours 41 min ago
Dallas
Timezone: GMT-6
Joined: 2004-06-25
Posts: 9745
Points: 3824

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

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

ryankaskel
Offline
newbie
Boston
Last seen: 10 years 25 weeks ago
Boston
Joined: 2009-06-16
Posts: 3
Points: 0

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

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 7 hours 41 min ago
Dallas
Timezone: GMT-6
Joined: 2004-06-25
Posts: 9745
Points: 3824

ryankaskel wrote:I'm still

ryankaskel wrote:

I'm still puzzled about the I.E. no #wrapper background display.

Not tested.

What happens when you remove

Quote:

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

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 4 years 48 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

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? :?

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

L0LKTHXBYE
L0LKTHXBYE's picture
Offline
Enthusiast
Nederland
Last seen: 10 years 15 weeks ago
Nederland
Timezone: GMT+2
Joined: 2009-06-11
Posts: 98
Points: 0

Quote:I'm surprised to see

Quote:

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...

Gary wrote:

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!

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 4 years 48 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

L0LKTHXBYE wrote: Gary

L0LKTHXBYE wrote:

Gary wrote:

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

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

ryankaskel
Offline
newbie
Boston
Last seen: 10 years 25 weeks ago
Boston
Joined: 2009-06-16
Posts: 3
Points: 0

Quote:What happens when you

Quote:

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

CupidsToejam
CupidsToejam's picture
Offline
Guru
Florida
Last seen: 4 years 13 weeks ago
Florida
Timezone: GMT-4
Joined: 2008-08-15
Posts: 2637
Points: 1556

L0LKTHXBYE wrote: Most of us

L0LKTHXBYE wrote:

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.

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 7 hours 41 min ago
Dallas
Timezone: GMT-6
Joined: 2004-06-25
Posts: 9745
Points: 3824

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

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

L0LKTHXBYE
L0LKTHXBYE's picture
Offline
Enthusiast
Nederland
Last seen: 10 years 15 weeks ago
Nederland
Timezone: GMT+2
Joined: 2009-06-11
Posts: 98
Points: 0

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.

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 4 years 48 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

Gary she's calling you a

Shock Gary she's calling you a Cowboy now (not sure if that slur translates outside of England)

round three!

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

L0LKTHXBYE
L0LKTHXBYE's picture
Offline
Enthusiast
Nederland
Last seen: 10 years 15 weeks ago
Nederland
Timezone: GMT+2
Joined: 2009-06-11
Posts: 98
Points: 0

ryan wrote:Indeed this is

ryan wrote:

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.