Hey guys, I need some ideas!

Ok, I've been following everyone's advice, looking at some sites' code and trying to figure out how CSS works, if you have seen my other posts you will now I am new to CSS. Now i need some ideas, bellow you'll see the link where you can see what I came out with, please don;t be too hard on me since this is my first css site, I have been tempted to use tables but I am decided to not use them. So can you guys check it out and give some ideas.

Thank you

 

i dont see any link :|

 

Sorry I forgot about the link, here it is:
www.fdvisions.com/test.html

 

Well first things first, I justed look at your CSS markup.
You can combine serveral things you are using.
You can combine the background lines into one, such as "background: url(asdasdas.jpg) repeat-x;"

same thing with some of your styling of text.
You have

a.white:link {color: #ffffff; text-decoration: none; }
a.white:visited {color: #ffffff; text-decoration: none; }

Code (markup):

you could just use

a.white:link, a.white: visited {color: #ffffff; text-decoration: none; }

Code (markup):

Another thing is your margin command. instead of having margin-bottom, margin-top, margin-left, etc you can just use margin.
For example

margin-top: 10px;
margin-right: 15px;
margin-bottom: 28px;
margin-left: 13px;

//would be

margin: 10px 15px 28px 13px;

// it goes margin: top left bottom right
// same applies for padding

Code (markup):

You don't need background-repeat unless you are dealing with background images.

For your XHTML markup, you over use DIVS waaaay to much.
Instead of having a million divs for your menu, just use an unordered list and style that. It will be easier and your markup will be cleaner.

This article ( http://www.alistapart.com/articles/taminglists/ ) should help you understand and this website ( http://css.maxdesign.com.au/listamatic/index.htm ) has tons of examples.

cheers

edit:
here are some tips for keeping your CSS organized: http://erraticwisdom.com/2006/01/18/5-tips-for-organizing-your-css

 

ok guys, I've done some changes on the site, and I think I need some more help, I have some questions I hops someone can help me.

1.I like the banner with the name and the mouse pic, I want to keep the look nice, clean and professional but I feel like there's something missing in there, maybe the "FDVISIONS.COM' logo should be in a diferent font? what do you guys think.

2. I want the top navigation ber aligned to the right, but how do i separete the options a little more? they're to close to each other.

3. When I try to type my content or insert a image it all appears on top of the left navigation, how do I move it over to the right.

4.The footer it's supposed to have a gray background and be text centered, what I'm I doing wrong?.

As always thank you for your help.

here's the link: http://www.fdvisions.com/test.html

Have a good one.

 

I'm not sure about the rest, but for the footer, you need to add an octothorpe (#) to the beginning of the footer selector. A mistake I make all the time.

 

Hi franklindeleon,

In response to point 1 I agree that maybe you should redesign the logo...I think maybe use a simple font like Futura, Helvectica, Myriad, Frutiger ....

I also think you should get rid of the the .com at the end and maybe have FD in one colour and visions in another.

I'm not to sure about the mouse either...If you are focusing on providing computer repairs and training as the main part of your business by all means keep it but if you are focusing on providing website design & hosting services as the main part and the computer repairs as secondary services I think you should change the picture to reflect that.

Otherwise everything else looks pretty clean and professional, let us know when you have completed it, I would love to take a look at the final results.

*When I edited* I had a look at the code and in regards to the footer div you haven't added any background color or alignment tags, if you add those it should be centered.

abc1234.