24 replies [Last post]
Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 7 years 50 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

At the risk of seeming to be jumping on a bandwagon, I've just finished up redesiging my site: http://www.tyssendesign.com.au/

Apart from a new theme/style, I've also added a blog section for news about the site and articles/tutorial-type things on CSS etc.

There's still a few issues with it:

  1. The 'next' & 'previous' buttons in Safari aren't positioned quite right but don't know what the approach is to fix it cos it looks right in every other browser.
  2. Couldn't get the site to load at all in Safari 1.2 but this was on Browsercam so not sure if it's a real problem or not.
  3. Likewise on Browsercam Opera 8.5 (Mac) did something very odd to the 'Writing' page and I'm not sure if it's a real world problem or not.
  4. IE really should have an expression to give it a max-width but using it just seemed to create more problems with the page not reacting at all to the set width and bits of content disappearing. :? Using the same expression does work however on the high visibility style, so it must be something wrong I'm doing.
  5. The front page breaks at 800 x 600 in IE5.01 (not so bad in 5.5) and I'm looking at a JS fix for this which I haven't got right yet.
If anyone can find anything else wrong with it, I'm all ears.

Cheers

[/]

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

Anonymous
Anonymous's picture
Guru

Site redesign

Love the icons. Laughing out loud nice clean design. I like it.

There is a small mis-match of the background color on the logo though. See attachment.

Smile

Anonymous
Anonymous's picture
Guru

Site redesign

Hey, I found the wooden man. Wink

I can't see why Safari is different. Makes no sense to me. Let's call it a bug. Wink

What's an ABN?

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 7 years 50 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

Site redesign

Triumph wrote:
There is a small mis-match of the background color on the logo though. See attachment.

Great thanks. I redid the link images at one stage but forgot to redo the logo.

PS: forgot to mention a thank you to Chris for helping me to sort out my nav links problem in IE. Laughing out loud

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 7 years 50 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

Site redesign

Triumph wrote:
What's an ABN?

Australian Business Number.

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

Anonymous
Anonymous's picture
Guru

Site redesign

Tyssen wrote:
Great thanks. I redid the link images at one stage but forgot to redo the logo.
Good work. Now there's a little bit under the logo (looks like it's only on the home page).

See attachment.

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 7 years 50 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

Site redesign

I just uploaded new images about 2 seconds ago. Laughing out loud

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

Anonymous
Anonymous's picture
Guru

Site redesign

Tyssen wrote:
I just uploaded new images about 2 seconds ago. Laughing out loud
Still has the mismatch on the words under the logo though. Smile

I think it's a separate pic from the logo itself.

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 7 years 50 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

Site redesign

No, the words and the logo are the same image. Are you talking about the red drop shadow? It's supposed to be like that.

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

Anonymous
Anonymous's picture
Guru

Site redesign

Tyssen wrote:
No, the words and the logo are the same image. Are you talking about the red drop shadow? It's supposed to be like that.
Can you see the difference in the background in the second attachment?

The problem is with this pic: /images/front-logo.gif

not this one: /images/inner-logo.gif

Boost your alpha setting up a bit. Maybe that'll help you spot the difference. Smile

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 7 years 50 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

Site redesign

Yeah, my monitor here's pretty ordinary. Had to turn the brightness up to 100 to see it. I think I've finally got it. Thanks for your patience. Smile

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

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

Site redesign

Hey - cool! It's "proper XHTML!! I'm dead jealous! I've been looking into doing that too with my new site - did you have any major problems?

I like the details - the gradient fade on the bottom on the text content area and the corner "fold" thingy.

I'm not sure it matters much but the skip links could do with maybe a couple of pxs padding out from the right hand side - they're really up close to the edge currently.

Also - can you hide your "thanks" page from your sitemap?

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

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

Site redesign

Curious one this :?
The cat got me mouse this morning, so I have to resort to tabbing.
In IE I can't tab into any links below the top nav. Either by selecting the content skip or by trying to tab straight through. Firefox and Opera are OK (ignoring the way Op insists on doing it Crying )

Maybe it hasn't served entirely correctly to IE users? But what do I know about serving xhtml properly? Smile

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 7 years 50 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

Site redesign

Lorraine, I'm not getting that problem in IE. I can tab to any and all links with no problem.

Helena, I did have a few problems getting the content negotiation right to start with but that's because of the way default WP templates are set up which is like this:

<?php
/*
Template Name: X
*/
?>

<?php get_header(); ?>

You can't have any spaces above your XML prologue and it took me ages to work out that the space was actually between the ?> after the template name and the start of the header. :roll:

Thanks for the heads up on the Thanks page too. Wink

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 7 years 50 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

Site redesign

Has anyone experienced a similar tabbing problem to Lorraine in IE cos I'd like to know if it's something I need to see to?

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

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

Site redesign

It seems to work fine for me in IE6, IE5.5 and IE5.

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

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

Site redesign

I had a similar problem with a couple of test pages last night. So I've just tested again on three other computers at work. All those perform as expected on your site, but still not on my home computer. Sadly the problem persists on all four computers on the test pages.

Oh well I did say it was a curious one - must have allowed a stoopid MS auto update on the home PC - must be getting too old for all this - time's come to hang up my mouse and take up knitting.

Ta-ta Tongue

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 7 years 50 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

Site redesign

Glad it's not an issue then (sorry about your home PC Sad ).

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 7 years 50 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

Site redesign

I've just had someone on another forum tell me that my navigation rollovers don't work right in IE6, that the images disappear for up to as much as a second on rollover. Can anyone else confirm whether this is happening or not?

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

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

Site redesign

Can't replicate that on my pc. I even tried with browsercam which is slow (as usual) but nothing disappears.

I have spotted a small problem in IE though - there's a slight offset with the pretty corners and the edge of the boxes (recent projects, recent posts). Maybe it's an IE rounding error?

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

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 7 years 50 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

Site redesign

HellsBells wrote:
there's a slight offset with the pretty corners and the edge of the boxes (recent projects, recent posts).

Do you mean on the home page? Looks OK on mine. Could you do me a screenshot, maybe?
As for the other problem, turns out the person reporting the problem had changed their IE settings from automatic to every visit.

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

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

Site redesign

Hi

Here you go with the screenshot - look where the corner image meets the right side edge of the two boxes.

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

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 7 years 50 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

Site redesign

What size resolution is that because mine doesn't look like that?

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

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

Site redesign

That's at 1280x1024 (browser maximised).

It comes and goes as the window size is changed which makes me think it's a rounding problem.

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

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 7 years 50 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

Site redesign

Well there should really be an expression to set a max-width for IE but I found it was creating more problems than it solved. It doesn't appear at 1024 or 800. Not sure there's much I can do about the ranges in between.

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference