Basic CSS & HTML Help!

Sp00n · 5 Oct 2010 at 12:54

It aligns fine m0n

Basic code for a basic page.

R.O.S.S.I · 5 Oct 2010 at 13:40

gord said:
You should have something back. What I found:

Landing Page ID had a space in it.
Your external stylesheet link was "site/stylesheet.css", when the sheet was local to the html file.
The background image file was inside the html, when it really wants to be the background of the container in the CSS. I should have spotted that ages ago.

Remaining issues.
Massive images! Especially for the repeating background pattern. Google for "repeating background CSS". Very important for site load time. Also the edges of the repeating pattern don't seem to line up.
Vertical alignment of the central image.

Hope that helps you on your way.

Yeh I figured it the large images may cause some problems. I was looking into repeating backgrounds, only problem is how would I achieve the colour gradient of the background if its just repeating like a small pattern over and over? If that makes sense?

Sp00n · 5 Oct 2010 at 13:52

You have a very tall image, 1 or 2 pixels wide, and repeat it horizontally.

1 way of doing it.

gord · 5 Oct 2010 at 13:56

1 or 2 pixels isn't wide enough for the pattern, but essentially still the best way of doing it, and then right at the bottom of the image fade to just the colour, or stop the pattern, and have that colour behind so that it blends out.

R.O.S.S.I · 5 Oct 2010 at 14:03

gord said:
1 or 2 pixels isn't wide enough for the pattern, but essentially still the best way of doing it, and then right at the bottom of the image fade to just the colour, or stop the pattern, and have that colour behind so that it blends out.

Looks like i've got a lot of reading to do then doesn't it!