arranging my website

ferretmaster · 21 Jul 2006 at 17:30

This is my website at present.

http://www.lawyerpigeons.com/

What i want to do is arrange the background picture so it is not affected by changes in screen size. Could someone point me in the right direction in how i would go about arranging this. Should i slice this image up then arrange it with some code. How would i do this?

Please help my brains fallen out my ear this month.

thankyou

FM

Al Vallario · 21 Jul 2006 at 17:33

ferretmaster said:
What i want to do is arrange the background picture so it is not affected by changes in screen size.

Could you elaborate on this problem? Aside from part of the image being cut off when making the window narrower, I can't see how the background image is being "affected" by changing screen size?

ferretmaster · 21 Jul 2006 at 17:38

hmmmmmmmmmmmm

If someone has a greater resolution such as 1152 wide the image doesnt reach and a white bar/empty space is shown down the side.

Al Vallario · 21 Jul 2006 at 17:44

ferretmaster said:
If someone has a greater resolution such as 1152 wide the image doesnt reach and a white bar/empty space is shown down the side.

Ok, I see what you mean now. As far as I can see you have two options:

1. Repeat the background image using the background-repeat (or preferably using the shorthand font) CSS attribute. This will effectively "tile" the background image, which will plug the gaps, but it won't look particularly pretty unless the image is set up with edges which "flow" into each other.

2. Set a fall-back background colour and use gradients around the edge of the background image which fade into this colour. This should provide for a more elegant solution, but outside of the image users will simply have a block colour.

av.

iCraig · 21 Jul 2006 at 17:47

Just as a general tip, don't use grey text over a grey paper background. You'll want people to be able to read your content.

richieboy · 22 Jul 2006 at 00:10

Just noticed you have <title></title> tags listed twice. Remove one set?

Van Hellseek · 22 Jul 2006 at 00:15

personally, with a layout like that i would use image mapping for the links on the left. the text looks too bland (and the colour hurts my eyes!).

Al Vallario · 22 Jul 2006 at 01:08

seek said:
i would use image mapping for the links on the left.

Quote of the day, 22nd July 1999

Van Hellseek · 22 Jul 2006 at 01:15

yeah i know, but would still look better than how it is now. that background really doesn't work with the text. :/

ferretmaster · 22 Jul 2006 at 11:26

hmmmmmmmm

Ye i cant decide on the best text. Erm could you sort me out with a link for image mapping?

thank ye kindly

iCraig · 22 Jul 2006 at 11:41

You don't want to use image mapping, I suggest using normal <a> links around your images.

blade007 · 22 Jul 2006 at 11:42

your site is not easy to read, colours don't work well. If you have text then make it very readable.

ferretmaster · 22 Jul 2006 at 11:55

hmmmmmmmmmmmmm

Any advice on text choice?

tsinc80697 · 22 Jul 2006 at 23:57

there was a site somewhere that gave all the webcolours you could use and you could select which one to have as a background while the rest stay as text on the foreground so you could see the contrast, cant remember tho :s

sugoi · 23 Jul 2006 at 10:33

ferretmaster said:
Any advice on text choice?

Verdana 9-10px or Arial 11px... maybe in white... or possibly black with a white block - or something fancy behind it to detach the text from the background.

try Colour Lovers for picking colours... it helps you choose 2 colours which might work well with each other.