Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 13 of 13
  1. #1
    New to the CF scene
    Join Date
    Feb 2012
    Posts
    7
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Unhappy Urgent help needed! CSS template.

    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.

    TASK:
    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. *

    http://hwhandcrafts.com/demo/

    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..

    -Andy
    Attached Files Attached Files
    Last edited by misc84; 02-10-2012 at 12:38 PM.

  • #2
    New to the CF scene
    Join Date
    Feb 2012
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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?

  • #3
    New to the CF scene
    Join Date
    Feb 2012
    Posts
    7
    Thanks
    1
    Thanked 0 Times in 0 Posts
    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.

    UPDATE

    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
    Last edited by misc84; 02-09-2012 at 05:12 PM.

  • #4
    Senior Coder
    Join Date
    Aug 2010
    Location
    High Point, NC
    Posts
    3,338
    Thanks
    5
    Thanked 363 Times in 360 Posts
    Do you have a test site link we could look at? I dont normally download files from ppl here.
    Teed

  • #5
    New to the CF scene
    Join Date
    Feb 2012
    Posts
    7
    Thanks
    1
    Thanked 0 Times in 0 Posts
    I understand, I just uploaded it to a site for review.

    http://hwhandcrafts.com/demo/

    Thank you

  • #6
    Senior Coder
    Join Date
    Aug 2010
    Location
    High Point, NC
    Posts
    3,338
    Thanks
    5
    Thanked 363 Times in 360 Posts
    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:

    Code:
    #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:

    Code:
    .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.
    Teed

  • Users who have thanked teedoff for this post:

    misc84 (02-13-2012)

  • #7
    New to the CF scene
    Join Date
    Feb 2012
    Posts
    7
    Thanks
    1
    Thanked 0 Times in 0 Posts
    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

  • #8
    New Coder
    Join Date
    Feb 2012
    Location
    England
    Posts
    77
    Thanks
    0
    Thanked 12 Times in 11 Posts
    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

  • #9
    New to the CF scene
    Join Date
    Feb 2012
    Posts
    7
    Thanks
    1
    Thanked 0 Times in 0 Posts
    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

  • #10
    New Coder
    Join Date
    Feb 2012
    Location
    England
    Posts
    77
    Thanks
    0
    Thanked 12 Times in 11 Posts
    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.

  • #11
    New to the CF scene
    Join Date
    Feb 2012
    Posts
    7
    Thanks
    1
    Thanked 0 Times in 0 Posts
    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.

  • #12
    New to the CF scene
    Join Date
    Feb 2012
    Posts
    7
    Thanks
    1
    Thanked 0 Times in 0 Posts
    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.

    -Andy

  • #13
    New to the CF scene
    Join Date
    Feb 2012
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by misc84 View Post
    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.

    UPDATE

    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.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •