16 replies [Last post]
Barry
Barry's picture
Offline
Regular
Scotland
Last seen: 11 years 45 weeks ago
Scotland
Joined: 2007-01-15
Posts: 46
Points: 0

Hi all
Have a look at my new site - this is a redesign and as a member of this forum i now know when doing a redesign the site should be XHTML strict as the admin pointed out to me before if i am using the XHTML transitional deceleration dn not actually making a transition from anything then it is pointless so this one is strict

www.creative-web-design.co.uk

comments are always welcome

I make websites .. for them... for money .. I LIKE to make websites for me...
For free

Barry
Barry's picture
Offline
Regular
Scotland
Last seen: 11 years 45 weeks ago
Scotland
Joined: 2007-01-15
Posts: 46
Points: 0

oh forgot to say about links

I am not adding this site here so i can get a link to my site as the links in this forum have a nofollow put at the end of the urls so its not an attempt to get a good link Smile

I make websites .. for them... for money .. I LIKE to make websites for me...
For free

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

The content in the sidebar

The content in the sidebar boxes gets a bit out of whack when you resize the text.

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

Barry
Barry's picture
Offline
Regular
Scotland
Last seen: 11 years 45 weeks ago
Scotland
Joined: 2007-01-15
Posts: 46
Points: 0

what to do what to do

yes i know Sad

Is there a way i can make them a fixed size then so when i press that resize thing on my keyvoard the text dosnt resize at all ... ?

I make websites .. for them... for money .. I LIKE to make websites for me...
For free

Triumph (not verified)
Anonymous's picture
Guru

Barry wrote:yes i know Is

Barry wrote:
yes i know Sad

Is there a way i can make them a fixed size then so when i press that resize thing on my keyvoard the text dosnt resize at all ... ?
Not if you want to attempt accessibility. Which brings up this:

Quote:
Having a website designed for your company is only part of the equation. Your website must be fast loading, ready for search engines, accessible to disable people and be attractive and instantly appealing to the visitors.

Shock

Barry
Barry's picture
Offline
Regular
Scotland
Last seen: 11 years 45 weeks ago
Scotland
Joined: 2007-01-15
Posts: 46
Points: 0

good point there

good point... You may be correct with your point there but with IE7 if i use the zoom at the bottom of the browser window it only zooms the page it dosnt resize the actual elements of the page such as text it simply zooms in on the page.

I make websites .. for them... for money .. I LIKE to make websites for me...
For free

Barry
Barry's picture
Offline
Regular
Scotland
Last seen: 11 years 45 weeks ago
Scotland
Joined: 2007-01-15
Posts: 46
Points: 0

forgot to say

I asked for a solution. The text is still accessible as the page style can be removed and the page will be readable and accessible.

I make websites .. for them... for money .. I LIKE to make websites for me...
For free

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

Barry wrote:with IE7 if i

Barry wrote:
with IE7 if i use the zoom at the bottom of the browser window it only zooms the page it dosnt resize the actual elements of the page such as text it simply zooms in on the page.

Only IE7 and Opera zoom pages though; Firefox, Netscape, Safari etc all scale text so if you don't want the page to look broken at different text sizes in different browsers, you need to avoid using fixed height backgrounds and instead make the boxes backgrounds expand in height (ie using a repeating bg-image on the middle section).

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

Barry
Barry's picture
Offline
Regular
Scotland
Last seen: 11 years 45 weeks ago
Scotland
Joined: 2007-01-15
Posts: 46
Points: 0

fixed for now

Fixed it again .. i liked my rounded corners better but you are correct in quoting me above so i will make a compromise and make the menu buttons square and make the resize gracefully

Wink

I make websites .. for them... for money .. I LIKE to make websites for me...
For free

dugal
dugal's picture
Offline
Enthusiast
Last seen: 11 years 11 weeks ago
Joined: 2007-08-06
Posts: 149
Points: 0

Barry, I recieved some of

Barry, I recieved some of the very same feedback when I submitted my first site for a check. It's tough to give up some of your design for accessablity.

I had to give up some great shadow boxes as they didn't scale, I was using pictures as background images. After days of searching, I found a rounded corner technique that I could make work with .jpg's (as i don't have a graphics editor that will work with PNG's well.)

here it is
http://kalsey.com/2003/07/rounded_corners_in_css/

works a treat, and scales nicely. Only with solid colors though, so it would mean even more of a deviation from your original design.

Dugal

Barry
Barry's picture
Offline
Regular
Scotland
Last seen: 11 years 45 weeks ago
Scotland
Joined: 2007-01-15
Posts: 46
Points: 0

Totaly fixed now

Used a top and bottom png to fix the problem .. I realy didnt want to add two extra layers to every button in the menu but it really had to be done so there it is now .. same as the original but scalable.

Now my site is "accessible for disabled"

I make websites .. for them... for money .. I LIKE to make websites for me...
For free

dugal
dugal's picture
Offline
Enthusiast
Last seen: 11 years 11 weeks ago
Joined: 2007-08-06
Posts: 149
Points: 0

Have you got a site

Have you got a site reference for the technique that you used?

Would it work with jpg's?

Barry
Barry's picture
Offline
Regular
Scotland
Last seen: 11 years 45 weeks ago
Scotland
Joined: 2007-01-15
Posts: 46
Points: 0

no i dont ...

I dont have a site reference for the technique i used .. i basically make it up as i go along. I dont draw anything or plan either .. never have .. i just get on with it.

You cant use jpg's as they cant have a transparent bit in the corners so its gifs or png's and i like to use png's for now..

Just look at my sheet and my xhtml and you will see how its done .. pretty easy stuff just make 3 layers .. one for top.. one for content and one for bottom and thats it 3 image too

I make websites .. for them... for money .. I LIKE to make websites for me...
For free

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

dugal wrote:Would it work

dugal wrote:
Would it work with jpgs?

It won't matter what image format you use - just use one image for the top, one for the bottom and another that repeats through the middle. If the box is supposed to expand horizontally as well as vertically then it gets harder.

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

Barry
Barry's picture
Offline
Regular
Scotland
Last seen: 11 years 45 weeks ago
Scotland
Joined: 2007-01-15
Posts: 46
Points: 0

what if..

What if behind the image at the top and the bottom there is a pattern and the image that you are going to add to the top and bottom have rounded corners on them. If you use a jpg file then surely you will see the corner of the image as the jpg image would be a squared off corner as it cannot be transparent so thats why i said use a png or gif...

breath after that sentence

I make websites .. for them... for money .. I LIKE to make websites for me...
For free

SuperRoach
SuperRoach's picture
Offline
Enthusiast
Ballarat
Last seen: 8 years 11 weeks ago
Ballarat
Timezone: GMT+10
Joined: 2007-02-26
Posts: 291
Points: 6

First off, I like your

First off, I like your website Smile It scales very well, although I've looked at it after you've made the changes.

In the interests of SEO though,
you have: .....

With keywords, you need to have a comma after every word, you can't keyword a sentance. While your at it though, you can add more to it, For example United, Kingdom, Developer, CSS, Semantic etc etc... things people will be looking for to find your business.

Good luck!

Barry
Barry's picture
Offline
Regular
Scotland
Last seen: 11 years 45 weeks ago
Scotland
Joined: 2007-01-15
Posts: 46
Points: 0

keywords

I disagree with what you are saying about keywords. I have added the main key phrases that people in my local area search for when looking for a designer. I do also only add meta keywords because i do not see the harm in having them (most search engines do not use them). My stats of almost 3 years tell me this is the most popular key phrase that finds my site locally and this is why i currently have 2 sites on the first page of google for my localized search terms.

I also have top spots on all major search engines for these key phrases. I do not see the point in putting in works like semantic as most people do not know what it means.

People who are looking for a web designer will start at a national level and work their way down to local level .. my client shave told me this is how they found me via all search engines so I do not see the point in SEO for national level considering I am working alone and I am providing a service for local companies.

But to put your mind in a quandary Can you explain to me why I am listed in the top 40 on all major search engines for the phrase "Web Designers"

If you need to know it is because i have links with these key phrases in them all over the place and the links that I do have are mostly all 1 way .. although Google does not show these links in the public links I do see that i have over 2,000 in my private Google Stats.

Any ways this is not a convo about SEO and I should not be talking about it as this is a CSS forum and not an SEO one.

I make websites .. for them... for money .. I LIKE to make websites for me...
For free