Sent by ROBO Design on 17 April 2005 19:07
On 4/17/05, anthony croshaw [EMAIL-REMOVED]> wrote:
> Hi guys, I have put together a very simple page for a friend's business, and
> have written it all using css. To make things simple for myself I used
> absolute positioning and stuck the page on the left. However,
Hello!
You should learn about the concept of CSS box modelling (the meaning
of the position and display properties).
This is a nice page explaining CSS Page Layout stuff:
http://htmldog.com/guides/cssadvanced/layout/
> I now think it would look better for the whole page to be centered, but
> still 700 pixels wide. What is the best way to approach this?
I looked into this ... and you can do this very easy: just edit your
pw.css file and add the following line:
background-position: top center;
And change:
margin: 0 auto 0 auto;
That's about all. The entire page is now centered.
> This is my first web page, so any advice on other matters, like design
> etc would be appreciated. Cheers,
Umm ... there could be "many" things to change.
Don't take it personal, these are only suggestions strictly related to
the code. It's "hard" to make design suggestions due to the fact it's
subjective: some like it, some don't. What matters is that you like
the design and that it is better than the previous you did.
Here they are:
- learn about CSS box modelling, therefore you can make a better
layout (position: absolute is not the best).
- try to avoid the so-called "tag soup". Use meaningful tags: headers
for titles, lists for menus and similar. Try disabling CSS in Opera
and Firefox to see how the page looks. It should look nice even
without CSS.
- avoid the use of decorative images, like horizontal lines and
spacers (or similar). The same effects can be achieved by using CSS
alone or ... by using CSS with your own background images. The page
should contain as little design tags as possible
- if you really need to use decorative images, do not set the alt
attribute to "horizontal line" (or similar), just set alt=" ". This is
because such images do not appear nice on text-only browsers.
Something nice you could read is:
http://htmldog.com/guides/htmladvanced/ . These articles talk about
the HTML tags available to you and where to use them in a good way.
You are on the good path. Nice to see you using CSS and wanting to
make standards-compliant pages.
Have fun!
--
ROBO Design - We bring you the future
http://www.robodesign.ro/
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
