11 replies [Last post]
webJ
webJ's picture
Offline
newbie
deep in the Wiltshire countryside
Last seen: 16 years 32 weeks ago
deep in the Wiltshire countryside
Joined: 2005-10-11
Posts: 3
Points: 0

Hi folks

My website http://www.webj.co.uk is up there for the world to see. I'm new to this and would really value any comments - good, bad or different.

My first website http://www.aoart.co.uk is an online gallery so if you've got time to visit any feedback on this site also appreciated.

thanks in advance ...

I've haven't been able to test on a Mac ....

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

New website - feedback much appreciated!

The colour of your stylesheet switching links for the urban theme is such that you can't see them until you roll over them. I only knew they were there cos of the / between them.

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

webJ
webJ's picture
Offline
newbie
deep in the Wiltshire countryside
Last seen: 16 years 32 weeks ago
deep in the Wiltshire countryside
Joined: 2005-10-11
Posts: 3
Points: 0

the invisible links

mmmm .... am mystified by this - I had no idea this was happening as they are visible to me (in IE6, FF, NS and Opera) - same turquoise as the side links and headings on the 'urban' style page.

I've checked with a neighbour (on IE6) and she can't see the links either.

thanks Tyssen

wolfcry911
wolfcry911's picture
Offline
Guru
MA, USA
Last seen: 8 years 12 weeks ago
MA, USA
Timezone: GMT-5
Joined: 2004-09-01
Posts: 3224
Points: 237

New website - feedback much appreciated!

The problem, WebJ, is that the links are positioned absolutely - with the body as the reference point. This is causing the switch links to be place in the aqua background on larger screen sizes, and hence, invisible. Just add position: relative to the #container and you'll create a new context for the ap.

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

New website - feedback much appreciated!

I owuld also consider changing the background of the rural style. It gave me a headache, creates a nasty optical illusion of black dots flashing all over the screen and make it impossible to concentrate on reading the text.

I have a large screen which means that there is a lot of this background to see. I am guessing from the problem with your absolute styleswitching link that you are viewing on a much smaller screen with less of this pattern to distract you.

also just to be extra petty about markup - you have in your footer

<span class="bold">J</span>

Any reason not to use

<em>J</em>

webJ
webJ's picture
Offline
newbie
deep in the Wiltshire countryside
Last seen: 16 years 32 weeks ago
deep in the Wiltshire countryside
Joined: 2005-10-11
Posts: 3
Points: 0

New website - feedback much appreciated!

I've changed the positioning Wolfcry - hope that's fixed it. I can see that in future I need to test on a larger screen.

After your comments briski I am going to re-think the background of the 'rural' style - last thing I want is to give anyone a headache. You are right - I hadn't considered those viewing on larger screens.

Thanks to both for your input.

ragamuffin
ragamuffin's picture
Offline
Leader
Iowa
Last seen: 13 years 10 weeks ago
Iowa
Joined: 2005-06-02
Posts: 691
Points: 0

New website - feedback much appreciated!

Quote:
After your comments briski I am going to re-think the background of the 'rural' style - last thing I want is to give anyone a headache. You are right - I hadn't considered those viewing on larger screens.

Very wise decision. Laughing out loud ...the rural background was distracting and painful. A solid color like 'urban' would be my suggestion to keep consistency.

Everything else looked good.

- r

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

New website - feedback much appreciated!

Web J has a horizontal bar that doesn't go anywhere. Try:

#switch { 
float: right; 
	bottom: 20px; 
	left: 575px;	 
	font-size: 0.70em;  
}


I think there should be some sort of division between the different sections. Your <h1> and <h2> tags seem to be sort of just stranded, mainly because their colors tie to the menu.

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

Anonymous
Anonymous's picture
Guru

New website - feedback much appreciated!

Definitely not enough contrast between text and background.

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

New website - feedback much appreciated!

After looking at AOart, I am not digging the tables. Mostly, how the header and footer stick to the left, and the middle content expands alone when resizing the browser.

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

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

New website - feedback much appreciated!

n8gz4ez wrote:
Web J has a horizontal bar that doesn't go anywhere. Try:

#switch { 
float: right; 
	bottom: 20px; 
	left: 575px;	 
	font-size: 0.70em;  
}


You won't need left: 575px which is probably causing the problem (or bottom: 20px) if you're floating it right. Instead, you'll probably need some right margin or padding to push it away from the edge of your container.

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

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

New website - feedback much appreciated!

So to make it look better:

 #switch {
   float: right; 
   font-size: 0.70em; 
   margin: 5px;
}

Smile

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