joecool
-
Posts
68 -
Joined
-
Last visited
Content Type
Profiles
Forums
Events
Downloads
Gallery
Store
Posts posted by joecool
-
-
We're happy to see you today.
Would be nice to see you tommorrow as well...
-
Welcome, Nice to have you on board joining in the fun...
-
You will probably get different opinions when it comes to Alexa rankings.
From my perspective, I do not pay any attention to it for my sites anymore. That said, I do like to see it increasing. However, I have detailed stats of how many visitors I get and at the moment, for one of my sites the alexa ranking is over 600,000 and this sites gets over 15,000 unique visitors a month and when the site was only getting around 12,000 uniques it's ranking was under 250,000.
What matters to me now is the money that I have coming into the bank for the site and looking at my visitors analytics. Alexa ranking is just an educated guess (well a little more than that, but you get the idea) of how my site is doing visitor wise. I have the real information already by just looking at google analytics.
However, all that said, I do check Alexa rankings for competitor sites and for sites that I use for research purposes and I do use the ranking and links going into the site as a sort of gauge as to whether the site is an Authority site and whether it is worth my attention.
I wouldn't spend to much time Alexa ranking gazing if I where you, it is a bit of a fruitless task and it can drive you crazy. Focus on your real stats through google analytics or whatever program you use.
I have also read once that the rankings aren't really that accurate until you get under the 100,000 mark, but I don't know how true that is.
Hope that helps...
-
Hi,
I just wanted to quickly address the recent spike in spam. Basically, I am looking at options to filter these guys as they post. Anyway, we now automatically remove the post when a user is marked as a spammer - making it easier for mods to clean things up, while making spam on this board useless.
In retribution for the spamming, I am now looking for some local spammers (in Montreal) to beat the crap out of.
Stefan
If I catch any spammers in London, Uk, then they are dead meat (And I am a pretty big guy)
And if you think my Avatar looks mean, you ain't seen nothing till you get on the wrong side of me...
-
I have set up pages before without having a profile.
When you set up a page at:
http://www.facebook.com/pages/create.php?
Simply go through the options. Yes at the end if asks you whether you already have a facebook profile, but you don't go for this option.
Go for the option where you "Don't have one" They are the only two options.
Yes you will obviously need to provide email details etc, but you will not be set up as a personal profile.
Once you have your page up and running, then there will be a tab at the top which will always be there (as far as I am aware) that says something like "Create Profile" that is where you would create a personal profile if you have to, but as far as I am aware you don't have to.
I have created just a page in the past for one of my sites and used it as just a page for weeks and I could login to just the page, nothing to do with a "personal profile" it was a buisness page (therefore perhaps a business profile in some respect but definitely not personal).
Later on I went on to creat a personal profile for this business page, but I didn't have to.
That is my experience of it anyway, I am open minded to others telling me exactly how they "had to" creat a profile just to create a page.
Now, one slight caveat here. The way facebook has set things up "IS" for you to create pages from personal profiles and you can create as many pages for different businesses as you like from within your personal profile.
They would rather you do that than you create another account. In fact that is how they want you to do it. However, if it is for a client and not for you, then I would set it up as I said in the beginning because doing things this way will not be breaking their terms of use because you are not setting up the page for yourself as such and you are probably not going to be the administrator of the page long-term. (well that is my view anyway, you might want to check their terms of use for yourself).
-
Thanks for that Wickham. I am actually not that bothered at all about IE6. If someone comes to my page using IE6 they get message asking them to upgrade their browser otherwise the website might not function as best it could.That is good enough for me.
-
I could be totally off base here because as everyone here know I am just learning, however...
It strikes me that the best thing to do is yes, work with percentages to some degree, but also set a minimum width so that you will not have that overlapping issue.
-
Thanks makes sense now Susie. How you described it is how I have done it. I learned it from the videos in the killersites university. Intellectually I knew that it checked IE css after the first one because I put it after it, however, I just didn't think it had time to check all the way through the first one before moving onto the IE only one. These robots, there pretty quick I guess.
-
Thanks everyone. You comments where all really useful.
Susie, I didn't know that about just putting the few lines in there to make IE behave and I still don't know how that would work, but since you said it I am going to give it a try. I assumed because it was going to the IE stylesheet that it would not check the other one at all. That little bit of info you have just given me changes everything and makes things a lot more manageble.
I think you are right Eddie when you say I need to look at my code. I am sure it must be something that I have done wrong that causes a couple of things to not look the same in IE. However, I spent a lot ot time trying to figure it out and I couldn't so I took the short cut...
. I will go back and look at my code again though.Eric, thanks for that link, I will take a good look at it.
-
Hi all,
I don't think this is possible but I thought I would ask anyway.
I have managed to create a separate style-sheet for one of my sites, and made it specific for some IE compatibility problems I was having and then I have linked to it using conditional comments in in the head section of each page.
It all works beautifully.
However, I was wondering if there was a way to put conditional comments straight into the current css file rather than creating a new style-sheet. As it stands I don't think this is possible because the particular comment tags used are not made for being inside style-sheets.
However, I thought maybe there was a way.
The reason I ask is because as it stands I would need to make sure everything I change in the future in the standard css is then replicated in the IE specific css, and it just means double the work. Anyone, know of a way around this?
(I only implemented the IE conditional comments when my standard style sheet was virtually complete, for now, so there hopefully there will not be a lot of tweaks to either in the future).
-
I am currently looking into this myself.
I have always had PC's but I have just bought my daughter a MAC and I plan to buy one for myself in the near future.
Being a PC user for the last 11 years or so I always made sure I had antivirus software on my PC, so I am finding it difficult to break the habit with my daughters MAC, even though I have read many times that they don't need them.
I guess I have been brainwashed...
Anyway, I noticed today that AVG seem to be offering some sort of free MAC option these days, has anyone tried this?
-
Yep, I do it to avoid the search engines. Clients search for their name and wonder why their site shows up on discussion boards rather than in the actual search results. Obviously, since their site is new, it's not going to show up right away, but they don't always understand that.
I also do it for the reason Wickham stated - I don't want my clients to see links to threads discussing problems with their sites.
Yep, it does make sense.
Because at the moment I am mainly focused on learning skills that will help me improve my own personal websites and build personal websites, it never really occured to me.
-
Thanks for the replies Andrea and Eddie.
One thing is obvious and that is that it isn't a big deal. You both still manage to build websites and they don't come crumbling down because of the <br> tag.
Anyway, in the course I think that it mentioned to use this tag very sparingly.
Interesting difference of opinion though on the old <br> tag, inline or not inline, block or not block?
I am not going to worry about it anymore. (not that I was worrying anyway, I just wanted to know
) -
I don't know what the video you saw says, bit <br> is just a line break - I think it's neither block nor inline element: http://www.w3.org/TR/html401/struct/global.html#h-7.5.3
The video I am referring to is in Part 4 of the Web Design 1, section about 5 minutes and 50seconds in, block tags are talking about and on screen it has a list of HTML block level tags which include <div>, <p>,<blockquote> and a bunch of other tags and the <br> tag is also in that list. This is why I was confused.
-
In my case, the site is my personal website. If perspective clients search my domain or biz name these links show up. I would prefer that only related links to their search show up and not how to do web design etc.
That makes perfect sense. Since this is the first web design type forum I have ever joined, it never occured to me before.
Thanks for the clarification.
-
Thank you for looking. Thats good to know. MODS can you please edit out that link please from the above post? And no links to my site please.
Above is a quote from Eric from another thread. I didn't want to post this there because I would be taking Eric's thread off topic. But what Eric said is something I have noticed on this forum before that people don't tend to put links to their actual site when they are asking questions, they tend to use a tiny url or something.
Is there a particular reason for this that I should know about?
On IM forums I never show my websites but on webdesign type forums, I didn't think it would be a problem.
What are others thoughts on this?
-
Hi,
I finally decided to try Google Chrome on the Mac ... and I have to say, it is much faster than Firefox. I even found Flash runs better in Chrome.
.. Using Chrome 9.057
Stefan
when I get my MAC (a few months down the line yet) I think I will have to try it.
You have got me curious as to whether it is quicker on my normal XP computer.
I will give this ago.
-
clear: both belongs to a block level element, not a <br>
I just wanted to get a little bit of clarification.
I was just watching on of the videos on the university and I thought that <br> was described as a block level element.
To me it is a bit inbetween, it isn't really block level and it isn't really inline.
But officially which one is it?
-
I have completed my master css page. I'm transferring my site from tables to css and my IE6 (via IE tester) gives me an error message 50% of the time and wont load the page. Can you please test on yours or better yet a native IE6? Thanks for looking! It's one of three things. 1) PIE.htc 2) too big of page in combo with PIE.htc 3) or my IE tester is thowing fits.
Test page... http://goo.gl/DEbPO
PS. Thats by far my biggest page load in the site. It has 100 images in that photo gallery. The other pages load more snappy.
Hi Eric,
I had a quick looking using IE Tester,
http://www.my-debugbar.com/wiki/IETester/HomePage (which Ben suggested to me once)
The page looked fine. However, when it was loading I got a script error:
Line:2
Char:16069
Error: Object Expected
Code: 0
But this error might be to do with my IE settings. Don't know, I am still a novice, you probaby have a much better idea than me what it means.
But when I pressed okay, the page seemed fine.
Hope that helps in someway.
-
Thanks Wickham, that worked nicely.
-
Hi all,
The learning never ends when it comes to CSS.
I am simply trying to accomplish having two images with text in the middle, something like this:
<img src="#" title="left side image">This is the text<img src="#" title="right side image">
I have tried different things such as putting things in div's and using display:line, I tried "positioning" them, but nothing seems to work properly.
Everything needs to be in a line and left image on the left, text in the middle, right image on the right.
Simple?
But not simple enough for me it would seem.
Help...
-
Javascript, here i come...
I think we are destined to be twins.
We joined this site at roughly the same time and I am just starting on the Javascript stuff as well. I am Going through the killersite University stuff as well as the w3schools stuff. A combination of the two should give me all I need to be able to do what I need to do for now.
I have a goal of mastering, HTML, CSS, Javascript and PHP, this year. I feel like I have to; I can't afford to get someone else to make changes to some of my sites and one site/community in particular that I am just about to launch uses a normal css website for the front end then I have phpfox for the community and vbulletin for the forum on the backend and it is to expensive to get experts to sort out any issues with these software and it sometimes takes to long to wait for replys from their forums. So needs must.
-
So from what you've written, I guess all you're asking is you can't use margin:auto to center the stuff? I just tried it and it works fine.
Hi BeeDev,
Sorry I didn't see your reponse last time, yep I can see that you are probably right, I think it was a slight glitch in my editor software that currently is making certain things look uncentered. Thanks for that. However, I know I probably didn't make it clear enough, but that was only part of my problem.
Hi Joe, I managed to make something :ahem, cough: not half bad using example G from here:
http:(remove space)//www.alistapart.com/articles/css-positioning-101/. (Refer last post here: http://www.killersites.com/community/index.php?/topic/4489-how-to-make-a-web-site-the-lazya-waycheat-sheet/page__pid__22542#entry22542). Example E looks just right to me for your needs. Try playing around with the positioning and sizes in that, hopefully you will be able to adapt it to your needs.
Thanks again mzsade,
I didn't have a chance to look over everything but by spending about 25 minutes absorbing what the article you recommended from the 'alistapart' website said I was able to get my head around it. Fantastic article and written in a really engaging way that explains the concepts better than I have come across before. I did have a big "a-ah!" moment while reading it.
Anyway, problem fixed. In short I used positioning instead of floating and I put the 4 images into a "relatively" positioned container and then I "absolutely" positioned them. There is still I slight think I need to figure out, but all in all, I have turned a bit of a corner - I think...
Thanks everyone for your help.
-
MZsade I will take a look
Thanks
Images Not Showing up the right size?
in Beginners Web Design
Posted
Hi all,
I have uploaded 3 images to sit at the top of three colums that I have on my home pages, but the images aren't stretching to the full length of the colum.
I have uploaded the page I am testing so you can see what I mean.
http://tinyurl.com/6cu4u6s
The images in question are the three that sit just below the Titles of the colums. i.e. the square people pictures are the ones I am referring to. The width of these are 260px which is the same with as the ones that sit just above them i.e this one: http://tinyurl.com/68x2hjw for example. However on screen they do not look the same size.
My css file is below (I am in the proccess of getting rid of a lot of the junk in it
)
Start of css file
html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
line-height: 1;
font-family: inherit;
text-align: left;
vertical-align: baseline;
}
table
{
border-collapse: collapse;
border-spacing: 0
}
q:before, q:after,
blockquote:before, blockquote:after {content: ""}
strong {font-weight:bold}
/*#######################
Element Styles
#######################*/
body {font-size:12px; font-family:Arial, Verdana, Helvetica, sans-serif; color:#383b47; background:#ffffff}
a {outline:none; color:#0000ff; text-decoration:none}
a:hover {text-decoration:underline}
p {line-height:1.5em; margin:10px 0}
small {font-size:.8em; font-weight:normal}
em {font-style:italic}
img {border:none;}
h1 {margin:15px 0; font-size:2.05em; font-weight:bold; color:#383b47}
h2 {margin:15px 0; font-size:1.70em; font-weight:bold; color:#383b47}
h3 {margin:15px 0; font-size:1.25em; font-weight:bold}
h4 {margin:15px 0; font-size:1.25em; font-weight:bold}
h5 {margin-top:15px; font-weight:bold}
ol {margin:15px 0 15px 25px; line-height:1.5em; list-style-type:decimal}
ol li {margin:10px 0}
/*#######################
General Classes
#######################*/
.no_space {margin:0}
/*#######################
Layout Styles
#######################*/
#wrapper {overflow:hidden; width:918px; margin:0 auto}
/* ================================================================
This copyright notice must be untouched at all times.
The original version of this stylesheet and the associated (x)html
is available at http://www.cssmenus.co.uk
Copyright © 2009- Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any
way to fit your requirements.
=================================================================== */
#headercontainer {margin:0 auto;}
#headercontainer div.logowelcome {float:right;font-size:14px;line-height:2.0em;}
#headercontainer div.logotop {float:left;margin-top:30px;}
#headercontainer div.logobanner {float:right;}
#headercontainer p {font-size:14px; clear:both;}
#headercontainer p.beta {font-size:14px; vertical-align:top; display:inline; color:#4485e6; font-style:italic;}
#horizontalmenu {clear: both; padding:5px 0px 0px 0px; width:918px; list-style:none; height:31px; position:relative; z-index:500; font-size:1.25em; top:0px; margin-left:0px; }
#horizontalmenu li {float:left; width:153px; background: url(../images/NAV1.png) left top no-repeat;}
#horizontalmenu li a {display:block; text-align:center; padding:0 0px; float:left; width: 153px; height:31px; line-height:31px; background-color:transparent; color:#fff; text-decoration:none; font-weight:bold}
#horizontalmenu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}
/* Default link styling */
/* Style the list OR link hover. Depends on which browser is used */
#horizontalmenu li a:hover {z-index:auto; position:relative; background:transparent url(); color:#fff;}
#horizontalmenu li:hover {position:relative; z-index:auto;}
#horizontalmenu li:hover a {background:url(); color: #F2F2F2;}
#horizontalmenu li:hover a.sub {background:transparent url();}
#horizontalmenu li.current a {background:#4585E7 url(../images/nav_button_hover.png);}
#horizontalmenu li a.home {background-color:transparent;}
#horizontalmenu li a.sub {background:transparent url() no-repeat center right;}
#horizontalmenu li.current a.sub {background:transparent url() no-repeat center right;}
#horizontalmenu :hover ul {left:0; top:31px; width:153px; background-color:transparent;}
/* keep the 'next' level invisible by placing it off screen. */
#horizontalmenu ul,
#horizontalmenu :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
#horizontalmenu :hover ul li {margin:0}
#horizontalmenu :hover ul li a {width:153px; padding:0; text-align: left; text-indent:20px; font-size:.85em; background:#3A70C2 url(../images/nav_button_hover.png); color: #fff; height:31px; line-height:31px; }
#horizontalmenu :hover ul li a:hover {width:153px; padding:0; text-indent:20px; background-color:#6666FF; color:#ffffff; height:31px; line-height:31px;}
#horizontalmenu :hover ul :hover {background-color:#32a0f3; text-decoration:underline; }
#awards {clear:both; float:left; display:inline; padding:5px 15px 15px 15px; width:888px; background-color:#fff}
#awards h1 {clear:both; margin-top:2px; padding:20px 10px; font-size:1.8em; color:#383b47; background:#fff url(../images/h2_bg.jpg) left bottom repeat-x}
#awards h2 {clear:both; margin-top:2px; padding:20px 10px; font-size:1.4; color:#383b47; background:#fff url(../images/h2_bg.jpg) left bottom repeat-x}
#awards p {text-align:justify; line-height:1.4em; font-family:Arial, Verdana, Helvetica, sans-serif; font-size:1.15em;}
#awards img {display:block; margin-left:auto; margin-right:auto; text-align:center;}
#abovefold {float:left; display:inline; width:908px; padding:5px; background-color:#f6f6f6; border-top:solid; border-top-color:#ffffff; border-top-width:thick;}
#abovefold h2 {margin-top:0px; font-size:1.75em; text-align:center; line-height:1.15em; color:#4485e6;}
#abovefold h2.top {margin-top:0px; font-size:2.25em; text-align:center; line-height:1.15em; color:#4485e6;}
#abovefold h2.left {margin-top:0px; font-size:1.75em; text-align:left; line-height:1.15em; color:#4485e6;}
#abovefold .headblue {color:#4485e6;}
#abovefold h3 {font-size:1.4em; line-height:1.5em; font-weight:bold; color:#444444;}
#abovefold div {float:left; display:inline; margin-right:10px;}
#abovefold img.center {display:block; margin-left:auto; margin-right:auto;}
#abovefold p {line-height:1.4em; font-size:1.15em; font-family:Arial, Verdana, Helvetica, sans-serif;}
#abovefold3 {float:left; display:inline; width:908px; padding:5px; background-color:#ffffff; border-top:solid; border-top-color:#ffffff; border-top-width:thick;}
#abovefold3 h2 {margin-top:0px; font-size:1.75em; text-align:center; line-height:1.15em; color:#4485e6;}
#abovefold3 h2.top {margin-top:0px; font-size:2.25em; text-align:center; line-height:1.15em; color:#4485e6;}
#abovefold3 h2.left {margin-top:0px; font-size:1.75em; text-align:left; line-height:1.15em; color:#4485e6;}
#abovefold3 .headblue {color:#4485e6;}
#abovefold3 h3 {font-size:1.4em; line-height:1.5em; font-weight:bold; color:#444444;}
#abovefold3 div {float:left; display:inline; margin-right:10px;}
#abovefold3 img.center {display:block; margin-left:auto; margin-right:auto;}
#abovefold3 p {line-height:1.4em; font-size:1.15em; font-family:Arial, Verdana, Helvetica, sans-serif;}
#abovefoldclear {clear:both; float:left; display:inline; padding:0px; width:908px; background-color:#fff; margin-top:5px;}
#abovefold2 {float:left; display:inline; width:908px; padding:5px 5px 5px 5px; background-color:#f6f6f6}
#content {clear:both; float:left; display:inline; padding:5px 15px 15px 15px; width:888px; background-color:#fff}
#content h2 {clear:both; margin-top:0px; padding:0px; background:#fff url(../images/h2_bg.jpg) left bottom repeat-x}
#content h3 {clear:both; margin-top:2px; padding:20px 10px; font-size:1.5em; color:#383b47; background:#fff url(../images/h2_bg.jpg) left bottom repeat-x}
#content h4 {margin:15px 0; font-size:1.5em; font-weight:bold}
#content h5 {margin:15px 0; font-size:1.30em; font-weight:bold}
#content p {text-align:justify; line-height:1.4em; font-family:Arial, Verdana, Helvetica, sans-serif; font-size:1.15em;}
#content .survey {padding:75px 0px 75px 260px; background:url(../images/SAMPLETAB2.png) 0 50% no-repeat}
#content .say {padding:75px 0px 75px 260px; background:url(../images/SAMPLETAB.png) 0 50% no-repeat}
#content .awards {padding:75px 0px 75px 260px; background:url(../images/SAMPLETAB3.png) 0 50% no-repeat}
#content ol {line-height:1.4em; font-family:Arial, Verdana, Helvetica, sans-serif; font-size:1.1em;}
#content ul {line-height:1.4em; font-family:Arial, Verdana, Helvetica, sans-serif; font-size:1.1em; margin-left:15px;}
#content ol li {line-height:1.4em; font-family:Arial, Verdana, Helvetica, sans-serif; font-size:1.1em;}
#content ul li {line-height:1.4em; font-family:Arial, Verdana, Helvetica, sans-serif; font-size:1.1em; margin-left:15px}
#content .three_columns {float:left; display:inline; width:282px; margin-right:20px}
#content .no_space {margin-right:0}
#generallinks p {line-height:1.3em; font-size:1.1em; font-family:Arial, Verdana, Helvetica, sans-serif; margin:10px;}
#generallinks table {width:900px;margin:auto;}
#generallinks td {padding:0px 0px 50px 0px; vertical-align:middle;}
#generallinks h2 {clear:both; margin-top:2px; padding:20px 10px; font-size:2.25em; color:#383b47; background:#fff url(../images/h2_bg.jpg) left bottom repeat-x}
#generallinks h4 {margin-top:0px; font-size:1.75em; line-height:1.15em; color:#4485e6;}
#generallinks2 p {font-weight:bold; line-height:1.5em; font-size:1.2em; font-family:Arial, Verdana, Helvetica, sans-serif; margin:10px;}
#generallinks2 p.smaller {font-weight:normal; line-height:1.4em; font-family:Arial, Verdana, Helvetica, sans-serif; font-size:1.15em;}
#generallinks2 h3 {clear:both; margin-top:2px; margin-left:10px; padding:20px 10px; font-size:1.50em; color:#383b47; background:#fff url(../images/h2_bg.jpg) left bottom repeat-x}
#generallinks2 h4 {margin-left:10px; }
#generallinks2 h5 {margin-left:10px; }
#generallinks3 table {width:900px;margin:auto;}
#generallinks3 td {vertical-align:middle;}
#generallinks3 td.tablecolor {background-color:#f6f6f6; border:40px solid white;}
#generallinks3 td.logo {border-bottom:40px solid white;}
#generallinks3 td.h4color {padding-top:40px;}
#generallinks3 p {line-height:1.3em; font-size:1.1em; font-family:Arial, Verdana, Helvetica, sans-serif; margin:10px;}
#generallinks3 h2 {clear:both; margin-top:2px; padding:15px 15px; font-size:2.00em; color:#383b47; background:#fff url(../images/h2_bg.jpg) left bottom repeat-x}
#generallinks3 h3 {clear:both; margin-top:2px; padding:15px 15px; font-size:1.50em; color:#383b47; background:#fff url(../images/h2_bg.jpg) left bottom repeat-x}
#generallinks3 h4 {margin-top:0px; font-size:1.75em; line-height:1.15em; color:#4485e6;}
#generallinks3 h5 {margin-top:0px; font-size:1.50em; line-height:1.35em; color:#383b47;}
#generallinks5 table {width:888px;margin:auto;}
#generallinks5 td {vertical-align:middle;}
#generallinks5 td.tablecolor {border:40px solid white;}
#generallinks5 td.logo {border-bottom:40px;}
#generallinks5 td.h4color {padding-top:40px;}
#generallinks5 p {line-height:1.3em; font-size:1.1em; font-family:Arial, Verdana, Helvetica, sans-serif; margin:10px;}
#generallinks5 p.top {text-align:justify; line-height:1.4em; font-family:Arial, Verdana, Helvetica, sans-serif; font-size:1.15em;}
#generallinks5 h2 {clear:both; margin-top:2px; padding:15px 15px; font-size:2.00em; color:#383b47; background:#fff url(../images/h2_bg.jpg) left bottom repeat-x}
#generallinks5 h3 {clear:both; margin-top:2px; padding:15px 15px; font-size:1.50em; color:#383b47; background:#fff url(../images/h2_bg.jpg) left bottom repeat-x}
#generallinks5 h4 {margin-top:0px; font-size:1.75em; line-height:1.15em; color:#4485e6;}
#generallinks5 h5 {margin-top:0px; font-size:1.50em; line-height:1.35em; color:#383b47;}
#generallinks5 .under {text-decoration:underline;}
div.linkscolor {background-color:#f6f6f6; border:40px solid white;}
div.linkslogo {border-bottom:40px solid white;}
div.linksh4color {padding-top:40px;}
#generallinks4 table {width:900px;margin:auto;}
#generallinks4 td {vertical-align:middle;}
#generallinks4 td.tablecolor {background-color:#f6f6f6; border:40px solid white;}
#generallinks4 td.logo { border:40px solid white;}
#generallinks4 p {line-height:1.3em; font-size:1.1em; font-family:Arial, Verdana, Helvetica, sans-serif; margin:10px;}
#generallinks4 h2 {clear:both; margin-top:2px; padding:15px 15px; font-size:2.00em; color:#383b47; background:#fff url(../images/h2_bg.jpg) left bottom repeat-x}
#resource img.center {display:block; margin-left:auto; margin-right:auto; padding-top:5px; clear:both; border:none;}
#ie-warning {background: #FFFF00;border: 2px #CC0000;color: #000000;padding: 10px;font-size: 15px;margin-bottom: 10px;}
#ie6-warning a {text-decoration: none;}
/* Form Styles */
input, textarea {width:350px}
input#submit {width:auto; font-weight:bold}
#footer {clear:both; padding:13px 15px 26px 15px; font-size:1.05em; color:#9696a3; background-color:#f3f2f2;}
#footer a {color:#9696a3; text-decoration:underline}
#footer a:hover {text-decoration:none}
#footwrap {margin-left:auto; margin-right:auto; display:block;}
#left {float: left; width:150px; padding-left:90px;}
#right {float: right; width:160px; padding-right:100px;}
#mid {padding-left:260px; font-size:1.5em; color:#a6a6a6;} /*no float: left; and no width; margins as image width*/
a.name {text-decoration:none; font-size:100%; background-color:transparent; color:#000;}
a name {text-decoration:none; font-size:100%; background-color:transparent; color:#000;}
#linkleft {
position: absolute;
width: 210px;
height: 600px;
margin: 0;
margin-top: 50px;
border-right: 1px solid #C6EC8C;
font-weight: normal;
}
#linkright {
position: absolute;
width: 210px;
height: 600px;
margin: 0;
margin-top: 50px;
border-right: 1px solid #C6EC8C;
font-weight: normal;
}
#mainlinks {margin:0 auto; width:700px; height:400px; position:relative; background-color:#f6f6f6;}
#mainlinks p {text-align:left; line-height:1.5em; font-size:1.2em; font-family:Arial, Verdana, Helvetica, sans-serif; margin:10px;}
#mainlinks .mainresources2 {background-color:#f6f6f6;}
#mainlinks .leftresource1 {position:absolute; top:34px; left:19px;}
#mainlinks .leftresource2 {position:absolute; bottom:34px; left:19px;}
#mainlinks .rightresource1 {position:absolute; top:34px; right:19px;}
#mainlinks .rightresource2 {position:absolute; bottom:34px; right:19px;}
h1.tmainlinks {font-size:2.25em; text-align:center; font-weight:bold; width:700px; background-color:#f6f6f6; margin-left:auto; margin-right:auto; padding-bottom:10px; padding-top:10px;}
#story {float:left; display:inline; width:908px; padding-top:5px;}
#story p {line-height:1.4em; font-size:1.15em; font-family:Arial, Verdana, Helvetica, sans-serif;}
#story h1 {margin-top:0px; font-size:1.75em; text-align:center; line-height:1.15em; color:#4485e6;}
#story h2 {margin-top:15px; font-size:1.75em; text-align:left; line-height:1.15em; color:#4485e6;}
#story h3 {margin-top:0px; font-size:1.75em; text-align:center; line-height:1.15em; color:#4485e6;}
#story img {display:block; margin-left:auto; margin-right:auto; clear:both; border:none;}
#story img.imgright {float:right; margin:10px;}
.both {clear:both;}
.bullet {padding:0px 6px 0px 6px; vertical-align:middle;}
.bullet2 {padding:0px 6px 0px 6px; float:left;}
.centre {text-align:center; margin:20px 0px 20px 0px;}
.centre2 {text-align:center; margin-left:auto; margin-right:auto; padding-top:20px; padding-bottom:30px; display:block;}
.centrefoot {text-align:center; margin-left:auto; margin-right:auto; padding-top:20px; padding-bottom:0px; display:block;}
.centerpetition {display:block; margin-left:auto; margin-right:auto; padding-top:5px; clear:both; border:none;}
.bold {font-weight:bold; color:000000;}
img.center {display:block; margin-left:auto; margin-right:auto; text-align:center;}
.linkscontainer {width:98%; margin:auto; position:relative;}
.linksimg {float:left;width:30%;}
.linkstxt {float:right; width:60%; background-color:#f6f6f6; padding:10px; border:40px white solid;}
h2.saythanks {margin-top:0px; font-size:2.25em; text-align:left; line-height:1.15em; color:#4485e6;}
.grey {clear:both; margin-top:2px; padding:15px 15px; font-size:1.50em; color:#383b47; background:#fff url(../images/h2_bg.jpg) left bottom repeat-x}
/*testing stuf*/
h3.awards {clear:both; margin-top:2px; margin-left:10px; padding:20px 10px; font-size:1.50em; color:#383b47; background:#fff url(../images/h2_bg.jpg) left bottom repeat-x}
End CSS file
Can someone tell me why I am having this problem.
Thanks