View Full Version : Complete website design change...yes or no?
johnbran@lycos.com
Mar 2nd 2008, 3:11 am
Hi all,
I am new to all of the website game, and this forum, so I hope my questions aren't too off base. Anyway, I have a relatively new website (only a little over a month old), but I am already contemplating a complete design change. I was wondering how this would affect what little ranking I have been able to get and if I should even do it at all. Amazingly, I was out of the dreaded "google sandbox" as everyone calls it fairly quickly and my site and sitemap are indexed. I don't have a page rank yet for some reason, but google shows that it is indexing at least some of the pages.
So, here is what I am considering doing. My current site is here: www.jbandbenterprises.com
The template I am currently modifying for my site is here:
http://www.funkyvision.co.uk/temps/ft-53/
I never have really liked the design of the current site. It just seems kind of cheap and spammy to me. I personally like the traditional business template with the content in the right column and links/navigation in the left column, nav buttons along the top, etc. Also, I think this design would look more professional for my type of site. I just don't know if whatever possible damage it would do to my just emerging search engine rankings would be worth the benefits of changing it. Honestly, I think I would have a better ctr with the more professional template, rather than the personal homepage looking site that I have now, but maybe I'm wrong. I cannot get a picture of the template I'm considering using since I've added my home page information or I would post it, but it does give it a more modern or contempory business site look while still providing the same information, links, and such as the current site.
So, what do the experts on here think? Is my current site design really as bad as I think it is, or not? How much damage would I really do to my PR if I change the entire design, but keep the same title, description, metas, etc. and just change the look and navigation of the site? I am considering not even changing the secondary pages such as the links pages, webring page, and just change the main home page design so that there is as little disruption as possible. Or should I go for the whole smash and re-design all of the pages at one time? As I say, I'm new to all of this and I would greatly appreciate any and all information I can get on this subject.
Thanks in advance!!
P.S. GREAT forum!! I have already found a HUGE amount of information that has helped me get this project up and running. I guess I just need a little feedback on this one. Thanks again!!
johnbran@lycos.com
Mar 2nd 2008, 3:14 am
Hi again, as I'm sure most, if not all, of you know, the links aren't clickable yet since i'm new. So you will have to copy/paste the two site addresses to see them, but please check out both versions so that i can get an honest opinion here. Sorry for the extra trouble, but it wouldn't let me link them.
Thanks again!!
Stomme poes
Mar 2nd 2008, 3:46 am
I wouldn't think re-arranging your page would have anything to do with teh googles. Unfortunately you have built your page in such a way that changing its appearance/design is impossible without changing the source (okay, maybe not imposiible but difficult at best). You are using a bit of CSS but if you write your site with the Minimal Markup approach where you take your text content and mark it up as though it were a school paper or something, you could completely change the setup look feel design of your site whenever you wanted with little or no change in source code. And we know teh googlies pay zero attention to css so no change in rank (unless your visitors thought the new desgin was nasty and left).
You might want to check your local library for this book: Build Your Own Web SIte the Right Way Using HTML and CSS by Ian Lloyd. You can go through it and see how you'd change your site out of the tables and into simple HTML markup, while keeping it otherwise the same.
I would think thsat whever the googlies get back to your site, and the content's been changed, then they'll simply record that in the Google cache.
vpguy
Mar 2nd 2008, 3:58 am
The second template is much better than the current one. Don't be afraid to change things around until you get a steady flow of visitors. I probably changed the layout of my site a dozen times while it was new and sandboxed. Changing and revamping is a sign that your site is evolving.
The current homepage is way too long to make anyone want to read it, so if you break it up into chunks it might be a bit more successful.
I also think that you should ditch the webring link.
quicksilver101
Mar 2nd 2008, 4:59 am
The second template is much better than the current one. Don't be afraid to change things around until you get a steady flow of visitors. I probably changed the layout of my site a dozen times while it was new and sandboxed. Changing and revamping is a sign that your site is evolving.
The current homepage is way too long to make anyone want to read it, so if you break it up into chunks it might be a bit more successful.
I also think that you should ditch the webring link.
Agreed, the second design is of course much better because it allows for proper navigation.
johnbran@lycos.com
Mar 2nd 2008, 10:29 am
Thanks for the input. I wasn't sure about the webring link to start with. As for the content being too long, how would be the best way to go about breaking it up? I don't really want to cut out any content, as that is most of what got it out of the sandbox to begin with, but it wouldn't really flow if I put part of it on another page or something would it? Or should I try to break it up with some graphics or other destractions between the paragraphs? I've been struggling with a way to overcome the length of the message without losing any of the information. Any thoughts here?
Any other feedback on which site design would be better is still appreciated...Thanks again to those who have already replied
zooDel
Mar 2nd 2008, 11:02 am
The second is an improvment, but still it doesen't do it for me.
Try ... dcarter.co.uk/abstract_02.html similar but much more of a finished template.
ahuddy
Mar 2nd 2008, 11:12 am
Agreed, design needs to be changed. You should let me re-design this for you. For $200 I can have it completed tonight, with all of your content implemented and easy to navigate.
Something like this would look great...
http://www.ahuddy.com/images/temp.jpg
vpguy
Mar 2nd 2008, 11:12 am
How do you know you are out of the sandbox? Just because you are indexed does not mean that you are out of the sandbox. Ranking on page 1, 2 or 3 for competitive, targeted keywords means being out of the sandbox. How old is the site?
SEOibiza
Mar 2nd 2008, 11:15 am
swapping your current content into a nice clean xhtml / css template can often give a massive boost to SERP results.
if you look here: http://www.rankquest.com/tools/Lynx-View.php?url=http://www.jbandbenterprises.com/
that's a simulated lynx viewer's view of your site currently. not too keyword optimised at the top of the page where you need it, is it?
download the ranquest toolbar and go and look at various sites built on the templates youre considering and others too through the lynx viewer.
You'll find that mostly the css layout etc usually lists your navigation structure first which presumably are also your keyworded anchor text? ie the page is full of keywords and their variants right at the top where you want them.
I would crack straight on with this if I were you as you dont really have too much to lose in the in the way of rankings yet, and that layout is not particularly convincing to visitors either.
i thoroughly recommend the dcarter templates, thats what our site is built on and it rocks performance wise once you put good content and seo principles into it's design
Stomme poes
Mar 2nd 2008, 11:33 am
Nevermind, mindless rant. Just download the real Lynx browser and be done with it.
Like, I just saw a zombie playing hockey. As a shark. Awesome.
johnbran@lycos.com
Mar 2nd 2008, 3:43 pm
I don't know for sure if i'm out of the "sandbox", but it took 4 weeks to get any of my pages in the index, so I just assumed that i am. But, i very well may be wrong. Most people talk of the sandbox as not being indexed at all for a long time. i may be at the bottom, but i guess at least i'm in there some where. It isn't much, but at least it's a start.
As for the age of the website, it has only been up for about 5 weeks or so now. So, as some of you have said, i guess i really don't have a whole lot to lose just yet by changing it.
As for the new design, i thought i would have it ready to update to the site by today, but i've got a technical error with my html editor that i have to sort out first. Everything looks great on the editor's page, but when i try to post the code to my site, i get all of the text, links, and images in the correct places...but no background or images for the template itself. It just has a blank white page behind everything. So, i've got to figure that out before I can try to update the site.
i am going to check out the dk templates also. it may be the template that i'm using that's causing the problem. As i say, i'm new to all the html, css, etc. stuff, so i'm still having a bit of a learning curve right now.
i'll keep working at it though, and i'll update this post when, and if, i ever get it updated to a new site so that you all can critique it.
I greatly appreciate everyone who has taken the time to reply and look forward to any and all further responses.
Thanks once again!!
spiderweb
Mar 2nd 2008, 4:37 pm
Hi,
We came to see your requirement in a forum . Please have a look at
http://www.bizstrategysolutions.com/webdevelopment1.htm for our portfolio. We are capable of
handling your project. If you are like our designs and previous works, please get back to
me. We can discuss more on your project. We are ready to start the job.
Looking forward to be working with you.
Regards,
Cherry
zooDel
Mar 2nd 2008, 4:53 pm
I really don't see how hard it is to not get indexed. I've always been indexed withing the week of submitting for all my sites.
Guess im just lucky :P
vpguy
Mar 3rd 2008, 1:21 am
I don't know for sure if i'm out of the "sandbox" ...
... it took 4 weeks to get any of my pages in the index ...
... the website ... has only been up for about 5 weeks ...
You are probably not out of the sandbox. You can probably count on at least 4 more months of being in the sandbox.
In other words, now is the ideal time to play around with the design because it will have little to no impact on your SERPs.
johnbran@lycos.com
Mar 3rd 2008, 2:32 am
Well, I still can't figure out what's going on with my html editor, but I did get a temporary fix made (i hope) so that the page isn't so long. I added a page 2 and broke the length of the text into two pages. I know the site design still stinks, but at least it doesn't have the mile long text all at once. You guys (and gals) might check it out and see what you think. I re-worked all of my nav links at the top so that everything will flow back and forth between the pages, so hopefully it will work for a while until I get this stupid editor to cooperate.
For those of you who offered your services in designing the new version of my site, please don't think i am ignoring you. I just don't really have it in the budget to buy a new design just yet. As i'm sure you all know, advertising is expensive, so i'm putting any extra i money i can into the ad fund until things start moving along better. So thanks for the offers, and i have made notes of each and every one of you so that when, or should i say if, the site gets on its feet a little more and can start to fund some major upgrades such as that, then i will be definitely looking for a designer. Until then, I'll just have to figure things out as i go, and keep upgrading the site as best as i can myself.
Thanks as always to everyone who has posted. Keep 'em coming. I'd like to know if I really messed my site up tonight with the changes or if i may have actually made it a little better. Well, as much better as it is with the design it has anyway.
Thanks again!
johnbran@lycos.com
Mar 27th 2008, 10:40 pm
Ok, it's taken me a few weeks, but I finally got my site re-design completed. I would appreciate if any of you would take a look at it and tell what you think.
Here it is: http://www.jbandbenterprises.com
I had to kind of compromise on what I originally wanted, but I think it is a lot better than what it was before. I couldn't really find any templates that I liked 100 percent, so I just started from scratch and made my own. I know it's probably not the best design ever created, but it suits what I wanted to do and it is a whole lot better than the design it originally had. I've now got all my navigation in one easy to use place, everything is seperated out to be easier to search, it all seems to flow good, and I've got plenty of room to add more content to it later.
So, give it a look and tell me what you think of it now.
Thanks again!!
Stomme poes
Mar 28th 2008, 6:22 am
Code-wise, ew. But as far as design...
I have a large screen. Your table is 770px wide (which is considered friendly for those with 800x600 screens) and centered, but this narrow width makes the page quite long. If you had a proper HTML/CSS set up, I'd set the sidebars like they are (fixed width) and let the page stretch out to a greater width for those of us with a wider screen (while it shrinks to a minimum of 770px for when the browser window is made smaller).
You're all worried about SEO, yet aren't taking full advantage. All that space between those paragraphs is screaming for some headers : ) Usually you're beginning a paragraph with a question. That would be a great header. By header, I mean a header tag.
<h1>This is the name of the page. There is only one of these per page.</h1>
<h2> This is a sub-header, and there can be more than one but usually not many of them</h2>
<h3>This is a "sub-sub" header. It belongs under an <h2> and should still be about whatever <h2> is about, just more specific.
When you have 4 or 5 big paragraphs like you have, which are generally about the same info, then you'd likely have multiple <h3>s sitting on top of each paragraph.
<h1>The Best Work From Home Business Opportunity Resources</h1>
(the rest is just fake text to show as an example, don't copy the text)
<h2>Make money online<h2>
paragraph intrducing how to make money online
<h3>How to get started?</h3>
paragraph about getting started in making money online
<h3>Tools</h3>
paragraph about tools used to make money online
<h3>Resources</h3>
paragraph about the resources used to make money online
<h4>Particular resource</h4>
paragraph with extra information about a particular resource used to make money online
<h3>Hurdles</h3>
paragraph about hurdles faced when trying to make money online
Etc.. This also helps you break up your text better. Teh Googles like headers because it helps them figure out which parts of your own page YOU think are most important. Your page is not ABOUT a particular resource used to make money online, that's just a small part of your page. And so people looking for only that Particular Resource would be happier finding pages that are all about or only about that Particular Resource than finding your page, which isn't about the particular resource but about Making Money Online, see? All search engines like semantically-written pages. They'll index and rank all pages, and the rank is surely determined by content, yes, but with header tags you set a bit of order to your page which makes it easier for people to figure out what's most important and what's less important.
A border would help things design wise. A slim 1px light grey border can do wonders for a page.
johnbran@lycos.com
Mar 28th 2008, 11:53 am
Thanks for the information Stomme. I know the code is really awful, but with my editor, I'm just lucky I got it to look halfway the way I wanted it to. As for the html/css set up you mentioned, that is what I was hoping to achieve when I redesigned the site, but it didn't work for some reason. My editor has a setting that is supposed to edit in css stylesheets, but even though I used it for the complete redesign, when I was done I still didn't have any style sheets. So, I'm still working on that part of the process. I did notice that when I looked at the source code on my page 2, right after re-designing, I did have some of the css in the code (h1, h2, etc.) but it wasn't a complete and recognizable style sheet. For some reason, it didn't do the whole thing, so I took out the extra css tags, which were not even being recognized by my css validator anyway (it kept saying no style sheet found). I don't know why my editor used some css on the second page, none on the first page, but didn't do it all. I know my editor stinks, but that's what I have and I can't really afford anything else right at this point. Is there any way, short of another complete redo, to convert my entire site from what I've got to a workable css stylesheet? Obviously, I'm new to all of this and really don't know all the tech stuff about these editors, website code, etc. but I'm am always willing to learn something new and would appreciate any advice that I can get.
I appreciate you taking the time to post.
Thanks!
Stomme poes
Mar 31st 2008, 12:55 am
Um, unfortunately your choices (if you want better code) is two:
One is to learn all the HTML and CSS yourself. This can be done cheaply (all you need is something that types without formatting, like a Notepad clone) but will take a bit of time (since you're obviously busy doing other things in life, you may not have a whole lot of time, and CSS takes a lot of it).
Option 2 is to get someone who already knows to do it for you. Unfortunately this is a sort of "Lemon market": you can't tell how good the used car is unless you're a mechanic... you can't tell how good a coder is unless you're a coder yourself.
The use of tables isn't really the best choice here as it will limit your flexibility and in this case adds a lot more code (increasing filesize, which if you end up getting a bunch of visitors that's a lot of work for your server).
Your CSS generator, I dunno what it's doing but it seems to have some sort of template-idea behind it... because why would it add css for something that you don't have in your HTML? This is bloat too, even though any visitors only load your css sheet once.
I'm thinking you're more likely to take the second option, but if you choose the first, stick around on these forums for answers, and check out this book (literally, check it out from the library, it's old enough): Build Your Own Web Site the Right Way using HTML and CSS by Ian Lloyd. Just be sure to check the errata link inside the book so that you don't get confused by the typos which have made it through printing : )
Since you actually build a website using that book (www.bubbleunder.com), you can pretty much make any type of simple site after going through it once.
All of this can be done completely free! (Unless you decide to buy the book, which I did). Free as in money, though, not as in time. CSS is introduced in the book and how to hook it up in your HTML page, but it's pretty simple CSS. You can go further with CSS using any number of books or even online articles.
Good Luck.
johnbran@lycos.com
Apr 5th 2008, 1:07 am
Thanks again Stomme. Well, I've been doing some researching on CSS and according to W3C, my site has now got a valid CSS 2.1 code. I would appreciate if any of you could check it out with your own validators and let me know if this is correct. I noticed that apparently there is no way to use css and html and have both valid. I am assuming that if you have one or the other validated with no errors, then it doesn't make much difference how many errors the other has? Maybe I'm wrong, but I did check out several sites on the web just for research sake, and they all had either valid html and invalid css, or vise versa. So I hope I'm correct on this and my site is indeed validated as it should be with the css. I think my home page has 19 html errors or so, but they all seem to relate to the css style sheet that is being used, so I'm not sure how to correct them without messing up the CSS. Or at least that is how I understood the explanation of the errors. Please let me know if I am not correct.
Anyway, just wanted to pop in and say thanks again for the information and to see if I could get some of you to see if I really have validated my page/pages. As always, any feedback is good feedback and I welcome any and all comments, suggestions, or tips.
Thanks!
raymondgill08
Apr 5th 2008, 11:49 am
Scrap both templates. In my opinion, you need somthing a bit more flashy for your visitors.
Stomme poes
Apr 6th 2008, 12:34 pm
If you want to validate the HTML, go here: http://validator.w3.org/
CSS: http://jigsaw.w3.org/css-validator/
Lots of us have both valid HTML and CSS... and our HTML is strict doctype.
The reason 99% of the web is invalid crap is because lots of people build websites and don't know the difference. The rest should, and don't care. Google itself doesn't validate because they need their page (their very very simple search page) to work on all 200+ browsers, some 15 years old, whatever, around the world. Yahoo's doesn't validate because they simply wrote sh*tty code and got away with it. It's probably biting them in the butt now-- their code is so unmanagable, it must cost an arm and a leg to change or fix anything. Have you seen the amount of code on a single Yahoo page?? Good god, I couldn't wade into that with just waist-highs.
Browsers are extremely tolerant of mistakes though, which is why everyone can get away with it. The thing is, while sometimes simple stuff like an unclosed tag looks okay in FF and IE, other times it destroys the page. Since you'll never know which error will do what, it's easier to have 0 errors. Easier to change the page later, easier to add stuff, etc.
You CAN have valid HTML and CSS. But it's really really hard when you're flailing about not know how stuff works. After about a year of doing HTML and CSS, learning from the bearded, hooded, crusty gurus, I still run into stuff and I'm like wtf? It's not easy... but easy sites aren't hard.
If you must pick between the two, I'd say it's more important to have valid HTML. However, valid doesn't mean good. It just means it follows the rules and doesn't break any. Using a <p> around a list item is damn strange and makes no sense, but it doesn't break a rule so the validator won't say boo. Having <p></p> empty and floating around the page is also wrong, semantically (it makes no sense), but it's legal. There's a lot to this. But anyway, if the HTML's valid, the message can get out. CSS, you either get the effect you want or you don't. When you don't, you can go bug hunting. A lot of errors can sit in the CSS and the browser won't notice because some other rule will accidentally take up the slack.
Kinda like mutants keep on living despite all the errors in their DNA. Sometimes mutant websites just waddle on...
Check out that book again. A moron like me was able to read it, having never heard of HTML or CSS before May of 2007, having never coded anything (zero programming experience, hell I can't even work most stuff on a Windows machine), and here I am, on teh Internets acting like I know it all. Isn't it great? You can do it too. But it's a choice you'll have to make. And you'll have questions... that's what the forums are for. (not all answers on a forums will be right, of course)
johnbran@lycos.com
Apr 26th 2008, 1:55 am
Ok all...it's been a while since I've been on here, but I have been working everyday on the site. I've got some pretty good results as far as achieving the design I was aiming for. Still have a few bugs to work out though. The biggest problem I've got right now is with the new layout when viewed in Firefox. Everything looks good...except that it is stuck over to the left side and I cannot get it to center in the browser window. Looks perfect (to me at least) in Explorer....but nothing I have done so far can get it to be centered in a Firefox browser. Any ideas on this would be greatly appreciated. I've read through several forums looking for this topic and found some ideas, but none of them have worked so far, so I'm back to square one on this problem. At least the site is looking better than what it did just a month ago, at least in my own personal opinion.
As for the validation, I keep changing and changing code and I've had it down to as low as 16 errors in html and none in css, but I can't seem to get it any lower. Biggest problem with this is that I've got some tracking codes that I had to enter into my site for some of the programs that I'm using....and their code isn't valid. But, if I change the code to make it valid, then their code doesn't work. I've contacted them about the errors, but they all seem to come up with the same response...it's not a big deal and as long as it is working, there's no need to change it. So, I'm back to square one on that problem as well. Like I say, I'm still valid in css, but I have cut down the number of html errors a lot, so I'm making progress anyway.
I guess that's about it for this go around. I would still appreciate if any wants to check out my site and offer up some suggestions on what it needs, what it doesn't need, etc., etc., etc. If you don't remember the url, here it is, but you will probably have to copy and paste it since I don't think I have enough posts to have active links yet:
http://www.jbandbenterprises.com
As always, I appreciate any and all feedback as this is, and will continue to be a work in progress, and I'm always looking for ways to improve it.
Thanks to all!!
Joshy
Apr 26th 2008, 5:30 am
I think the site needs some backround color.
but like you, i am new to this game.
i started out with a template and changed it vastly.
Stomme poes
Apr 28th 2008, 2:03 am
I just looked with FF1.5 and it is centered... though I'm rather surprised that it is, looking at the beginning of the code : ) You've got a big error.
A page should start with a doctype (yours does, good), and then the <head> (yours does, good again) but then all the meta tags, style tags, script tags... those need to stay in the <head> and the <body> comes AFTER the </head> Also, tags need to be opened and closed in a certain order. You cannot do this:
<p> blah la la la <span> blah blah </p></span>
The span was opened inside the p, so it has to be closed inside the p.
<p>blah blah la la <span> la la la</span></p>
So your header is screwed up in the code.
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN"where's the rest of the doctype?>
<html lang="en">
<head>
<meta content="GMefQ29UKSVepoxBJ3tDOeR0L4F3fYzzoUgwL1HZLS4=" name="verify-v1">
<meta content="text/html; charset=ISO-8859-1" need end tag > here
need start tag < herehttp-equiv="content-type">wheres the rest of this tag??
<title>The Best Work From Home Business Opportunity Resources</title>
<meta content="text/html; charset=ISO-8859-1" this is a repeat!
http-equiv="content-type" this tag is not finished!><meta name="generator" content="HTML Tidy for Linux (vers 1 September 2005), see www.w3.org">
<meta name="description" content="Are you curious about working from home using the internet? The information and products you'll find here are some of the best home based money making free and paid work at home programs on the web">excellent descriptiong tag
<meta name="keywords" content="work from home, work at home, home based business, work from home programs, online business, work from home jobs, make money online, website design, website promotion, search engines, internet marketing">
<meta name="robots content="><meta name="revisit-after" content="1 day"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8">finally, the content-type tag is correct.. delete the others as they are not even finished
<style type="text/css">
span.c43 {color: #000000; font-family: verdana; font-size: 70%}
span.c42 {color: #CC3300; font-family: verdana; font-size: 70%}
img.c41 {visibility: hidden; width: 0px; height: 0px;}
div.c40 {border: 1px solid ; width: 468px;}
div.c39 {text-align: justify;}
p.c38 {text-align: center;}
span.c37 {color: rgb(102, 102, 102); font-family: verdana; font-size: 70%}
table.c36 {text-align: left;}
td.c35 {width: 468px; text-align: left;}
h1.c34 {text-align: right;}
span.c33 {font-weight: normal;}
h2.c32 {text-align: center;}
big.c31 {text-decoration: underline;}
div.c30 {text-align: center;}
em.c29 {font-weight: bold;}
li.c28 {font-weight: bold;}
p.c27 {text-align: left;}
div.c26 {text-align: center; color: black;}
a.c25 {font-weight: bold;}
span.c24 {color: black;}
table.c23 {border: 1px solid rgb(238, 238, 238); background-color: rgb(255, 255, 255); width: 160px; line-height: 1.5; font-family: verdana,serif; font-size: 11px;}
td.c22 {padding-left: 5px;}
span.c21 {color: #CC3300; font-family: verdana; font-size: 80%}
span.c20 {font-weight: bold; color: black;}
div.c19 {text-align: left;}
span.c18 {text-decoration: underline;}
span.c17 {color: black; font-family: verdana; font-size: 80%}
div.c16 {text-align: center}
table.c15 {width: 200px; border-collapse: collapse; background-color: rgb(153, 153, 153);}
td.c14 {background-color: rgb(204, 204, 204);}
small.c13 {color: red;}
big.c12 {color: black;}
br.c11 {font-weight: bold;}
br.c10 {color: black;}
big.c9 {color: red;}
a.c8 {color: black; font-weight: bold;}
div.c7 {text-align: center; color: rgb(255, 255, 102);}
span.c6 {font-size: 70%}
table.c5 {width: 90%; text-align: left; margin-left: auto; margin-right: auto;}
td.c4 {width: 20%; text-align: center;}
img.c3 {width: 770px; height: 119px;}
div.c2 {text-align: left; margin: auto}
span.c1 {font-weight: bold;}
</style> <!-- trafficswarm.hitslink.com/ web tools statistics hit counter code --><script
type="text/javascript" id="wa_u">
</script> <script type="text/javascript">
//<![CDATA[
wa_account="johnbran"; wa_location=24;
wa_pageName=location.pathname; // you can customize the page name here
document.cookie='__support_check=1';wa_hp='http';
wa_rf=document.referrer;wa_sr=window.location.search;
wa_tz=new Date();if(location.href.substr(0,6).toLowerCase()=='https:')
wa_hp='https';wa_data='&an='+escape(navigator.appName)+ '&sr='+escape(wa_sr)+'&ck='+document.cookie.length+
'&rf='+escape(wa_rf)+'&sl='+escape(navigator.systemLanguage)+
'&av='+escape(navigator.appVersion)+'&l='+escape(navigator.language)+
'&pf='+escape(navigator.platform)+'&pg='+escape(wa_pageName);
wa_data=wa_data+'&cd='+
screen.colorDepth+'&rs='+escape(screen.width+ ' x '+screen.height)+
'&tz='+wa_tz.getTimezoneOffset()+'&je='+ navigator.javaEnabled();
wa_img=new Image();wa_img.src=wa_hp+'://counter.hitslink.com/statistics.asp'+
'?v=1&s='+wa_location+'&acct='+wa_account+wa_data+'&tks='+wa_tz.getTime();
document.getElementById('wa_u').src=wa_hp+'://counter.hitslink.com/track.js'; //]]>
</script><!-- End trafficswarm.hitslink.com/ statistics web tools hit counter code --> where's the closing tag for head?
<body
style="direction: ltr; background-position: center; background-image: url(http://www.jbandbenterprises.com/images/g11line29ltgreen.gif );">
<div class="c16">
<table style="background-color: rgb(255, 255, 255); width: 890px; text-align: left; margin-left: auto; margin-right: auto;"
border="0" cellpadding="0" cellspacing="0"><tbody>
...etc...
So basically, change the first part of your page to this:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>The Best Work From Home Business Opportunity Resources</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta content="GMefQ29UKSVepoxBJ3tDOeR0L4F3fYzzoUgwL1HZLS4=" name="verify-v1">
<meta name="generator" content="HTML Tidy for Linux (vers 1 September 2005), see www.w3.org">
<meta name="description" content="Are you curious about working from home using the internet? The information and products you'll find here are some of the best home based money making free and paid work at home programs on the web">
<meta name="keywords" content="work from home, work at home, home based business, work from home programs, online business, work from home jobs, make money online, website design, website promotion, search engines, internet marketing">
<meta name="robots" content="index, follow">
<style type="text/css">
body {
background: url(images/g11line29ltgreen.gif ) center center;
}
span.c43 {color: #000000; font-family: verdana; font-size: 70%}
span.c42 {color: #CC3300; font-family: verdana; font-size: 70%}
img.c41 {visibility: hidden; width: 0px; height: 0px;}
div.c40 {border: 1px solid ; width: 468px;}
div.c39 {text-align: justify;}
p.c38 {text-align: center;}
span.c37 {color: rgb(102, 102, 102); font-family: verdana; font-size: 70%}
table.c36 {text-align: left;}
td.c35 {width: 468px; text-align: left;}
h1.c34 {text-align: right;}
span.c33 {font-weight: normal;}
h2.c32 {text-align: center;}
big.c31 {text-decoration: underline;}
div.c30 {text-align: center;}
em.c29 {font-weight: bold;}
li.c28 {font-weight: bold;}
p.c27 {text-align: left;}
div.c26 {text-align: center; color: black;}
a.c25 {font-weight: bold;}
span.c24 {color: black;}
table.c23 {border: 1px solid rgb(238, 238, 238); background-color: rgb(255, 255, 255); width: 160px; line-height: 1.5; font-family: verdana,serif; font-size: 11px;}
td.c22 {padding-left: 5px;}
span.c21 {color: #CC3300; font-family: verdana; font-size: 80%}
span.c20 {font-weight: bold; color: black;}
div.c19 {text-align: left;}
span.c18 {text-decoration: underline;}
span.c17 {color: black; font-family: verdana; font-size: 80%}
div.c16 {text-align: center}
table.c15 {width: 200px; border-collapse: collapse; background-color: rgb(153, 153, 153);}
td.c14 {background-color: rgb(204, 204, 204);}
small.c13 {color: red;}
big.c12 {color: black;}
br.c11 {font-weight: bold;}
br.c10 {color: black;}
big.c9 {color: red;}
a.c8 {color: black; font-weight: bold;}
div.c7 {text-align: center; color: rgb(255, 255, 102);}
span.c6 {font-size: 70%}
table.c5 {width: 90%; text-align: left; margin-left: auto; margin-right: auto;}
td.c4 {width: 20%; text-align: center;}
img.c3 {width: 770px; height: 119px;}
div.c2 {text-align: left; margin: auto}
span.c1 {font-weight: bold;}
</style>
<!-- trafficswarm.hitslink.com/ web tools statistics hit counter code -->
<scripttype="text/javascript" id="wa_u"></script> <script type="text/javascript">
<!--//--><![CDATA[//><!--
wa_account="johnbran"; wa_location=24;
wa_pageName=location.pathname; // you can customize the page name here
document.cookie='__support_check=1';wa_hp='http';
wa_rf=document.referrer;wa_sr=window.location.search;
wa_tz=new Date();if(location.href.substr(0,6).toLowerCase()=='https:')
wa_hp='https';wa_data='&an='+escape(navigator.appName)+ '&sr='+escape(wa_sr)+'&ck='+document.cookie.length+
'&rf='+escape(wa_rf)+'&sl='+escape(navigator.systemLanguage)+
'&av='+escape(navigator.appVersion)+'&l='+escape(navigator.language)+
'&pf='+escape(navigator.platform)+'&pg='+escape(wa_pageName);
wa_data=wa_data+'&cd='+
screen.colorDepth+'&rs='+escape(screen.width+ ' x '+screen.height)+
'&tz='+wa_tz.getTimezoneOffset()+'&je='+ navigator.javaEnabled();
wa_img=new Image();wa_img.src=wa_hp+'://counter.hitslink.com/statistics.asp'+
'?v=1&s='+wa_location+'&acct='+wa_account+wa_data+'&tks='+wa_tz.getTime();
document.getElementById('wa_u').src=wa_hp+'://counter.hitslink.com/track.js'; //--><!]]></script>
<!-- End trafficswarm.hitslink.com/ statistics web tools hit counter code -->
</head>
<body>
<div class="c16">
<table style="background-color: rgb(255, 255, 255); width: 890px; text-align: left; margin: 0 auto;"
border="0" cellpadding="0" cellspacing="0"><tbody>
...etc...
The margin: 0 auto is just a shorter way of saying margin-left: auto; margin-right: auto; and I'm assuming there's no top or bottom margin (the 0) since you don't mention it at all. The body style got moved to the CSS style tag. I otherwise did no look at your css to see if it's pretty or valid or whatever, but the beginning of a page is very important so, this should make everything a little cleaner. And so long as you have a width set on that table (which you do) and margin: 0 auto, it should center in all browsers except IE5.5 and below (cause that's a retarded browser which doesn't work correctly with CSS). If you care about those ones, the body needs text-align: center; added to the other declarations... you already have text-align: left; on the table so the "center" on the body will center for IE5 and the text isn't really centered because you moved it back on the table, so, good : )
The meta tag revisit-after is NOT supported by any browsers AFAIK, so I removed it. I kept a valid version of the robots tag, however you don't need it because unless you tell them NOT to index or follow external links, they will be default. But I left it in there, I dunno, just because.
You can read more about robot tags here: http://searchengineland.com/070305-204850.php
geckojohn
Nov 3rd 2008, 10:57 pm
thanks for the tips :)
TDPStore
Nov 4th 2008, 12:15 am
The second design
vBulletin® v3.8.4, Copyright ©2000-2010, Jelsoft Enterprises Ltd.