aaaron Posted July 22, 2010 Author Share Posted July 22, 2010 hey, so I have just started CSS and HTML, PHP and whatever and I was wondering what you would think of this?>! ![](http://img831.imageshack.us/img831/5753/webtemplate.png)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>! CSS Layout>! >! # {Website Name or Logo Here}>! [Your Page](#) | [Your Page](#) | [Your Page](#) | [Your Page](#) {Put Recent News/Updates here} {Put content here} Link to comment Share on other sites More sharing options...
Keebler Elf Posted July 22, 2010 Share Posted July 22, 2010 It is nothing special. Am I supposed to be rating your graphics tho? Link to comment Share on other sites More sharing options...
aaaron Posted July 22, 2010 Author Share Posted July 22, 2010 Well I was just wondering what you guys thought. Link to comment Share on other sites More sharing options...
Drummerpete Posted July 22, 2010 Share Posted July 22, 2010 We can't properly rate your CSS skills without the code… Link to comment Share on other sites More sharing options...
aaaron Posted July 22, 2010 Author Share Posted July 22, 2010 Why would you need the code? Link to comment Share on other sites More sharing options...
Drummerpete Posted July 22, 2010 Share Posted July 22, 2010 @Fiddy:> Why would you need the code?To see if the code is actually any good. Link to comment Share on other sites More sharing options...
aaaron Posted July 22, 2010 Author Share Posted July 22, 2010 Ok, Well I added it. Link to comment Share on other sites More sharing options...
Drummerpete Posted July 22, 2010 Share Posted July 22, 2010 "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 thatfloat: left; Link to comment Share on other sites More sharing options...
aaaron Posted July 22, 2010 Author Share Posted July 22, 2010 well if i do that, then the header goes down and then the navigation color is above the header?here:>! ![](http://img839.imageshack.us/img839/8871/errork.png) Link to comment Share on other sites More sharing options...
Drummerpete Posted July 22, 2010 Share Posted July 22, 2010 Strange. Link to comment Share on other sites More sharing options...
aaaron Posted July 22, 2010 Author Share Posted July 22, 2010 Yea, but out of /10, 1 being good.What would you rate it as being a base. Link to comment Share on other sites More sharing options...
Drummerpete Posted July 22, 2010 Share Posted July 22, 2010 Coding practice = PricelessBase of a website?4/10. Link to comment Share on other sites More sharing options...
aaaron Posted July 22, 2010 Author Share Posted July 22, 2010 Ok. Anything I should add to it? Link to comment Share on other sites More sharing options...
Akselj Posted July 22, 2010 Share Posted July 22, 2010 Mini menus, fancy buttons with hover effects and changing background, a post div tag. Just some ideas. Link to comment Share on other sites More sharing options...
aaaron Posted July 22, 2010 Author Share Posted July 22, 2010 @Aksel:> Mini menusWhat do you mean by that? Like below the Recent News i could put another menu with something like Whos Online or something? Link to comment Share on other sites More sharing options...
Akselj Posted July 22, 2010 Share Posted July 22, 2010 Yeah, that kind of mini menus. Link to comment Share on other sites More sharing options...
aaaron Posted July 22, 2010 Author Share Posted July 22, 2010 Ohh Ok.Then if I out fancy buttons, should I put them in the middle of the navigation bar? Link to comment Share on other sites More sharing options...
Akselj Posted July 22, 2010 Share Posted July 22, 2010 No, the left is better imo. Link to comment Share on other sites More sharing options...
aaaron Posted July 22, 2010 Author Share Posted July 22, 2010 Ok. Is that green a good color scheme? Link to comment Share on other sites More sharing options...
Drummerpete Posted July 22, 2010 Share Posted July 22, 2010 Colour scheme is awful. Link to comment Share on other sites More sharing options...
aaaron Posted July 22, 2010 Author Share Posted July 22, 2010 It is? What is a good color scheme? Link to comment Share on other sites More sharing options...
Akselj Posted July 22, 2010 Share Posted July 22, 2010 Green can be good, you just didn't combine them right. Try experimenting a bit more. Link to comment Share on other sites More sharing options...
aaaron Posted July 22, 2010 Author Share Posted July 22, 2010 Ok, I got a blue color scheme! XDWanna see it? Link to comment Share on other sites More sharing options...
Adulese Games Posted July 23, 2010 Share Posted July 23, 2010 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 Link to comment Share on other sites More sharing options...
SilentGamer Posted July 23, 2010 Share Posted July 23, 2010 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. Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now