View Full Version : Urgent help needed! CSS template.

02-09-2012, 03:16 PM
Hello ;)

Dear EGGheads.. lol (jokin..)

A friend of mine asked me to help out with a website, and I gladly stepped in.
Thinking I was gonna be the shiny knight for the rescue, it turned out to be the wrong assumption.
I basically took a too big of a task, and now struggling to finish.
So I come to you in desperation, hoping to get some very much needed help. Yes.. I've learned my lesson. ;)

I need to create a CSS website, very simple, plain, with 5 pages in total.
After trying my own way for about 2 days, I had to give up. Realizing I know nothing about code, I decided to find an online template.

The template came with a few premade html pages, and about 4 CSS files.

Thinking, editing it in dreamweaver should be an easy task... :P

Well I have a problem.. I simply can't get the content centered! I refused to give up, and kept altering divs, spans, containers.. blah blah.. And it just dosen't work. Now the banner is sort of centered, the menu SORT of, but not quite.. and the content / text etc, is somehow misplaced too!!

Oh I am so confused, and close to give up! Please.. I beg you, whoever, SOMEONE.. guide me though this ! :(

I beg thee... HELP!!! >.<

* I have attached a zip file containing the CSS files and Index. AND A LIVE DEMO SITE. *


So you can have a look and tell me whats wrong? I don't exspect anybody to do it for me, I just need to know HOW..


02-09-2012, 04:54 PM
This should fix it...

1 - Open css/690.css
2 - Remove: width: 1000px; from line 16.
3 - Add #main-float{width:980px;margin:auto auto; border:thin solid #F00 }
3 - Open index.html
4 - Add <div id="main-float"> below <body> and </div> above </body>

You can remove "border:thin solid #F00" from 960.css after your done testing.
It just makes it easier to see what's going where.

Hope that helps?

02-09-2012, 05:48 PM
Roger that! I'm gonna give it a go. Fingers crossed! Thank you very much for your reply, and so soon! :) I will report back.


Nope didnt work :S

Logo is centered, menu is all the way to the left, and the content below (text) is all the way to the right. :S

02-09-2012, 06:15 PM
Do you have a test site link we could look at? I dont normally download files from ppl here.

02-10-2012, 04:21 AM
I understand, I just uploaded it to a site for review.


Thank you

02-10-2012, 04:09 PM
First things first. I assume you want the menu under the logo? If so why did you place the <ul> list above the logo in your markup? To me it looks like the menu originally was at the very top of the page, and you just used positioning to move it down.

Try moving the menu(div="nav">) and all inside that div below the logo paragraph. Then you can remove the absolute positioning and style it like so:

#header #nav {
margin: 0 auto;
width: 960px;

You could also not even put that image in a div or paragraph. <img> would suffice.

As for your class="grid_8" style, you can simply do this:

.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16 {
margin: 0 auto;
width: 960px;

This should center everything up.

Also, not sure what all those grids are for. I didn't see anything but grid_8 in your markup, so I guess you could remove those in the style rule, unless you plan on adding them back or something.

You also dont need all those empty <p>&nbsp:</p> to give spacing to elements. Use margins for that.

02-12-2012, 06:37 PM
Thank you so much for your reply, but im afraid I don't quite follow.
All this code confuses me! hehe.

The menu was indeed at top, but then I moved it in the index file and updated the CSS. Dreamweaver helped me with that.. lol

As for the grids, I believe they were part of the site before.
I don't want them there. I just want a basic page with Logo centered, menu centered, text below centered.
Then I can copy index, and create subpages. Add my custom content and so forth.

Where do I find the div nav thing, and where do I move it too ? I'm sorry, but this is really not my strong side. I know VERY little of code.. lol

Perhaps I should pay someone to help me do this, as most of what you are saying is going over my head. :/
Is there an option to pay people on this board, or do I have to find a freelancer somewhere? And if so, do you know if any good places?

Thank you for your help though, but my patience with MYSELF is running out. I have to admit, that I won't learn this.
Probably never will. Just want this to be done, so i can move on doing what I actually do. lol

02-12-2012, 06:46 PM
People will do stuff for money normally, but you don't really need one. Look at above peoples suggestions or go to a free template site, download one and see how its centered.

P.S. And stop saying lol lol

02-12-2012, 09:11 PM
Thats what I did though, I got a free template but I dont understand the code.
I am trying to help a friend who knows less than I do about this, she does handcrafting.
Being a good pal, im trying to assist her in this. I am not getting paid, and wouldn't dream of taking her money. So where do I go for hire ? I mean, it shouldnt take more than a few minutes for a coder to center this for me. Then I can get it done, and move on.

Sorry for saying "lol" so much. I will use "hehe" from now on ;)

02-12-2012, 09:35 PM
It seems like a lot of CSS for a simple index page. I would check what is needed. I would also add in another div and then float the others in it.

02-13-2012, 11:12 AM
Ok.. Then do it then? :) What do you need? 10 bucks? I'ts a 5 min work for someone like you. Cause Im giving up on myself to understand all this.

02-14-2012, 04:22 PM
Matter fixed! I got in touch with an old friend of mine, who is a pro coder / programmer. He took a look at it, and fixed for me. I thank you all for your replies and help. Thank you ! :)

This thread may now be closed, dumped, or whatever needs to be done. Thanks again.


02-16-2012, 04:15 PM
Roger that! I'm gonna give it a go. Fingers crossed! Thank you very much for your reply, and so soon! :) I will report back.


Nope didnt work :S

Logo is centered, menu is all the way to the left, and the content below (text) is all the way to the right. :S

Odd... It worked fine on my localhost.