Using CSS & <div> to help site rank better

Discussion in 'CSS' started by stymie, Jun 3, 2008.

  1. #1
    Hello. I have been doing SEO on a client's site, and cannot get it to rank well for anything. I am 99% sure that there is too much code due to the tables, which is pushing the content down too far. Can someone take a peek at the source for choicecreditgroup.com and give me their two cents? I am slowly but surely learning CSS, so I have no problem changing the tables to <div> if it is relatively easy. If anyone knows of a good tutorial or tool on converting tables to CSS, that would be great too. Your help is greatly appreciated!
     
    If someone posts a solution, use the "Best Answer" link in their post to pick it as the best answer.
    stymie, Jun 3, 2008 IP
  2. pipes

    pipes Prominent Member

    Messages:
    12,766
    Likes Received:
    958
    Best Answers:
    0
    Trophy Points:
    360
    #2
    Aside from how its coded, are you or anyone else doing the obvious things regarding trying to get it to rank?
     
    pipes, Jun 3, 2008 Set Best Answer IP
  3. stymie

    stymie Guest

    Best Answers:
    0
    #3
    I have done SEO work for about a year, so I have done the basic stuff (high PR links, meta tags, keyword-rich content, etc.). I am just new to CSS and how to eliminate code in order to move the important stuff (content) up higher.
     
    stymie, Jun 3, 2008 Set Best Answer IP
  4. wd_2k6

    wd_2k6 Peon

    Messages:
    1,740
    Likes Received:
    54
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Yes you could easily convert this it's only a one-column layout and if you want the content at the very top just use negative margins for the Menu which should be converted to CSS and using a UL.
     
    wd_2k6, Jun 4, 2008 Set Best Answer IP
  5. stymie

    stymie Guest

    Best Answers:
    0
    #5
    I appreciate the advice - now the dumb question. How do I go about doing this? I am a newbie to CSS, and therefore don't know anything about negative margins...but am willing to learn. Any free online tutorials or info pages that you recommend?
     
    stymie, Jun 4, 2008 Set Best Answer IP
  6. wd_2k6

    wd_2k6 Peon

    Messages:
    1,740
    Likes Received:
    54
    Best Answers:
    0
    Trophy Points:
    0
    #6
    OK well forget about the negative margins, and convert the site from a tables to DIV's, which shouldn't be too difficult.
    Basically the Menu would be converted to a ul (un-ordererd) list, with each menu item place inside the <li></li> and the background set to the li etc.. inside the CSS.
    The flash is just embedded and centered..
    Then you've got the text which is inside a paragraph and set set to a width with some padding and #fff background
    Then you need two div's for the services and money back guarentee info, width set at total width / 2 and the first DIV is floated left to make way for the second next to it
    Everything below this is all over the shop so i'm not sure where it's actually meant to appear.
    And don't forget to add margin: 0px auto; to center elements inside your CSS
    And add the blue background colour to the body and you may aswell add the margin: 0px auto; to the body aswell.

    If you still need help in converting to DIV's then i'll draw something up for you later.
    Then when this is done you can see whether it's worth re-ordering the content and how we can go about doing this as the site will be much clearer.
     
    wd_2k6, Jun 5, 2008 Set Best Answer IP