18 replies [Last post]
pandinus
Offline
Regular
Last seen: 13 years 7 weeks ago
Joined: 2005-07-13
Posts: 18
Points: 0

Hi guys,

This was one of my first 100% CSS pages I did. I came across several difficulties, one was the menubar, which solved in like 15 minutes, a little harder was the footer (aka languagebar) which is placed at the bottom of the viewport every time the page loads. The problem I encountered here was that the bar was placed incorrectly if the page hadn't fully loaded before placing the bar, especially pages with lots of images. This problem got fixed by setting the 'height' attribute in the image tag.
I am however a bit bummed that this page won't validate as XHTML1.0 because I have links in it like '<a href="page.php?s=4&l=en">'.

Well, hope you liked what I did with it and maybe you can use it for your future projects.

gr. Dennis

[edit]
The link of course, hehehe Smile.
Here it is! http://www.debontekoning.com/bbh
[/edit]

Chris..S
Chris..S's picture
Offline
Moderator
Last seen: 7 years 11 weeks ago
Timezone: GMT+1
Joined: 2005-02-22
Posts: 6078
Points: 173

Re: A bamboo page I did

A link to the page may help Wink

pandinus wrote:
I am however a bit bummed that this page won't validate as XHTML1.0 because I have links in it like '<a href="page.php?s=4&l=en">'

replace the "&" with "&amp;" and it will validate - at least the "&" will no longer be causing the problems.

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

A bamboo page I did

The flags=language icons should probably be avoided, or at least have more than a tooltip for info. What flag is that for English? Usually you see the British Union Jack or a U.S. flag to indicate English language.

A clean design awaiting content.

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.

Lorraine
Lorraine's picture
Offline
Elder
UK
Last seen: 13 years 16 weeks ago
UK
Timezone: GMT+1
Joined: 2005-01-04
Posts: 1001
Points: 0

A bamboo page I did

kk5st wrote:
What flag is that for English? Usually you see the British Union Jack or a U.S. flag to indicate English language.

That, sir, is the flag of good Saint George of England. The British flag is called the Union Flag (not Jack, puhlease) and words fail me on the third point :roll:

HellsBells
HellsBells's picture
Offline
Leader
Bedford, UK
Last seen: 11 years 31 weeks ago
Bedford, UK
Joined: 2004-04-07
Posts: 851
Points: 0

A bamboo page I did

Lorraine wrote:

That, sir, is the flag of good Saint George of England. The British flag is called the Union Flag (not Jack, puhlease) and words fail me on the third point :roll:

Laughing out loud Glad it's not just me that rants about the Union Flag/Union Jack thing. People can't even get the flag the right way up!

Anyway - sorry, I'm easily distracted: The site's taking 15 seconds to download according to http://www.websiteoptimization.com/services/analyze/ without any content in there - I think it's mainly the bamboo header image - so you might want to optimise that a bit.

My strategy is so simple an idiot could have devised it!

"Also, your CSS (no offence) makes me want to gouge my eyes out with a rusty spoon" - TPH

briski
briski's picture
Offline
Elder
London
Last seen: 7 years 25 weeks ago
London
Timezone: GMT+1
Joined: 2004-02-16
Posts: 1066
Points: 0

A bamboo page I did

No, not just you Wink

But yeah The George cross thing will confuse most people (and insult some more no doubt).

Other than that you could shave a bit of size from your CSS by no re-declaring things, using come short hand and the like.

Also you should have some alt text for that header image if you keep it in the HTML

roytheboy
roytheboy's picture
Offline
Guru
North Wales, UK
Last seen: 6 years 19 weeks ago
North Wales, UK
Timezone: GMT+1
Joined: 2004-09-18
Posts: 2233
Points: 41

A bamboo page I did

HellsBells wrote:
Lorraine wrote:
The British flag is called the Union Flag (not Jack, puhlease)

Laughing out loud Glad it's not just me that rants about the Union Flag/Union Jack thing.

Well you're both wrong I'm afraid.

The Flag Institute says this about the Union Jack:

It is often stated that the Union Flag should only be described as the Union Jack when flown in the bows of a warship, but this is a relatively recent idea. From early in its life the Admiralty itself frequently referred to the flag as the Union Jack, whatever its use, and in 1902 an Admiralty Circular announced that Their Lordships had decided that either name could be used officially. Such use was given Parliamentary approval in 1908 when it was stated that "the Union Jack should be regarded as the National flag".

If you want further opinion, check out the Oxford English Dictionary :roll: Wink [what a shame there isn't an emoticon for 'smug git'.]

Life's a b*tch and then you die!

Lorraine
Lorraine's picture
Offline
Elder
UK
Last seen: 13 years 16 weeks ago
UK
Timezone: GMT+1
Joined: 2005-01-04
Posts: 1001
Points: 0

A bamboo page I did

Roy
Not another subject in which you are an expert surely :?:
However, in my own selective google, I choose to offer this link:
http://www.royal.gov.uk/output/page398.asp
because Jack is mentioned once and from then on it's Flag.

HellsBells wrote:
People can't even get the flag the right way up!

Can't really blame them - have you seen the explanation in that link of how to fly the flag correctly? Why not say the white diagonals are of unequal width/thickness. The thickest part must be uppermost where the flag joins the flagstaff - and no - it doesn't work if you upend the flag, think about it and let's get back to business.

roytheboy
roytheboy's picture
Offline
Guru
North Wales, UK
Last seen: 6 years 19 weeks ago
North Wales, UK
Timezone: GMT+1
Joined: 2004-09-18
Posts: 2233
Points: 41

A bamboo page I did

Lorraine wrote:
Roy
Not another subject in which you are an expert surely :?:

Last year I produced a brochure with a Union Flag (either name is correct) on the front cover. Like many on this forum, I try to do everything as correctly as I can, and came across this point of reference > http://www.jdawiseman.com/papers/union-jack/union-jack.html Whilst working from this page I read and noted the language usage reference. So no, I'm not an expert in flags, but what do you mean by 'not another subject'? ...I don't profess to be an expert in anything that I discuss on this forum - do I? [what a shame there isn't an emoticon for 'suddenly embarrassed that one might have come across as too strongly opinionated on some matter or other']

pandinus - I like the design concept. My only comment is that the name of the site/blog/whatever is not very clear. Try giving the logotype a keyline and drop-shadow or something.

Life's a b*tch and then you die!

Lorraine
Lorraine's picture
Offline
Elder
UK
Last seen: 13 years 16 weeks ago
UK
Timezone: GMT+1
Joined: 2005-01-04
Posts: 1001
Points: 0

A bamboo page I did

Again chosen selectively and, likewise, not at all objectively from Roy's latest link.

Quote:
However, the Royal Navy disagrees:

The national flag of the United Kingdom is worn as a Jack at the bow by all HM ships in commission when alongside or when ‘dressed overall’. This is the only occasion when it is correctly called the Union Jack, although it is generally known by this name through common usage. It is also flown during Courts Martial and is the Distinguishing Flag of an Admiral of the Fleet.
As you have said before (on this forum) you were in the military, so was I. My indoctrination into the correct "mon*spam*r" for this particular icon of our country, came from many years marriage to a Royal Navy man and the considerable time I spent in the Royal Naval Reserve when I left the Army - got a pretty medal to prove it. Strange how the eye is drawn to words that best fit one's own views. Wink

And, thereby, I rest my case Laughing out loud

pandinus
Offline
Regular
Last seen: 13 years 7 weeks ago
Joined: 2005-07-13
Posts: 18
Points: 0

A bamboo page I did

Alright guys, I'll try to find that blue flag with the white and red cross in it instead of this (easy to make) one I'm using right now Smile.

And thanks for the comments on the css, I will get into it and try to remove some unneeded lines.

And for the text in the header, I was thinking the same about the poor visibility of the text, but the guy who I'm making this site for likes it like this...

roytheboy
roytheboy's picture
Offline
Guru
North Wales, UK
Last seen: 6 years 19 weeks ago
North Wales, UK
Timezone: GMT+1
Joined: 2004-09-18
Posts: 2233
Points: 41

A bamboo page I did

pandinus - the client is always right, even when they're wrong, but have you showed him/her two versions backed up by the opinions of others? It helps Wink

Lorraine - what do the Navy know :roll: Seriously though, the English Language is of course a living language that is shaped by common useage. If the usage is common enough to be recognised by the OED then that is that: it's official as far as I'm concerned. Who cares what the Navy think Laughing out loud

Life's a b*tch and then you die!

Lorraine
Lorraine's picture
Offline
Elder
UK
Last seen: 13 years 16 weeks ago
UK
Timezone: GMT+1
Joined: 2005-01-04
Posts: 1001
Points: 0

A bamboo page I did

pandinus, you are a star O:) So sorry to have hijacked your topic. Keep coming back, would really love to see the site as it progresses.

I refer the honourable member (guru) to the reply I gave earlier. Wink

BTW it is the Royal Navy but merely the British Army and, of course, you know that many of us are commemorating the 200th anniversary year of a battle conducted and won by the greatest guru of all, in his particular field of expertise, that is - oh h3ll - here we go again :roll:

roytheboy
roytheboy's picture
Offline
Guru
North Wales, UK
Last seen: 6 years 19 weeks ago
North Wales, UK
Timezone: GMT+1
Joined: 2004-09-18
Posts: 2233
Points: 41

A bamboo page I did

Lorraine wrote:
BTW it is the Royal Navy but merely the British Army

Pongo officers stay at home and send the erks to war. Matlow officers go with their erks to war. But only in the RAF do the erks stay at home and send the officers to war Cool

Yes, yes, I know: let's stop it there as this is a CSS forum :roll: Laughing out loud

Life's a b*tch and then you die!

Lorraine
Lorraine's picture
Offline
Elder
UK
Last seen: 13 years 16 weeks ago
UK
Timezone: GMT+1
Joined: 2005-01-04
Posts: 1001
Points: 0

A bamboo page I did

Happy to let you have the last (totally incorrect and abysmally um... service-ist) word if that gives you pleasure. Laughing out loud

Tisnew
Tisnew's picture
Offline
Enthusiast
MissOuri
Last seen: 14 years 27 weeks ago
MissOuri
Timezone: GMT-6
Joined: 2005-06-04
Posts: 200
Points: 0

A bamboo page I did

An odd diversion.

It seems Lorraine's reference must be to The Battle of Trafalgar 1805, where the British "Viscount Horatio Nelson was shot and died of his wounds at the moment of his greatest victory".

http://www.royal-navy.mod.uk/static/pages/3534.html

At the same time, an objective observer finds a British Army culture that seems to relish its "ownership" by Royalty, as evidenced by this and several other poems in the same vein:

"I'm a soldier in the Queen's Army,
I'm a galloping Queen's Hussar"

http://www.qrh.org.uk/regimentalmusic.htm

A crust eaten in peace is better than a banquet partaken in anxiety --- Aesop

Lorraine
Lorraine's picture
Offline
Elder
UK
Last seen: 13 years 16 weeks ago
UK
Timezone: GMT+1
Joined: 2005-01-04
Posts: 1001
Points: 0

A bamboo page I did

Tisnew
You have restored my faith in the United States of America. I am obliged to you, sir. Congratulations on your googling skills. Is there a need for a new forum topic I wonder? How do you... Google ?

Of course, I am only picking out of your comments those with which I agree, because I once collaborated in a biology of the venerated Visount Lord Horation Nelson of Bronte (and all points of the compass). Yeah - he of blessed memory. But I don't think I am alone in my subjectivity Wink

Lorraine
Lorraine's picture
Offline
Elder
UK
Last seen: 13 years 16 weeks ago
UK
Timezone: GMT+1
Joined: 2005-01-04
Posts: 1001
Points: 0

A bamboo page I did

Did I say biology up there? - yes I did. Forgive my Freudian slip because he was also a bit of a lad as well Laughing out loud

Tisnew
Tisnew's picture
Offline
Enthusiast
MissOuri
Last seen: 14 years 27 weeks ago
MissOuri
Timezone: GMT-6
Joined: 2005-06-04
Posts: 200
Points: 0

A bamboo page I did

A new forum topic is not well-advised. We risk folks getting their knickers all twisted if we stray too far.

But were it not for the Viscount's brilliance, the bulk of us would be speaking Spanish and/or French today. On the other hand, "we" might still have the original White House, burned-down in 1812, had he lost.

I shall now return to coloring Fibonacci spiral curves, turning purple arrows into green arrows and spinning compasses upside-down.

A crust eaten in peace is better than a banquet partaken in anxiety --- Aesop