Posted by dorayme on 03/13/07 02:35

In article <et4tf4$r77$1@registered.motzarella.org>,
"Dr. Compynei" <compynei*isnt*@ntlworld.com> wrote:

> I'm knew around here so please excuse me, however I'm stuck with a few
> things.

What did you do when you came in, knock the vase over or
something?

> As part of my degree I am studying Web Development, and now I better
> understand websites I am designing up the website of a charity (local
> theatre) in CSS and XHTML 1.0 Trans.
>

You are unlikely to be needing XHTML then, stick to 4.01 Strict
for a while

> Moving away from tables due to accessability problems etc etc. Can anyone
> help me out with the following:
>
> http://www.blt.org.uk/css/index.htm
>
> 1. Image Mapping. How is best to map the image to turn graphics into
> hyperlinks. Splitting the image maybe?
>

You can image map, meaning you define areas of one image (no
"splitting") by coordinates and link to the areas. You can google
up and have a go first on this.

But don't bother in your case, the nav div is best to be a simple
inline list. An image is bad for this purpose, at least for the
good reason that it does not scale.

Look at:

<http://alistapart.com/articles/taminglists/>

> 2. Scrolling. This is my main problem at the moment. When the page gets
> longer the content div just keeps going down the page, what I want is for
> the site to be x% sizes of the screen (leaving some red border) no matter
> what the resolution (upto a min of 800x600).

You will buy yourself more problems and trouble achieving this.
Let it scroll and keep it simple.

> 3. Margins. Defining CSS margins sends the layout funny. I would like to
> indent the text, and poster image so that they are not so close to the edge.
>

How do other sites that you admire do this? Have you looked? If
you want a canvas area then one way to do it is very simple, you
wrap all your code under the body in a wrapper div and set the
margin for this wrapper in px or in em. Try it and see what you
like. It is not a bad look done with modest numbers for some
sites. Take a look at the css instruction of "margin" and set for
all sides as you like, eg:

#wrapper {margin:5px 20px 5px 20px;}

This gets top, right, bottom and left respectively.

As for grace with text within the wrapper and other boxes, apply
a modest bit of padding, best in em.

--
dorayme

[Back to original message]