CSS Attempt

[aaaron]

hey, so I have just started CSS and HTML, PHP and whatever and I was wondering what you would think of this?

>! 

style.css

>! * { padding: 0; margin: 0; }
>! body {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
background: #174A000;
}
#wrapper {
margin: 0 auto;
width: 922px;
}
#header {
color: #333;
width: 900px;
float: left;
padding: 10px;
border: 1px solid #ccc;
height: 100px;
margin: 10px 0px 0px 0px;
background-color: #16A216;
}
#navigation {
float: left;
width: 900px;
color: #333;
padding: 10px;
border: 1px solid #ccc;
margin: 0px 0px 0px 0px;
background-color:#94C938;
}
#leftcolumn {
color: #333;
border: 1px solid #ccc;
background:#50B950;
margin: 0px 0px 0px 0px;
padding: 10px;
height: 350px;
width: 200px;
float: left;
}
#rightcolumn {
float: right;
color: #333;
border: 1px solid #ccc;
background:#50B950;
margin: 0px 0px 0px 0px;
padding: 10px;
height: 350px;
width: 678px;
display: inline;
position: relative;
}

index.html

>!
>!  

>! # {Website Name or Logo Here}
>!  

 [Your Page](#) | [Your Page](#) | [Your Page](#) | [Your Page](#)

 {Put Recent News/Updates here}

 {Put content here}

[Keebler Elf]

It is nothing special. Am I supposed to be rating your graphics tho?

[aaaron]

Well I was just wondering what you guys thought.

[Drummerpete]

We can't properly rate your CSS skills without the code…

[aaaron]

Why would you need the code?

[Drummerpete]

@Fiddy:

> Why would you need the code?

To see if the code is actually any good.

[aaaron]

Ok, Well I added it.

[Drummerpete]

"margin: 0px 0px 0px 0px;"
=
"margin: 0;"

right column could just be
```
#rightcolumn {
float: right;
color: #333;
border: 1px solid #ccc;
background:#50B950;
margin: 0px 0px 0px 0px;
padding: 10px;
height: 350px;
width: 678px;
float: left;
}

```
and navigation doesn't need that
float: left;

[aaaron]

well if i do that, then the header goes down and then the navigation color is above the header?

here:

>! 

[Drummerpete]

Strange.

[aaaron]

Yea, but out of /10, 1 being good.

What would you rate it as being a base.

[Drummerpete]

Coding practice = Priceless
Base of a website?
4/10.

[aaaron]

Ok. Anything I should add to it?

[Akselj]

Mini menus, fancy buttons with hover effects and changing background, a post div tag. Just some ideas.

[aaaron]

@Aksel:

> Mini menus

What do you mean by that? Like below the Recent News i could put another menu with something like Whos Online or something?

[Akselj]

Yeah, that kind of mini menus.

[aaaron]

Ohh Ok.

Then if I out fancy buttons, should I put them in the middle of the navigation bar?

[Akselj]

No, the left is better imo.

[aaaron]

Ok. Is that green a good color scheme?

[Drummerpete]

Colour scheme is awful.

[aaaron]

It is? What is a good color scheme?

[Akselj]

Green can be good, you just didn't combine them right. Try experimenting a bit more.

[aaaron]

Ok, I got a blue color scheme!  XD

Wanna see it?

[Adulese Games]

Code isn't organized very well. Professionally, coders like to keep things with like properties grouped and organized from first appearing on the webpage code. Keeps things easier when de-bugging. It's good you are practising though. As for the code itself, you need to make that thing centered and less boxy. Start experimenting with different ways to use CSS, such as making a horizontal navigation bar with drop-downs from a list command. Due to disorganization and lack of creative use, code is worth 4/10.

- Adulese

[SilentGamer]

Basically add really good graphics, something very different and will appeal to the the user. Such as maybe some moving images or have a cool drop down menu?

I don't know, just play around and have a go with different sorts of layouts.