Monday, July 18, 2005

Things to do!

Well as I think, breathe and live web design I am always looking for new aspects of web design to play with. Currently I'm working on Flash Video which seems to be getting some attention and I think will change the way we use web design. The web is becoming like TV, with so many people all around the world accessing the internet and with broadband internet connections now growing, the opportunities for web design and development are pushing new boundries as to what we can do.

Also I'm trying brush up on my drawing using flash. I'm working on my favorite disney character "Goofy" which is why I often use Goofy as my nickname. I'd like to also do some basic animation as I find it really awesome when it's done. You only have to check out some of my favorite animators like Justin from www.cartoonsmart.com and Chris from www.mudbubble.com to see some really awesome animation done in Flash.

Tuesday, July 12, 2005

Margins, Padding & Borders

Currently I'm working on a redesign of a website for a friend of mine. What I have since learned whilst doing the redesign is what the effect of adding padding, borders and margins to a website can do to your div elements. You should study about the box model which you can find in many CSS text books but the one I'm reading is by Dan Shafer called Designing without tables using CSS. What I have learned is that when you have defined a div tag and set the width to say 200px for example you need to subtract any borders or padding that you apply to the div.

Ie: sample CSS code

#leftbox {
width: 200px;
padding: 5px;
border: 5px solid #000000;
{

The above example would render your div element to a width of 210px because it adds your width, padding and border values together. Now this could cause you some headaches if you don't realise that the padding and border is adding to your div width.

To fix this just subtract the border width plus the padding width from your width property.

padding 5px + border 5px = border&padding 10px
width 200px - border&padding 10px = newwidth 190px

therefore
Ie: modified CSS code
#leftbox {
width: 190px;
padding: 5px;
border: 5px solid #000000;
{

Doing this will bring your div element back to a total width of 200px.

Tuesday, July 05, 2005

Working with text within div tags using css

As a new comer to CSS I sometimes find it frustrating when you can't seem to work out what is causing you so much grief with aligning text, boxes, etc whilst doing your page design. Just to let you know I use Dreamweaver MX 2004 as my design editor. Recently I encountered a problem where when I add text to a div element, the div seems to expand by maybe 5px on the right hand side. I have found this problem to be really annoying and it has happened to be on a number of occassions. So I'm hacking away now trying to find out what's causing the problem and I'll get it up here with some examples hopefully in the near future.

Also one of the major things I learnt when using CSS is that it is a good idea to zero all margins and padding of all elements when you start so that you don't get any default spacing. At least this way you can start on a level playing field.

New to Blogger

Well for the past hour or so I've been playing around with Blogger. It's an interesting tool that I'm sure will provide lots of use in the future. Give me time to get use to using it properly. Funny thing a blogger... Good idea though.

P.S. I'm also setting this up for members only to post comments so if you are interested in becoming a member to this most interesting blog then give me a buzz. That is if you can cause I don't know if i've set it up properly yet however I'm sure I'll soon work it out.

I'm off to bed now as it's getting late and I'm up early in the morning so i'll say Good night!
Goofy...

Monday, July 04, 2005

My first post and blog

Hey, as a new blogger and novice web designer I thought I start a blog to record tips and ahh ha's that I have learned and will learn in the future of my web design career. So here goes and I'm sure it will be an interesting journey. Hopefully, other people new to web design will gain something from my pain.

Cheers