27 replies [Last post]
ClevaTreva
ClevaTreva's picture
Offline
Guru
A hilly place, UK
Last seen: 1 year 2 weeks ago
A hilly place, UK
Joined: 2004-02-05
Posts: 2902
Points: 0

Hi

The link:

Clevatreva's New Site

Been away a few weeks coz my broadband conenction is a bit flaky (which means I can't always log in). Anyway, this is posted from work (looks over shoulder ... good, no boss!).

I've used the time to start work on a new version of my Pagemaker Tool and build my website from scratch. Right now, I'm reasonably happy with the Home Page, which I have used to throw in bits from other pages to get the look and feel of the various parts of the page (none of the links work!).

Does the color scheme work?

How does it look at other than 1024x768 and 800x600?

How does it work on Mac browsers? (Not bothered if it breaks in IE Mac, as long as it is readable, ish.)

It *should work in latest versions of FF, Opera and IE, and even back to IE5 PC (ish, but I'm not too bothered about IE 5.x as long as it is readable). It *should* work in all but ancient versions of Gecko based browsers.

I think I allowed for font sizing up or down (can look a bit small) by 2 sizes only each way.

Text only should look Ok, albeit the bits are in odd places (the header at the end).

All feedback welcome! Laughing out loud

Trevor

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

SiteUnderConstruction.net needs a look n feel check

Hi

The site looks exactly the same on FF, Opera and Safari on the mac - in fact with the blue scrollbars it adds to the colour scheme!

Only thing I've found is that on IE6 when the font is scaled up to Largest the "Latest Articles" and "CSS Techniques" sections are bumped down below the main text area.

Personal preference here but I'd bung in a bit more left/right padding on the main text area.

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

ClevaTreva
ClevaTreva's picture
Offline
Guru
A hilly place, UK
Last seen: 1 year 2 weeks ago
A hilly place, UK
Joined: 2004-02-05
Posts: 2902
Points: 0

SiteUnderConstruction.net needs a look n feel check

Hi

HellsBells wrote:
Only thing I've found is that on IE6 when the font is scaled up to Largest the "Latest Articles" and "CSS Techniques" sections are bumped down below the main text area.

Fixed.

Quote:
Personal preference here but I'd bung in a bit more left/right padding on the main text area.

I agree. Done

Thanks.

Trevor

Anonymous
Anonymous's picture
Guru

SiteUnderConstruction.net needs a look n feel check

If anyone says anything negative, I'll personally bite them! :twisted:

That's how much I like it. Smile

n8gz4ez
n8gz4ez's picture
Offline
Leader
Last seen: 10 years 42 weeks ago
Timezone: GMT-6
Joined: 2005-06-13
Posts: 802
Points: 0

SiteUnderConstruction.net needs a look n feel check

<a href="#" title="AQA A-Level & CCEA/ICAA GCSE ICT project guidance"> Laughing out loud

Edit: I dig your URL name.

This is my big chance . . . yep, I blew it . . .

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

SiteUnderConstruction.net needs a look n feel check

Triumph wrote:
If anyone says anything negative, I'll personally bite them! :twisted:

That's how much I like it. Smile

Oooh flirting!

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

ClevaTreva
ClevaTreva's picture
Offline
Guru
A hilly place, UK
Last seen: 1 year 2 weeks ago
A hilly place, UK
Joined: 2004-02-05
Posts: 2902
Points: 0

SiteUnderConstruction.net needs a look n feel check

Hi

n8gz4ez wrote:
<a href="#" title="AQA A-Level & CCEA/ICAA GCSE ICT project guidance"> Laughing out loud

Do I need to use &amp; inside the quotes? I knew they were necessary inside the html. Is that what you mean I need to do?

Quote:
Edit: I dig your URL name.

A joke on my part! If we can't laugh at ourselves, who can we laugh at?

Trevor

ClevaTreva
ClevaTreva's picture
Offline
Guru
A hilly place, UK
Last seen: 1 year 2 weeks ago
A hilly place, UK
Joined: 2004-02-05
Posts: 2902
Points: 0

SiteUnderConstruction.net needs a look n feel check

Triumph wrote:
If anyone says anything negative, I'll personally bite them! :twisted:

That's how much I like it. Smile

Laughing out loud Laughing out loud Laughing out loud Laughing out loud Laughing out loud

Aw shucks, I be only a noob (NOT). :oops: :oops: :oops:

Trevor

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

SiteUnderConstruction.net needs a look n feel check

Neat site, great name.

Of course you considered a logo laid out like

CONSTRUCTION

    SITE

and discarded it Laughing out loud

ClevaTreva
ClevaTreva's picture
Offline
Guru
A hilly place, UK
Last seen: 1 year 2 weeks ago
A hilly place, UK
Joined: 2004-02-05
Posts: 2902
Points: 0

SiteUnderConstruction.net needs a look n feel check

Chris..S wrote:
Neat site, great name.

Of course you considered a logo laid out like

CONSTRUCTION

    SITE

and discarded it Laughing out loud

Yeh.

I DID think about making the logo a flash file and having the building blocks fly in from all over, the word 'site' slide in from the left, the word 'under' from the bottom and the word 'construction' as a pile of letters that jump up and form the word. But, nah, too naff.

Trevor

ABCruz
ABCruz's picture
Offline
Enthusiast
Pilipinas
Last seen: 5 years 28 weeks ago
Pilipinas
Timezone: GMT+8
Joined: 2005-06-16
Posts: 279
Points: 0

SiteUnderConstruction.net needs a look n feel check

Hello Trevor. I just saw one unescaped ampersand in line 93.

Anyway, as to your original questions: I think the color scheme is alright, as well as the general layout of the page. But after two text-size increases, the links in the left part get clipped. I also viewed it under 800x600 and 1024x768 and the page looks fine in both resolutions (Firefox/WinXP).

I really like that "site under construction" graphic/domain! Hehehe, nice. Very cleva Treva... Laughing out loud

Cheers!

I am a Man of Truth.
I am a Free Human Person.
I am a Peacemaker.

http://www.abcruz.com

ClevaTreva
ClevaTreva's picture
Offline
Guru
A hilly place, UK
Last seen: 1 year 2 weeks ago
A hilly place, UK
Joined: 2004-02-05
Posts: 2902
Points: 0

SiteUnderConstruction.net needs a look n feel check

ABCruz wrote:
Hello Trevor. I just saw one unescaped ampersand in line 93.

Yeh, I put it in as &amp; now, thanx.

Quote:
But after two text-size increases, the links in the left part get clipped.

Yeh, not much I can do about that. At least it is still readable, ish

Trevor

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

SiteUnderConstruction.net needs a look n feel check

To avoid that problem, at least the vertical clipping, try setting your height & line-height by ems.

ClevaTreva
ClevaTreva's picture
Offline
Guru
A hilly place, UK
Last seen: 1 year 2 weeks ago
A hilly place, UK
Joined: 2004-02-05
Posts: 2902
Points: 0

SiteUnderConstruction.net needs a look n feel check

Chris..S wrote:
To avoid that problem, at least the vertical clipping, try setting your height & line-height by ems.

Hi

The only problem with that is the background image is being changed using sliding doors, which needs pixel sizes to work.

I shall be adding a java style sheet switcher to offer font-sizing.

Such is life.

Trevor

ClevaTreva
ClevaTreva's picture
Offline
Guru
A hilly place, UK
Last seen: 1 year 2 weeks ago
A hilly place, UK
Joined: 2004-02-05
Posts: 2902
Points: 0

SiteUnderConstruction.net needs a look n feel check

ClevaTreva wrote:
I shall be adding a java style sheet switcher to offer font-sizing.

Hi folks, I've added the javascript. It needs cookies enabled for the site too (if you have them disabled by default for all sites, you can allow just this site to set them). The cookie does NOT track your visits, just stores your preferred font-size.

Obviously, it needs Javascript enabled.

The default size is extra small.

I also added a text-only version (the text is slightly different for obvious reasons of its reference to page design, which isn't there on the text-only version, doh!).

Can you check it looks OK and doesn't break?

Trevor

Anonymous
Anonymous's picture
Guru

SiteUnderConstruction.net needs a look n feel check

ClevaTreva wrote:
ClevaTreva wrote:
I shall be adding a java style sheet switcher to offer font-sizing.

Hi folks, I've added the javascript.So, which is it? Java or javascript? Tongue

Wink

I disable java on all browsers. Java is dead (hopefully).

thepineapplehead
thepineapplehead's picture
Offline
Guru
Last seen: 1 year 13 weeks ago
Timezone: GMT+1
Joined: 2004-06-30
Posts: 9668
Points: 801

SiteUnderConstruction.net needs a look n feel check

I disable Java too. First thing I do with a new browser.

Verschwindende wrote:
  • CSS doesn't make pies

ClevaTreva
ClevaTreva's picture
Offline
Guru
A hilly place, UK
Last seen: 1 year 2 weeks ago
A hilly place, UK
Joined: 2004-02-05
Posts: 2902
Points: 0

SiteUnderConstruction.net needs a look n feel check

Triumph wrote:
ClevaTreva wrote:
ClevaTreva wrote:
I shall be adding a java style sheet switcher to offer font-sizing.

Hi folks, I've added the javascript.So, which is it? Java or javascript? Tongue

Wink

I disable java on all browsers. Java is dead (hopefully).

What it is is me bein lazy.

Of COUSRE I MEANT javascript.

Does ANYBODY have java enabled when browsing?

As to whether it is dead, who can tell?

Trevor

Anonymous
Anonymous's picture
Guru

SiteUnderConstruction.net needs a look n feel check

ClevaTreva wrote:
What it is is me bein lazy.

Of COUSRE I MEANT javascript.

Does ANYBODY have java enabled when browsing?

As to whether it is dead, who can tell?Laughing out loud

Just messing around.

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

SiteUnderConstruction.net needs a look n feel check

Triumph wrote:
Java is dead (hopefully).

Not at all, but why would you want it to be?

e.g. Azureus (bit torrent client), Confluence (wiki) are java apps. I am sure there are loads of others about.

ClevaTreva
ClevaTreva's picture
Offline
Guru
A hilly place, UK
Last seen: 1 year 2 weeks ago
A hilly place, UK
Joined: 2004-02-05
Posts: 2902
Points: 0

SiteUnderConstruction.net needs a look n feel check

Chris..S wrote:
Triumph wrote:
Java is dead (hopefully).

Not at all, but why would you want it to be?

e.g. Azureus (bit torrent client), Confluence (wiki) are java apps. I am sure there are loads of others about.

HI Chris

I use an app called myspeed to bash my ISP over the head about my broadband speed. The problem is my firewall. If I give myspeed permanent permission to access the internet, ALL java apps get that permission.

Granted, it makes x-OS apps possible (like Arachnophilia, the editor), but it does have its issues. I have never got it working properly on any of the 3 AMD powered PC's I have, but it works on both the Intel based ones. Reading various forum posts, it seems I am not alone in this, yet others don't have it.

PLUS, it is a massive app as far as using resources are concerned.

Trevor

evilsatan
Offline
newbie
Last seen: 11 years 32 weeks ago
Timezone: GMT-6
Joined: 2006-02-09
Posts: 5
Points: 0

Back to the point

Site looks good, but it does not render correctly in Konquerer 3.5. There's a big chunk of the medium blue (like in the right sidebar) at the bottom of the main text section, right above the footer. It doesn't obscure any text, but it is there and doesn't look good.

I love the color scheme. I'm using a similar one of my own personal website.

Anonymous
Anonymous's picture
Guru

SiteUnderConstruction.net needs a look n feel check

Chris..S wrote:
Triumph wrote:
Java is dead (hopefully).

Not at all, but why would you want it to be?

e.g. Azureus (bit torrent client), Confluence (wiki) are java apps. I am sure there are loads of others about.I'm sorry, I meant java applets embedded into web pages is dead (at least I hope it is). Smile

ClevaTreva
ClevaTreva's picture
Offline
Guru
A hilly place, UK
Last seen: 1 year 2 weeks ago
A hilly place, UK
Joined: 2004-02-05
Posts: 2902
Points: 0

Re: Back to the point

evilsatan wrote:
... but it does not render correctly in Konquerer 3.5. There's a big chunk of the medium blue (like in the right sidebar) at the bottom of the main text section, right above the footer. It doesn't obscure any text, but it is there and doesn't look good.

Hi

Are you able to provide a screenshot so I can guess what is wrong?

Just thinking about it, the sidebar color is actually the whole central section colour, but the center div itself is over this. That must mean that the div containing this is not rendering to full height.

The offending div is outer, if you look in the css, you will see the color there.

Are you are to do a screenshot and measure the actual pixel height of the block. Does it appear above the shaded base?

Any help you can give would be much appreciated. As you will gues, it looks OK in the other browsers.

Trevor

evilsatan
Offline
newbie
Last seen: 11 years 32 weeks ago
Timezone: GMT-6
Joined: 2006-02-09
Posts: 5
Points: 0

SiteUnderConstruction.net needs a look n feel check

I've attached a jpeg with the offending section shown.

ClevaTreva
ClevaTreva's picture
Offline
Guru
A hilly place, UK
Last seen: 1 year 2 weeks ago
A hilly place, UK
Joined: 2004-02-05
Posts: 2902
Points: 0

SiteUnderConstruction.net needs a look n feel check

Hi

Thanks for the pic.

If, as I suspect it is, the bar is about 82-85 px high and full content width, the left side is over the background shady bit, which means it is appearing either over the top of (not likely) or after the outer div.

It also shows the shady bit on the right, meaning it is inside the wrapper div.

The only thing between these two is the floatcontainer class added to the outer div, which has visibility set to hidden. As it is transparent, it would show through the background from wrapper, which is the sidebar color. But it shouldn't have any height, but obviously has!

I'll try adding line-height:0px and overflow:hidden as well.

So, anyway, I've done that to the css. Did it make any difference?

Trevor

evilsatan
Offline
newbie
Last seen: 11 years 32 weeks ago
Timezone: GMT-6
Joined: 2006-02-09
Posts: 5
Points: 0

SiteUnderConstruction.net needs a look n feel check

It's still there.

I did notice that the problem goes away when you resize the window to make it shorter. So I'm thinking the problem lies in one of the styles in the bottom of you page. I'll try to take a closer look at it and try to diagnose it when I get a day off work. Just PM me to remind me to do so and I'll post any results on this thread.

ClevaTreva
ClevaTreva's picture
Offline
Guru
A hilly place, UK
Last seen: 1 year 2 weeks ago
A hilly place, UK
Joined: 2004-02-05
Posts: 2902
Points: 0

SiteUnderConstruction.net needs a look n feel check

Hi

I think the problem is to do with the text only link, as I can see similar behaviour in Opera, but the extar block is only 12px high and has no background. I'm working on a solution and will post when I have it fixed (at least for Opera).

Trevor