Empty Anchor Tag is Not Clickable

From time to time, not often, but it happens - we here at SiteBoxPro get stumped with browser quirks. Something will work great in one browser, but totally fail in another. We don't necessarily promote one browser over another (Firefox rocks), but we do have to implement websites that work across the most common ones.

With that said, we had a situation that required the use of an empty anchor tag. In FireFox everything worked great, but in Internet Explorer (7.x) it was not clickable. We added a non-breaking space - still no go. After some Google searching we found the solution: add a transparent 1px gif as a background image. Odd right? But it worked like a champ. Here is the info we found:

"Say you have an anchor element that you've given display:block and some dimensions with no content or background image, in order to make a clickable area, but in Internet Explorer it's not clickable. In order to keep the anchor invisible you can add a transparent 1px background-image. Suddenly, Internet Explorer understands that this is a clickable element. "

Thanks to the folks at iBloomStudios! Great post guys - and we wanted to spread the word.

Here is our code:

.polBox {
display: block;
height: 60px;
width: 140px;
position: absolute;
left: 360px;
top: 176px;
background-image:url(/images/transPic.gif)
}

Here is our HTML

href="http://www.siteboxpro.com" target="_blank" class="polBox"


Does my business even need a website?

Yes.

Ok, maybe I should elaborate since a one-word, one-sentance post doesn't cover all the "why"s you might have. But, truly the answer is yes. Without question, your business should have a website. Why not take advantage of a very practical, useful and more importantly - affordable medium, such as the internet.

Now, with that said, does your business website need to be come monster web, with hundreds os pages, links and graphics? Does it need to cost $4000? No. It can be 1 page. That's right, ONE SINGLE PAGE. That page needs to cover the who, what, where, when, why and how or your business. Anything more than that, for the sake of this article, is gravy!

The simple fact is, wait for it....people use the internet! Shocker, right? They use it before they make a purchase, they use it to find businesses and as part of their research. We aren't even going to talk about sites where a consumer can actually make an online purchase.

Another good reason to have a site, even if it is a one-page online-business card site, is to feed other sites. You know why they call it "the web", because it is a woven network of shared\sharable data. Your one-page can be used to feed other pages, such as online yellow pages, listing sites and professional directories, and you, for the most part don't even need to do anything but sit back in reap the rewards.

We hope you would select SiteBoxPro to get your site up and running, but no matter who designs and hosts your website we hope that you would explore the web as a place to promote your business.

Can social networking hurt your business?

Social networking is a great tool in marketing your business. A small amount of time and effort on a weekly basis keeps customers informed, and more importantly keeps your company's name in front of their eyes. But, is there a downside?

We here at SiteBoxPro can think of a few scenarios in which social networking can actually hurt you business:

• What are others saying about your business: you should not respond to every negative comment said about your company, but be aware of negative comment and we suggest you combat negatives with an equal amount of positives (real positives, not just stuff you made up).
• Right content, wrong location: Make sure the sites you use to network are used by the people who would benefit from your business. Different audiences and demographics use and prefer differnt sites, make sure you are hitting the right ones.
• Sitting it out: If you are one of those people who think that social networking isn't right for your business, think again. You can take advantage is a the most attractive feature, which is the price...FREE! Using the internet is a first step in making almost any purchase, make sure you products and services are respresented.

If you have a comment or question, post it here, We want to get you involved, and maybe others could benefit from your experiences. What has worked for you? What has failed?

Is Superscripting messing up your line height?

If you have ever added a registration ® or trademark ™ to your website content and then superscripted it (making it slightly smaller and pushed to the top) then you also know that it messes up your line spacing (the space between lines is taller than the others).

The fix is simple, just create a style for superscript and give it a line-height of zero:

sup {line-height: 0px;}


Its a nice little trick and is supported in (I think) every browser.

Social Media Tips

If you are using Twitter, Facebook, LinkedIn or other social media tools to promote your business or brand, make sure your website also drives traffic to these outlets.

This can be accomplished simply by creating a link or graphic to your Tweets or Facebook page or can be as complex as integrating your most recent Tweets or Facebook status updates directly on your website. This type of cross-linking builds fans, followers, etc. and it is great for SEO (search engine optimization).

For help with your social media marketing, contact SiteBoxPro today!

User Centered Design

User Centered Design is the process of placing the user experience or the users perspective first. This philosophy determines a great deal in how your website is designed, the naming of menu items, links and even photos.

Thinking about your audience will then lead you to thinking about how to progressively "walk" them through your site and ultimately brining them to your "call to action" (how they signup or make a purchase). What information is useful prior to purchase and do they know what the next step is in the process.

Here is an example. My son is on a swim team and their end-of-season banquet requires the purchase of a ticket (part of their fund-raising). As parents we were told to go online and pay for them.

After a good 2-3 minutes of searching, the ticket purchase information was located, buried in the online store. There wasn't a single mention or link on the homepage of the website to the store's item. The event calendar had no link to the ticket purchase page either. How many phone calls did this generate, and if this was your business - how many people would just give up?

Remember - think as a site visitor who knows NOTHING about what you do, what you sell, how to buy, own, subscribe or rent it.

Just in case you wanted a stinking badge

Adam Kalsey create a nifty badge generator, in case you don't know what a badge is here is the one we created:

Ok, so their dorky and simple, but there inlies the beauty of the badge. Simplicity. Sometimes making something fancy or overly-ornate does not always translate to better. Which is our "Smart Things" tip of the week, if you can keep it simple, do so.

Think about the purpose of what it is you are creating, whether is be a simple badge (also refered to as sticker button) or an entire site. In the case of this button, the text is clear to read, and when linked will properly represent to the visitor what they should expect to see (the SiteBoxPro.com homepage).
Check out Adam's button creator at: http://www.kalsey.com/tools/buttonmaker/ , play around some as it might be a little tricky to get the desired widths of each box, but fun at the same time!

Lesson: Margins vs Padding

Within CSS margins perform are almost the same function as the CSS Padding attribute, except for one important difference: a margin defines the white space AROUND an HTML element's border, while padding refers to the white space INSIDE the element border.

What are keywords and how to pick'em

Keywords are single words or phrases that, when either used repeatedly in a single web page or set within particular HTML tags, act to indicate to a search engine the intent of the page and it's content.

In days of old (ok, maybe 5 0r 6 years ago), this all could be accomplished using META data (also know as META tags). The overuse, or moreso ABUSE or META data made them obsolete. Search engines are smarter now and rely on page element (title tag, page name) and content to determine which words are key.

This is not to say that you can not control, and in most cases very well, how your page is read for keywords, but one of the overlooked aspects is the selection process. What are your keywords? What should they be?

Think from a SEARCHERS point of view!
If you sell apple seeds on line, think about the different ways people might discribe what you do. Obvious keywords like "apple" and "seeds" come to mind, but what about "growning fruit" or "fruit trees"? Thinking in these terms will help you particularly when approaching a competitive market.

What sets you apart?
Again, using apples as an example, maybe you want to create a page about "Golden delicious", and how you are the areas largest seller of Golden delicious apple seeds.

Remember: Nothing happens overnight.
Be patient, and willing to try different combinations of words and phrases. To do this, you will need a good site statistics tool, you could even use Google Analytics, which can track which keywords got people to your site.