Centered Internet Marketing Online With CSS

Special Website Projects Require Special CSS Programming

One would think it would be easy to center a single object like a picture or graphic image in the center of a web page using Cascading Style Sheets, CSS div tag and no tables. There are many ways of centering text or objects in a horizontal mode but not in both the vertical and horizontal modes at the same time, that works completely across most all brands of Web browsers.

I spent a couple of hours using the search engines for research on a special project that I thought would be easy. Finally after looking at maybe 50 websites and doing special searches I finally hit pay dirt.

For those of you that want to dig right in, here is the code I found from an old archive at CSS – Vertical and Horizontal Centering.

I did a few modifications to the original html code in the header section

<style title="Default" media="screen" type="text/css">
#center {
width: 200px;
height: 300px;
position: absolute;
top: 50%;
left: 50%;
margin: -150px auto auto -100px;
border: 4px double black;
background-color: white;
text-align: center;
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
background-image: url('your image');
#center p {
margin-top: 2px;
margin-bottom: 2px;

The div code in the body would look like this:

<div id="center">Professional Web Services</div>

Marketing Creativity Online

Meet Jim At Fridays

Internet Marketing Center

Here is a link to Jim Warholic, Centered Online Internet Marketing web page. Change the window size and notice the picture and text inside the predefined area, always remains centered in the middle of the browser window both horizontally and vertically.

Some of the CSS keys are: first define the box size in width and height measurements, then you position it absolute 50% from the top and 50% from the left, then you set your margins for the top, right, bottom, and left to be: top = -1/2 height, right = auto, bottom = auto, and left = -1/2 width.

Other CSS styles can be added for flavor.

Have fun.

Need help on the Web?

We will go out of our way to promote your company in creative marketing strategies and online advertising ways that will bring in new sales leads, generate website visitors, and turn those visitors into paying customers. Click here for the Top Secrets.

Our core Internet marketing services include:

Contact us today for services, strategies, and solutions for your B2B or B2C company.

Website Designs For Your Business Today

Open Source Web Site Template DesignsTemplate
When it comes to creating the perfect template for a website, quite a bit of professional work is involved. Getting a head start on the design process can be aided by many of the Open Source templates available online.

Website Designs

With millions of websites already in existence, it is not like something has not already been designed before in the way of a website template layout. There are layouts with one, two, or three columns, or even multi-columns. Menus have been created to be placed on the right, left, top, and/or bottom of web pages. But, no matter what type of website template design is decided upon, there will be extensive modifications that will likely be required for branding it to your business name, color preferences, and tastes.

Website Color Schemes

My personal feeling with colors is darker fonts on lighter background colors for the main body text seems to be the easiest on the eyes. Have you ever tried to read a long page of text in a website, with a black or dark colored background, with white or light text? After staring at the page of an extremely dark website for a minute or two, the eyes tend to have a burnt in image of the black background. This is very hard on the eyes. None of the big search engines have white text on dark backgrounds? None of the major websites from an e-commerce perspective have white on dark. Why do many of the graphic designers think that white text on a dark background is a good option? I guess it looks cool in some instances. I must admit, there have been instances (this website started off that way) where I have used the light text on dark background styles, but I did it as a means of measuring the likability of the style, and have not used it directly for a business website. I also have websites that are designed for personal use with a light text dark background style. See Jim’s Internet Shorts Backflag Tumblr for an example of a light on dark website. If you are going to do a dark background, then I suggest not making the font light as white as white. Make the font text a bit gray. This is easier on the eyes to read than a stark white on black contrasted background. Accentuation of the page can also be done with graphic images that provide a balance to the overall look but do not interfere with the text message to be read. This is not to say that portions of the web page design can not be accented with dark backgrounds with light text. Just do it in marketing moderation and it will set your website apart from the rest.

Certain businesses tend to have some great natural images that can easily portray what their business is about. As the old saying goes, a picture tells a thousand words can be true on the web, but it is wise to have body text to go along with the image for the search engines to pick up the information. Other businesses in the service sector require much more in the way of a creative image selection process in order to really tell their business story online.

Creative Marketing, Advertising, and Writing

Creative writing for the website and creative ad copy writing can be equally as challenging. For one thing, the keywords for your business must be used throughout the website in order to have it have the possibility of it showing up in the keyword search results of the search engines. Ignoring this one area alone can spell trouble for your Internet marketing and Search Engine Optimization – SEO efforts. From an Internet marketing standpoint, to place a website in front of your target audience requires using the keywords that your customers use. In fact, writing for the target audience is more important on the Internet than any single type of promotional material generated. Read about how online marketing means knowing your customers semantically. Brochures that are handed out or mailed can make an immediate impact without using many of the keywords within the printed items. That is because a sales person hands out or emails the information directly to a person that is probably already interested in what the business does. However, on the Internet, the website becomes the salesman for potential customers that may not know your business name but are looking for the equipment, products, or services provided, and therefore the Internet marketing messages must be more informative than any printed brochures.

For more information on creative marketing, Internet marketing, online advertising, search engine optimization, and web branding visit Professional Web Services today.

Web Development Time Marketing Online Today

Do You Have The Time?
by: Jim Warholic
My Internet marketing timepiece message for the world wide web.

Yesterday, my favorite watch, the Casio DW-290-T, that I have had for ten or more years decided that it had had enough. It started out with, getting dimmer when the electro luminescent backlight was pressed. So I figured it was time to get a new battery. Driving over to the local Target store at 8:30 pm on a Saturday evening, it would simply be a matter of installing a new battery. As “Murphy’s Law” would have it, when dealing with time, this was not going to be the case.

My first clue that this was going to be an extended visit should have been when I approached the watch counter and asked for a battery for my Casio watch. The clerk behind the counter asked me, “do I know the battery model number?” “Well sure, just let me borrow your small phillips screwdriver and I can give you the battery model number,” I said. The sales clerk said, “we no longer have any tools to work on the watches.” “OK…, let me see if my trusty Leatherman multi-purpose tool had anything that would work,” I said.

Fortunately, the screws on the back of the watch were both slotted and phillips style. I had a small screwdriver on the Leatherman that worked just fine. After I got the back cover of the watch off, the clerk was able to see the battery number. She provided a new battery at the cost of four dollars and some change. I thought this would be great. I’ll be back in time… Foolish me.

While I was assembling the watch back together, the clerk asked if she could recycle the old battery for me. I said, “sure.” Big mistake. The new battery would not work in the watch. Or, should I say the watch would not work with the new battery. Making sure the battery was in properly, pushing buttons, taking it in and out again several times, had absolutely no success in getting that stupid watch to function again. Now my favorite trusted timepiece became a stupid timepiece.

The sales clerk during this time was helping out other customers and would occasionally come back to my counter area. She felt bad this had happened. I assured her it was not her fault. I stated to her, “Let me try my old battery, at least that one was functioning before I took it out.” “Well, um, let me see if I can find it,” she said. At that, she went over to the container of old batteries, which contained about a hundred or more of various types and sizes of batteries. She said, “I think it is this one. The one on top. But, I can’t get it out.” So, I start digging, and digging. Getting frustrated, I dump out the whole jar on to the counter. Separating the same style battery as mine into a pile. Only a dozen or so of that style batteries were present.

I start trying battery after battery with no luck. No display at all. Murphy’s Law finally took its toll on my time. Time to move on. Get a new watch. OH, how I hate shopping for watches. This one had too many buttons and was hard to figure out. Another had a display that could barely be seen, unless you had the eyes of a 18 year old. I just couldn’t seem to find the right timepiece.

“How late are you open,” I asked the clerk. “10:00 pm,” she responded. “OK, I might be back,” I said.

Trudging over to the local Longs Drug Store, where I had remembered that they also carried watches, I decided to give them a try. I finally found a watch that I could see with my own eyes, the buttons had just the right touch, and it did not take a rocket scientist to figure out how to operate it.

I am sure that many of you can relate to the time story. What is interesting is how this time story relates to matters on the Web. The Internet is a media outlet for B2B, B2C, and C2C. It is a marketing, advertising, and sales channel that really is difficult to encapsulate into one definition. Many B2B and B2C businesses want a website presence without doing much work. They want instantaneous gratification with an immediate website presence, that their website is showing up in the top search results for their marketing keywords, and the website becomes a powerful sales and marketing tool for their sales people to use. Time and time again, Presidents, CEOs, owners, and management of both large and small business fail to realize the amount of time it takes to develop an online web presence.

Developing a good web presence encompasses so many aspects of a business’s soul in order to have a successful online presence. Time is the one item that will definitely be at the forefront of setting up and maintaining a website, Internet marketing, advertising online, and web branding the company across a wide area of online distribution channels. If the company is involved in a vary narrow vertical market segment or technical engineering area of expertise, then writing, or at the very least supplying an outline of the topic, from company staff will be a prerequisite for developing a good website. Good Internet marketing companies can provide immense help in the area of writing and editing content for selected keywords, fine tuning from a search engine optimization – SEO and Web branding perspective, online advertising strategies, search engine marketing, customizing and/or designing search engine friendly website templates, and Web branding strategic marketing ideas. But, marketing online still comes back to the business of sharing knowledgeable information, in a customer centric way, through good writing styles and online communication skills.

Talk with Professional Web Services today for information about Internet marketing services, ethical search engine optimization, search engine marketing, online advertising strategies, and web branding solutions. Contact us for B2B and B2C marketing Internet marketing services, strategies, and solutions.