Jump to content

Basic Css Template, I Still Can't Grasp It


mrkidd85
 Share

Recommended Posts

Hi, I am working on a site that I am doing for my Girlfriend's Father. Before I did it, I had basic HTML skills and I thought this would allow me to make a site now, I was wrong. It's been over a month now, and, where I am beginning to understand CSS, the coding is still a little difficult. I have drawn a template on Paint of a very basic front page. This is nowhere near what he wants it to look like, but if somebody could perhaps post the coding for this, then I will understand more, because so far all the examples I've been given are of pretty advanced pages. If somebody could do this for me, I'd be extremely grateful as it could send me on my way to actually getting started. I have uploaded the paint document, here template_1.jpg

Link to comment
Share on other sites

Just by looking at finished code you most likely won't learn how to make it. You should try to learn HTML and CSS from the W3Schools well. Look through the tutorials and try the examples.This is all the HTML you would need within your <body> element:

<div id="header"><img src="banner" alt="text"></div><ul id="nav"><li><a href="URL">home</a></li><li><a href="URL">about us</li><li><a href="URL">products</li><li><a href="URL">galler</li><li><a href="URL">contact</li></ul><div id="content">this is where the content of the site is going to go</div>

Link to comment
Share on other sites

Hey,I don't know if this will help, but you may want to take a look at CSS Zen Garden (Google it). When I started learning CSS (about two weeks ago now) I found this site immensely helpful - the premise of the site is that different graphic designers have written content for the same HTML.Since the site is to Showcase the potential of CSS based design, the designers have made available for viewing all of the CSS from their designs. Also, (I know this will sound a bit silly because I haven't been at this long myself, but if you wish to PM me your HTML and CSS (or PM me and I'll send you my business e-mail address - so you can send me the requisite files) I may be able to help you out a bit. -B

Link to comment
Share on other sites

If somebody can just tell me the script I have to enter to get the page looking similar to the template I am about to upload, it would be helpful. I think I know now how to fancy it up a little but I don't know how to get it looking this way to begin.If somebody can just tell me the very simple CSS and HTML code for what I have drawn, it would be a fantastic help.ThanksDaniel

Link to comment
Share on other sites

Ingolme gave you the basic HTML, and it is a solid foundation. All it needs is styling with CSS. Start with that and then come back with specific questions. Since it's "very simple," as you say, you should be able to do that much.

Link to comment
Share on other sites

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 account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...