View Full Version : CSS!
Threeboy
07-05-2007, 01:22 AM
I had a quick coding job where I had to just use CSS and strict HTML - and here she be:
http://www.threeboy.com/syndicate/
was tedium and took hours more than I originally thought it would - but I learned a tonne.
Note: I did not do any graphics, just the coding!
Jamblo
07-12-2007, 04:55 AM
Whilst I tend to not get involved with STRICTness, I am pretty confident in CSS these days. It is very powerful, and there's a lot of work around to get what you want.
You still have to fake 100% heights with a repeated body background, which isn't always ideal, though. Being able to affix something to the foot of your page (without using grotty absolute positioning) would be a very welcome development.
Threeboy
07-12-2007, 08:53 AM
all the browsers render sizes, margins and paddings slightly different - that stuff is so annoying...
Jamblo
07-12-2007, 12:41 PM
Ah ha, yes, but after a time that becomes a good thing because by specifying everything and therefore leaving nothing to chance, you know that your layout will work in every browswer.
My biggest, simplest tip:
after you've specified body in your css file, add this as your next line:
body, div { margin: 0; padding: 0; }
A very simple piece of code that will ensure all divs have the same margin/padding, unless you specify otherwise.
Also, for content, don't stick a padding on your div, just get mucky and embed a new div without a specified width, but with the padding of your dreams, and nothing will try to bust out!
Well, I was wondering if anyone had a link to all of the Hex color numbers. I can't seem to find a good one so if anyone could help, it would be appreciated.
Threeboy
09-03-2007, 06:06 PM
The photoshop color selector displays hex codes for you.
Devil
09-03-2007, 06:49 PM
The photoshop color selector displays hex codes for you.
Like someone would buy photoshop only for the hex codes it provides. (y)
Jamblo
09-10-2007, 03:00 PM
No, but they could download the trial.
jacky1982
10-09-2007, 08:03 PM
Thanks! That's great!
Threeboy
10-15-2007, 11:40 AM
*
{
margin: 0;
padding: 0;
}
That works too for clearing padding & spacing of everything.
Threeboy
10-25-2007, 10:14 AM
Learned a sheet-tonne about CSS working on vblog.
vBulletin® v3.7.0, Copyright ©2000-2008, Jelsoft Enterprises Ltd.