D&C Lug - Home Page
Devon & Cornwall Linux Users' Group

[ Date Index ][ Thread Index ]
[ <= Previous by date / thread ] [ Next by date / thread => ]

Re: [LUG] OT: CSS & HTML



-----BEGIN PGP SIGNED MESSAGE-----
Hash: SHA1

I would guess what you really need is a pointer to a good guide to 
designing web pages with CSS.  Unfortunately I can't think of a single 
excellent source.  My "bible" in all matters HTML is the O'Reilly book 
"Web Design in a Nutshell" - 2nd edition. After that 
http://www.w3.org/Style/CSS/ will get you a fairly comprehensive set of 
links to web-based resources.  

For what it's worth, my own unreliable guide to designing web pages with 
css might start something like this:
First of all forget design - write you page as pure text and include some 
indication about the links and descriptions of the pictures which are 
going to be in it.  Then read it to someone and see if it makes sense to 
them.  The idea is that it should first make sense as a linear document.  
Once it does you can then decide which elements or groups of elements you 
want to move around the page and tart up to make a good visual design.  
The <div> element is your friend but don't over-use it.  Elements can be 
"float"ed left or right on the page. Backgrounds can be changed when the 
mouse is over an element e.g. ".menu a:hover {background-color: gold;}"

I have found that the main difficulty in css design is getting it to work 
with all major browsers - which mostly boils down to avoiding bugs in 
Internet Explorer.

Good luck anyway

Tony

On Friday 26 September 2003 7:31 am, Richard Brown wrote:
> Hi Guys
>
> I am trying to build a web site for a youth group and I want to
> incorporate a variety of pictures and buttons!
>
> On the button front I want them on the home page and to be quotes of
> young people like "It's fun" and that takes you to an activity page! It
> would be nice for them to be random!
>
> On the pictures front I tend to use left, right and centre justify to
> space them out but I presume I can use something like a margin/padding
> command in CSS to space them out so they become more random. Can
> anybody help.
>
> Thanks
>
> Rich
-----BEGIN PGP SIGNATURE-----
Version: GnuPG v1.0.7 (GNU/Linux)

iD8DBQE/dBz7+ZJrkBuz/nkRAjUsAJwP9NOWntr4H3xX7Lpf4iRWSXXJfwCfWA8J
NqrUyZdwIUIGqddhx6lhjQY=
=gyE/
-----END PGP SIGNATURE-----

--
The Mailing List for the Devon & Cornwall LUG
Mail majordomo@xxxxxxxxxxxx with "unsubscribe list" in the
message body to unsubscribe.


Lynx friendly