Help - Search - Members - Calendar
Full Version: First Css
Zymic Webmaster Forums > Web Design & Development > Reviews > Website Reviews
MrCracker
Well making the graphics/layout is my weakspot.. so after a while of just knowing the basics of css i decided to make my first template...

This is what i came up with after a couple cokes and broken keyboards...

yes i know its crap but its my first css template lol.. kinda made up the colors on the way.. and they somehow go atleast a little together..

Still having a hard time putting aligning the footer body and header... because im still learning.

So here it is don't lagh to hard lol.

http://mrcracker.zymichost.com/html.html


BY THE WAY: I can't even log in through the file manager.. i get page that says please wait while we transfer you to the page.. and it never happens... so i cant get in that.. also when i create a new folder in my ftp manager and upload my files there they just go to the index not the folder they should go into...
Alex
The colours are frankly appalling tongue.gif, but I guess you want comment on the code more than the looks.

First off, the indentation is a bit poor. That is, it's not consistent (you don't indent for the first div, but you do after the second, but then never again, etc, etc). You also suffer from an affliction common to new HTML/CSS coders: divitus. The idea of "true" HTML/CSS is semantic markup, that is, the right tag for each job. You however are using divs for everything wink.gif. The page title should be a header (i.e. <h1>), the navigation should be a set of lists (<ul>) and imo the footer should be a paragraph, but that one's open to debate.

Talking about headers your use of those is a bit odd, I see <h3> and <h4>, but not <h1> or <h2>? The idea is that they are a hierarchy, where <h1> is the top level, and <h2> down are progressively less important. That means you should start at the top and work down, not start in the middle.

I see you're using HTML transitional. I personally prefer HTML over XHTML, but you should be using HTML Strict as opposed to trans. The validation on strict is much more useful and will help to improve your code.

The footer you have is a good example of how "position: absolute;" can go horribly wrong, on lower resolutions (like 800x600) content will go underneath the footer - and we don't want that to happen. (you might want to look at the HTML/CSS tutorial up on Zymic, it describes how to get a footer very much like that one but that does not suffer from this shortcoming)

Well, that's as much as I can be bothered to write. smile.gif
MrCracker
Wow thanks for all the advice smile.gif .

I'm going to use what you said and see if i can improve the coding.
MrTouz
so you basicly don't have ANY html coding (well only the divisions to declare the css..) and everything is INSIDE your css ?

damn never tryed that :/ i should try sometimes... but its kinda hard to use only COLORS and no images... well include images inside the css aswell ? biggrin.gif
MrCracker
Yah all css.. because I suck at making images lol.. i really need to start learning photoshop and improving at css so i could code my own templates instead of having photoshop doing the crappy code for me...

making this helped me out a lot in the css area.. and now i'll have to make another template using alex's advice..
MrTouz
photoshop coding sucks :/ slicing things just huuuuuuuu NOOOOOOO

i prefer create my own images / code them my self... OK you need some css to do that, but been working on css for over a year now... i think i got thebasics:)
Cmain
If you want to learn semantic XHTML/CSS this book is amazing:
http://www.amazon.com/Pro-CSS-Techniques-J...t/dp/159059732X

By the time I got it I knew most of the stuff in it, but it is great. It teaches semantic HTML throughout the book.
MrCracker
If you really think its good i'll order it =)
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2013 Invision Power Services, Inc.