HTML» internet

How to beat Internet explorer when it comes to CSS and stop its regime of terror when using the net!

admin — Thu, 19 Jan 2012 04:00:07 +0000

Article by Peter Taylour

I am guessing an article on this subject has been posted prior to this one, I should hope a few have! However I hope this will provide a refreshing angle on the subject and branch to some other interesting bits of stuff.

I am sure that anyone who has taken even only a few steps into web development has come across the gigantic force that is Microsoft’s Internet Explorer. Even for the most experienced coders, the most popular browser of this age has always been a prominent foot across the path of our websites technological progression and the possibilities of which the internet is yet to yield. Maybe not crushing ideas, but certainly making it a lot harder to bring these ideas from paper to browser.

However, although IE, wielding its scathing weapon the Microsoft corp. and therefore for-fronting the battle as the windows default has dominated the market; we have weapons which allow us the fight back! I think I’ll cut the metaphors here and get back to business… Well, how can we fight back? And more importantly, what can be done to keep our designs looking slick in the interim… Yeah before the proper browsers take over!

I’ll start with the fighting back. Personally my favourite method would be to utilize a conditional comment and tell people what they should be doing! Something like this…

Internet Explorer is She! Get a proper browser like Firefox before I come round and make you!!!**

Realistically I wouldn’t try this method though, probably not the most tactful way when it gets down to it. You could however place a banner showing your support of these less buggy browsers such as firefox. This websites great for this promoting firefox business, very nice banners right here: http://www.spreadfirefox.com/?q=affiliates/homepage

Conditionals are pretty clever little buggers though, for general use they can become quite useful. And you’re not just limited to . The comments understand other operators as well; you’ve got the NOT operator which is an ‘!’. So “if not IE” would be . In addition to this there are “greater than” = ‘gt’, “greater than or equal to” = ‘gte’, “less then” = ‘lt’ and “less than or equal to” = ‘lte’. These can be used when referring to browser versions, so could be used to warn users about a feature unavailable to them when browsing your site with IE version 5.0 and below.

But we are not here to help out the Internet explorer users; we’re here to convert them! Doing your bit locally can make all the difference. If you are round at a friends and he/she happens to log on to the internet using IE (boooooo), make it your concern that the very first thing that is done is the downloading of firefox (sorry Opera etc I’m a bit biased to the mighty fox.) Of course if the loging on to the internet part does not occur in the general flow of things it must also be your concern to make sure it does!… “Umm, you mind if I check the train times?” Okay I’m getting a bit carried away here, although very important to the advancement of the human race, you need not devote your life to spreading firefox.

The great progression in the internet and its uses over the last few years has meant that the look and the feel of a site has come under a lot more scrutiny, especially with ever rising amounts of traffic as more and more people connect to the internet. Complicated uses of graphics and CSS mean that when it come to interpretation by different browsers, everything can go wrong. The Browser that is renowned for taking perfect code and screwing with the end results is of course Internet explorer. It is so tempting just to say screw it and ignore the IE users and their browser, but with over 58% still using a version of IE this really isn’t plausible solution.

So okay we’ve got to fix the problem. Where to start?

Well firstly it is a must to make sure your code is valid. Just from an incorrectly written Doctype or wrongly phrased line of css can through internet explorer into all sorts of funny modes where anything can happen. Make sure you get a green light here http://validator.w3.org/ and here http://htmlhelp.com/tools/csscheck/.

Good stuff, that’s one step in the right direction if anything. Now if the problem still exists, what now?

Most of IE’s rendering blips are caused by bugs, which can be worked around with quick alterations or what are called hacks. Chances are your problem has been experienced by people before you and a fix has been fabricated already.

So what’s going wrong? I will list a few of the most common bugs, some which I myself have experienced and a link to some relevant articles explaining in depth the fixes.

* My borders have gone crazy! – fix… http://www.positioniseverything.net/explorer/border-chaos.html

* Margins doubled, pushing my content down and generally mucking stuff up – fix… http://www.positioniseverything.net/explorer/doubled-margin.html

* Contents there one minute gone the next, the peekaboo bug – fix… http://www.positioniseverything.net/explorer/peekaboo.html

You may have noticed that all those fixes above are at one website. Basically “Big John” and co of Position is Everything.net have done a fantastic job among some other geniuses out there, so why don’t I just give you guys a link to his site, the chances are you’ll be able to find a fix there… http://www.positioniseverything.net/explorer.html

You’ve now with a bit of time and effort (it sucks doesn’t it, and it really is unnecessary effort!) probably been able to fixed up your site. But what if something still purists, what can you do!? Well here is what I do…

Firstly if you know something which could be causing the inconsistencies in your site when rendered by different browsers, try just experimenting with this particular element of the code. Say the content part of your page is being pushed below your side navigation and you recon that IE is playing with your margin values but it’s not the double margin bug. Just adjusting the values of margins can bring results. This is a good time to introduce an excellent piece of free software called CssVista. If you know css well it can also be an excellent tool when in depth analysing your code when looking for problems. Check it out here http://litmusapp.com/cssvista/

If you can still find no joy using this experimentation method I’m afraid the best hope is now to do what I really find annoying especially since if browser bugs didn’t exist it probably wouldn’t be necessary. We’re going to have to start again. Now don’t panic we’re not going to redesign your site from scratch, we’re going to make a mock up page of your current design, testing for rendering problems all the way.

Okay, well your average website nowadays is divs inside divs inside divs. So first step is to create you’re outermost div and in your css give it all the position you want and a background-color so that you can see it. Now add the divs that are contained with-in this one and do the same thing, giving them all nice bright colours so you know exactly where they are. Now test it like crazy, anything going wrong so far? Basically keep going like this, until something starts to look weird, then think why it doing this? What have I just done to make it go weird? Google and other free recourses can be come very useful now. Yahoo answers is fantastic for everything so it is always worth a try at http://answers.yahoo.com.

That’s about it really; Give that a try and well, good luck!

So, we’ve had a quick look at how to rid the world of Internet Explorer and how to get by in the time being. I’m not a fan of Microsoft attempt at an internet browser but not really in the league of this guy http://toastytech.com/evil/index.html.

Basically guys have fun and make sure you’re not supporting the IE domination by using it!

Pete Taylour is co-owner of the fast growing ebook site http://www.liqiuidebooks.com the only place to go for your cheap and free ebooks. With strong interests in a huge amount of different music styles Pete and friend are soon to embark on some crazy mix submission site for upcoming DJs across the globe, be sure to keep your eyes peeled for that and make sure you check out Liquid Ebooks at http://www.liquidebooks.com

About the Author

Technorati Tags: beat, Buggy Browsers, comes, Conditionals, Endif, Explorer, Firefox, Gt Internet, H1, internet, Internet Explorer, Little Buggers, Lt, Metaphors, Microsoft, Microsoft Corp, Microsoft Explorer, Microsoft Internet, People, Possibilities, Proper Browser, regime, Stop, terror, using, Weapons

Web design (HTML/CSS) help please! Internet Explorer issue?

admin — Mon, 09 Jan 2012 04:00:15 +0000

Question by : Web design (HTML/CSS) help please! Internet Explorer issue?
Okay so I had edited my website that is under squarespace.com, and had it perfected, with mozilla firefox. But when its opened in internet explorer, it is complete messed up!

If you want to see it to be able to help out, here is the website link: www.northwesthorizons.com

I suppose something in the coding I used is not supported by internet explorer??

Here is the code that is being messed up:

xhtml 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-…

NWH Blogs

Northwest Horizons Online introduces its new Blog Feature!

Check it out by clicking here

Suggestion Box

Tips on Internet Marketing. Before You Get Started !

admin — Thu, 17 Nov 2011 16:00:01 +0000

Article by EngSay

Starting Out !!!!! Your own E-Business. Can you not afford to?

The Internet has taken us by storm. In the last ten years it has dramatically transformed the ways we communicate, do business and the way we lead our lifestyles. The boundaries are re-drawn and the rules changed. The youth has begun to stamp their presence in cyber-highway or super-highway with new technologies and innovations. The ever-increasing use of computers has posed a new challenge to those born in the 1950′s and 60′s. Many have to change the old ways of doing things , un-learned and re-learned to survive to live out their remaining years.Interestingly this new information age has also brought new opportunities. With the advent of new and more powerful computers and user-friendly softwares, the dream of making money online is now not only possible but also a reality. This has created a new opportunity for those seeking a new career or those on retirement. Welcome to the world of Internet Marketing!

Picking Up The PiecesChange or become Obsolete

I started out doing Internet Marketing not by choice but by design that I have to succeed . Like many newbies with very little knowledge on computers except able to send emails and surfing the net the fear of going into this business is really daunting. The fear of getting into learning how to learn all the technical details of setting up the website and how to sell a product online have actually put me off. When I first heard of HTML, FTP files, backlinks and social book-marking I was at a total lost. My first reaction was to drop out. With this experience I have decided to share what I have gone through with those just starting out or those would like to consider Internet Marketing a new career. It is very important to have an overview of what is Internet Marketing and its concepts trying to understand some of the keywords used. I intend to offer a brief understanding of these principles. So for those who attend such Internet seminars will be able to understand more of what the Internet Gurus have to offer.

Understanding Internet Marketing

Internet Marketing is a way of reaching customers through the Internet. It uses different methods, strategies and many revenue models to earn a decent profit. Money is made by offering a service, selling your own product or selling other’s people product. The payment transaction is usually through credit card or through a reliable partner service called Paypal

Business Models.What to sell on the Internet?

Before creating a website or literally speaking, opening up your door for business on the Internet you will need to decide what to sell. There are 3 business models.

1. Creating your own product. For example jewellery, clothes or handicrafts.2. Offering a service. Catering, baby sitting, accountancy services.3. Selling other people’s products or also known as Affiliate Marketing whereby you earn a commission.

Getting a Keyword for your URL or Domain nameWhat is a Keyword?

A keyword is like a name of your company. In this case you must have a name for your website. Because it is going to appear on the search engines like Yahoo, Google, Bing or MSN it must be easy to remember and read. For example, google.com, ebay.com or nutcracker.com

Dog Training is a keyword. But it is very generic meaning it can mean many things. To be more specific many marketers use Long-Tail keywords. For example, dogtrainingfood, dogtrainingtechniques,dogtrainingtips etc….Why? So visitors can find you easily by typing these specific words or niche words.

Creating a websiteA Picture Tells a Thousand Words

Once a product or service is confirmed you will need a website. Whether it is your own or the vendor’s website. The product you are selling on behalf of someone is the vendor’s website. For your own you will need,

1. A Set-up using the software provided by the course provider you are enrolled in. Some course providers will provide free for the first website.2. There are some requirements you need to do while creating this website,> A domain name also known as URL.This is the name of your website.Register this name with a webhost.This will ensure that your website will appear on the internet for people to search you and buy your product or service.

Normally a webhost will offer a domain name and a webhosting service as a package.

Promoting Your WebsiteTraffic Is Your Lifeblood

Once the website is ready the next most important thing is to promote it. It is no use to have a very nice website when nobody visits it. Some of the most common methods are,

1. Start a blog to write about the topic you are passionate about linking it to your website.It must be relevant to your website’s products or services that you are offering. You can register with e-blogger or open a wordpressblog on the dashboard of your website.

2. Use the social media, Twitter or facebook or similar platforms to link to your website

3. Advertise with Google or Yahoo.. These are paid advertising. Free advertisement is also available.

4. Press Release. Paid or Free online

These promotional methods are also known as Traffic Generation. Traffic is the lifeblood of Internet business just like any other business. Without traffic no business can survive. Web traffic is the term used to describe the millions of web surfers who use the internet everyday to find the information, products and services they seek.

Get OrganisedPlan to succeed or fail to plan

A business will not succeed unless a plan is in place or its process organised. Once you have decided to take up Internet Marketing there will be many passwords, website details, log in identifications and links you would need to keep them in a safe place. It is advisable to collate them in an Excel file for easy access and safe keeping. It can be tabulated as follow:

Website Name Shortened Link Password I.D Date joined RSS Feed Nicknames

GlossarySimple Terms Explained Affiliate: You sell other’s people’s product ( so called Vendor ) and the vendor pays you a commission. You are called Affiliate.

Affiliate Program : It refers to the sharing of revenue between advertisers and publishers. For example, the Merchant owns an online store selling e-books or software programs and it advertises on clickbank.com ( Publisher ). Whoever wishes to sell this merchant’s product must apply for a clickbank account. The seller or middle man ( that is you ) representing this merchant through clickbank is now called the Affiliate.The earning is split 3 ways.Merchant – Clickbank – and you. Payment is by clickbank to you. When you start to do this it is called Affiliate Marketing

ASP: Application Service Provider.It provides access to software through the Internet for a monthly fee.

Autoresponder : A e-mail blaster configures to automatically send a pre-written email to target customers

CPC : Cost Per Click ( cost-per-action). A type of advertisement you place with the advertiser eg. GoogleAds for a fee. Each time a visitor click on your ad, Google will charge accordingly. If you agree to say .00 per click and if there were 50 clicks a month you will have to pay to Google. However, you can set your limits per click per month.

CPM : Known as Cost Per Thousand. As an advertiser you pay the number of times the visitor view your banner ads to the website publisher. The charges may range from – for every 1000 impressions or views.

Double opt-in: Most e-mail letters simply require a new subscriber to input their e-mail informations before receiving free e-books or newsletter.

FTP: File Transfer Protocol. A method of transmitting files across the internet.

Javascript : A programming language most often used to add interactive features to website

Meta tags : Descriptive words or phrases about a web page’s content

PPL : Pay Per Lead. An affiliate program that rewards affiliates for conversions to leads.A lead might include a sign-up form,software download, survey contest or sweepstakes entry or sign -up for trial.

PPC: Pay Per Click. An affiliate program that rewards an affiliate for each unique click to the advertiser’s website. For example, you place google adsense advertisements on your website and when visitors click on the ad, google will pay on agreed sum.

PPS: Pay Per Sale. An affiliate program that rewards affiliates based on each conversion to a sale such as when buying a product or service from the advertiser’s website.

Pinging : The process of notifying the search engines of your new content.

RSS : Real Simple Syndication. A software that helps online publishers automatically share their information with other websites on an automated basis.

Search Engines: A huge data of information derived from the World Wide Web pages that a search engine company like Google or Yahoo compiles and makes available to users that are interested in finding information online.

Search Engine Optimization: The process of adjusting a website’s content, links and meta tags in an attempt to influence the site’s ranking in the database of a search engine.

Server : A computer connected to the internet that is specially designed to host websites and allow speedy access to their files via the internet.

Whois. An internet service that lists the owners of domain names.

XML: Extensible Mark-up language. An alternative to html which offers greater flexibility and power for the development of interactive features.

href=”http://www.moneyandsense.info”>http://www.moneyandsense.info

About the Author

EngSay is a Chartered Institute of Marketing (UK) certified Marketer and an

Technorati Tags: Advent, Before, Boundaries, Cyber Highway, Fear, How To Sell A Product, Information Age, Innovations, internet, internet marketing, Last Ten Years, Lifestyles, Little Knowledge, Making Money Online, Marketing, Marketing Career, New Challenge, New Opportunities, Newbies, Powerful Computers, Presence, Retirement, started, Technical Details, tips

Optional HTML tags

admin — Thu, 18 Feb 2010 12:30:00 +0000

Learn how to make your markup leaner by omitting html tags to decrease file size and increase the performance of your site. For more information, visit http://code.google.com/speed

Duration : 0:1:24

Technorati Tags: fast, Google, html, internet, make the web faster, mtwf, optimization, optional HTML tags, speed, web, Webmaster

Understanding HTML tags part 1

admin — Wed, 10 Feb 2010 09:54:34 +0000

training lessons from InternetMarketingUniversity.com course

Duration : 0:6:50

Technorati Tags: basic, design, html, internet, Marketing, tags, website

Web Full Circle: Learning HTML Codes

admin — Fri, 22 Jan 2010 22:57:16 +0000

Beginning html Codes from Web Full Circle, a Charlotte web marketing and web design firm.

Duration : 0:1:43

Technorati Tags: Charlotte, Circle, code, coding, computers, Full, html, internet, language, web

HTML Website Tables & Layouts Tutorial

admin — Wed, 18 Nov 2009 18:15:34 +0000

In this html website design tutorial I will teach you how to add tables into your website and layouts for text separation

Difficulty Level:
Medium/Intermediate

If you have any problems or need help with any of this tutorial please leave a comment below or message me on YouTube.

Duration : 0:4:19

Technorati Tags: align, definition, design, develop, format, Hd, high, how, howto, html, internet, make, quality, table, tables, Td, to, tr, tut, tutorial, web, website

Drawing using HTML

admin — Sun, 15 Nov 2009 17:06:19 +0000

Sharing is Caring!

Duration : 0:1:46

Technorati Tags: anime, art, code, design, draw, html, internet, web

How to create a HTML code and put it on internet.

admin — Sat, 14 Nov 2009 04:22:32 +0000

Hey, I have just created a html code … Just pause the video and read the code and you would surely understand how to create such types of html codes… You can edit this code and put it on internet and it will appear cool. Try and see. This really works. Please subscribe ^. Thank you

Duration : 0:1:20

Technorati Tags: and, code, create, damn, how, howto, html, internet, it, on, put, style, tutorials

HTML Video 9-Checking Your HTML Code

admin — Thu, 12 Nov 2009 15:54:46 +0000

hey everyone, just a quick video on how to check your html code to see if it is correct, and if not, to look at the errors your page has.
Once you understand all this information, move on to html video 10-the css introduction!!!
Derrick

Duration : 0:6:46

Technorati Tags: Browser, compute, computer, computing, connect, default, editor, html, internet, Knowledge, mac, macintosh, Notepad, pc, program, programmer, programming, programs, smart, smarts, software, text, utaguna, windows