Posted by Dr. Compynei on 03/13/07 13:20

"dorayme" <doraymeRidThis@optusnet.com.au> wrote in message
news:doraymeRidThis-E95A17.13353113032007@news-vip.optusnet.com.au...
> 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?

It was more of, an excuse me as I'm not exactly sure how this group works.

>
>> 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

Being taught int XHTML so it seems sensible to move that way.

>
>> 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.

Yes, I've done this before, but I was wondering how was best to do it within
this project.

> 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/>

And theres the answer. Thanks, I'll read up.

>> 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.

Will do :-)

>> 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.

Thanks for your help, even if you do seem a little stressed by point 3.
Perhaps I could buy your a beer <g>

[Back to original message]