by ChristopherSchmitt.com

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…

<!–[if IE]><h1>Internet Explorer is Sh**e! Get a proper browser like <a>Firefox before I come round and make you!!!</h1><![endif]–>

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 <!–[if IE]>. The comments understand other operators as well; you’ve got the NOT operator which is an ‘!’. So “if not IE” would be <!—[if!IE]>. 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 <!—[if lte IE 5.0]> 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

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

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

Video tutorial showing how to import a designed email created in Microsoft Word into email.me.it. First part of the video covers Microsoft Word 2007 on Windows XP, latter part of the video covers Microsoft Word 2008 on Mac OS X.
Video Rating: 3 / 5

Part 2: beautifulemails.com Part 3: youtube.com ————————- This is part 1 of a 3 part series on building a email template. This is based on the email template I released a few weeks ago on my site beautifulemails.com. This is my first ever screencast so any kind of feedback would be great. In Part 1 within Photoshop, we’ll start by designing the email template. In Part 2 I’ll show you how to convert the design in html. Visit http for more amazing tutorials.
Video Rating: 4 / 5

Technorati Tags: Convert Html, Emails, html, Html Emails, Mac Os X, made, Microsoft, Microsoft Email, Microsoft Tutorial, Microsoft Video, Microsoft Windows, Microsoft Word, Os X, Sending, Video Covers, Video Tutorial, Windows Xp, word, Word Tutorial

Top Templates throws a spotlight on templates from folks like you who have submitted to Office.com. Here Doug and Ron look at a template for Web designers created by KRM entitled “html Web Color Table.” Download this template for free now: office.microsoft.com — Find Excel on Facebook for support, tips and the latest news: on.fb.me
Video Rating: 0 / 5

Technorati Tags: color, Color Templates, Doug, Facebook, html, Html Color Table, Html Download, Html Table, Html Template, Html Templates, Html Web, Latest News, Microsoft, Office Microsoft, Spotlight, table, Table Templates, Templates, Templates Html, Web Color Table, Web Designers, Web Template

Top Selling PC / Laptop Software Training Course Tutorials!!
Attention :dont Miss This Limited Special Discount Offer . These Popular Software Training Courses For Microsoft Office And Adobe Photoshop Have Received Endless Positive Feedback. Buy One Now And Get An Immediate Download !!
Top Selling PC / Laptop Software Training Course Tutorials!!

Technorati Tags: Adobe Photoshop, Course, Course Tutorials, Download Software, Laptop, Laptop Software, Microsoft, Microsoft Office, Pc Laptop, Pc Software, Popular Software, Positive Feedback, Selling, Selling Software, software, Software Microsoft, Software Training, Software Tutorials, Top Software, Training, Training Courses, tutorials

http://www.technologyking.tk

Blogging ?
A blog (a contraction of the term weblog) is a type of website, usually maintained by an individual with regular entries of commentary, descriptions of events, or other material such as graphics or video. Entries are commonly displayed in reverse-chronological order. “Blog” can also be used as a verb, meaning to maintain or add content to a blog.

HTML ?
HTML, an acronym for HyperText Markup Language, is the predominant markup language for web pages. It provides a means to describe the structure of text-based information in a document—by denoting certain text as links, headings, paragraphs, lists, etc.—and to supplement that text with interactive forms, embedded images, and other objects. HTML is written in the form of “tags” that are surrounded by angle brackets. HTML can also describe, to some degree, the appearance and semantics of a document, and can include embedded scripting language code (such as JavaScript) that can affect the behavior of Web browsers and other html processors.

Affiliate – Advertising ?
In the broadcasting industry (especially in North America), a network affiliate (or affiliated station) is a local broadcaster which carries some or all of the programme line-up of a television or radio network, but is owned by a company other than the owner of the network. This distinguishes such a station from an owned-and-operated station (O&O), which is owned by its parent network. http://www.cj.com or http://bluey2008.reseller.hop.clickbank.net/

“Commission Junction” University ?
Commission Junction University (CJU) is the first of its kind in a comprehensive series of seminars designed to offer advertisers, publishers and agencies performance-based marketing strategies, as well as techniques for maximizing results with Commission Junction. http://cju.cj.com/events/event_overview.html

Addthis ?

http://www.addthis.com is one of the most powerful sharing html coded applications on the internet today.

Skype ?

Skype is a software application that allows users to make telephone calls over the Internet. Calls to other users of the service and to free-of-charge numbers are free, while calls to other landlines and mobile phones can be made for a fee. Additional features include instant messaging, file transfer and video conferencing.

Clickbank ?

Step 1: Join ClickBank http://bluey2008.reseller.hop.clickbank.net

Alan is ready to move beyond his day-to-day grind and start making money online.
He decides to turn his entrepreneurial passion into profit and goes to ClickBank to sign up for a free account. Now he’s ready to begin promoting digital products.

Step 2: Find Products to Promote
Alan visits the ClickBank Marketplace and has instant access to tens of thousands of products available for promotion. No contracts or waiting!
He loves dogs and chooses the e-book “Dog Training 1,2,3″ by Veronica Vendor. Within seconds he’s created a personalized HopLink to promote.

Step 3: Promote the Affiliate HopLink
Alan goes to work online, posting his HopLink in search engine ads, on his pet-training blog, and in the e-book review he writes for his favorite dog-training forum.

Duration : 0:9:57

Technorati Tags: about, addthis, Advertising, affiliate, basic, Blogger, blogging, charge, clickbank, code, com, Commission, computer, educational, free, Heath, how, html, Information, Is, Junction, Marketing, Microsoft, money, of, on, online, Saville, Skype, software, support, technology, TechnologyKing, telephone, text, tk-evolution, University, website, what, where, who, with

http://www.technologyking.tk

Blogging ?
A blog (a contraction of the term weblog) is a type of website, usually maintained by an individual with regular entries of commentary, descriptions of events, or other material such as graphics or video. Entries are commonly displayed in reverse-chronological order. “Blog” can also be used as a verb, meaning to maintain or add content to a blog.

HTML ?
HTML, an acronym for HyperText Markup Language, is the predominant markup language for web pages. It provides a means to describe the structure of text-based information in a document—by denoting certain text as links, headings, paragraphs, lists, etc.—and to supplement that text with interactive forms, embedded images, and other objects. HTML is written in the form of “tags” that are surrounded by angle brackets. HTML can also describe, to some degree, the appearance and semantics of a document, and can include embedded scripting language code (such as JavaScript) that can affect the behavior of Web browsers and other HTML processors.

Affiliate – Advertising ?
In the broadcasting industry (especially in North America), a network affiliate (or affiliated station) is a local broadcaster which carries some or all of the programme line-up of a television or radio network, but is owned by a company other than the owner of the network. This distinguishes such a station from an owned-and-operated station (O&O), which is owned by its parent network. http://www.cj.com or http://bluey2008.reseller.hop.clickbank.net/

“Commission Junction” University ?
Commission Junction University (CJU) is the first of its kind in a comprehensive series of seminars designed to offer advertisers, publishers and agencies performance-based marketing strategies, as well as techniques for maximizing results with Commission Junction. http://cju.cj.com/events/event_overview.html

Addthis ?

http://www.addthis.com is one of the most powerful sharing html coded applications on the internet today.

Skype ?

Skype is a software application that allows users to make telephone calls over the Internet. Calls to other users of the service and to free-of-charge numbers are free, while calls to other landlines and mobile phones can be made for a fee. Additional features include instant messaging, file transfer and video conferencing.

Clickbank ?

Step 1: Join ClickBank http://bluey2008.reseller.hop.clickbank.net

Alan is ready to move beyond his day-to-day grind and start making money online.
He decides to turn his entrepreneurial passion into profit and goes to ClickBank to sign up for a free account. Now he’s ready to begin promoting digital products.

Step 2: Find Products to Promote
Alan visits the ClickBank Marketplace and has instant access to tens of thousands of products available for promotion. No contracts or waiting!
He loves dogs and chooses the e-book “Dog Training 1,2,3″ by Veronica Vendor. Within seconds he’s created a personalized HopLink to promote.

Step 3: Promote the Affiliate HopLink
Alan goes to work online, posting his HopLink in search engine ads, on his pet-training blog, and in the e-book review he writes for his favorite dog-training forum.

Duration : 0:9:59

Technorati Tags: about, addthis, Advertising, affiliate, basic, Blogger, blogging, charge, clickbank, code, com, Commission, computer, educational, free, Heath, how, html, Information, Is, Junction, Marketing, Microsoft, money, of, on, online, Saville, Skype, software, support, technology, TechnologyKing, telephone, text, tk-evolution, University, website, what, where, who, with

I have a report that automatically generates in html format. I usually tweak this report myself by adding a few lines of HTML in specific places and writing whatever needs to be written in those lines. I need a way to automate this process so that other people can do it with minimal to no knowledge of HTML.

Either the people editing can use a WYSIWYG program like Microsoft Expression Web or Adobe Dreamweaver, or you could use a "tag" system similar to BBCode ( http://www.bbcode.org/ )

Technorati Tags: Adobe, Html Format, Knowledge, Microsoft, Microsoft Expression Web, People, Tweak, Wysiwyg Program

I am wanting to do something similar to what photobucket does for my website, only mine would be on a smaller scale mainly pertaining to my web subject. I know how to put an upload code into my webpage but I am struggling with how give a user an html image code to put into their myspace or where ever. If anyone has any thoughts on this, that would be great.

Basicaly, when you use websites like photobucket, they are hosting the picture you upload to their online server. To post a picture into a website using html, you follow the following code:

<img src="insert picture url here" >

Just insert the url of the photo and leave the quotation marks there.

The most important part is the picture has to be hosted somewhere first. Photobucket and Imageshack.us are both good sites to use for free. If you are doing a professional webpage and need a more reliable image hosting service, you may need to pay a membership fee for that.

If you are trying to build a website, I suggest you download a website builder like Microsoft Expressions, or Adobe Dreamweaver.

Technorati Tags: Adobe, Basicaly, Code Lt, Expressions, html code, Html Codes, Html Image, Html Pictures, Image Code, Image Hosting Service, Img, Membership Fee, Microsoft, myspace, People Pictures, Photobucket, Professional Webpage, Quotation, Web Subject, Website Builder

We have extensive reports for website data that is calculated and constructed using excel. I was just wondering what would be the best way to convert these into html or pdf files which can be given to clients, as they would no longer contain all the raw data and equations in the actual excel sheet. Thanks.

Two situations:
1. If you are using Office 2007, download Microsoft "Save as PDF or XPS" Add-in for 2007 from its official site http://www.microsoft.com/downloads/details.aspx?FamilyID=4d951911-3e7e-4ae6-b059-a2e79ed87041&displaylang=en
After you install this add-in, open the excel report you want to publish and then select Save or Publish to PDF or XPS from the Office or File menu.

2. If you are using an earlier version like 2003, take a Office to PDF converter like Moyea PPT to PDF converter.Download it at http://www.dvd-ppt-slideshow.com/ppt-pdf-converter/

Technorati Tags: Amp, Convert Files, Convert Html, Convert Pdf, Excel Report, Excel Sheet, Html Files, Html Pdf, Microsoft, Pdf Download, Pdf Files, Pdf Formats, Ppt To Pdf Converter, Presentations, Raw Data, Slideshow, Tool, Website Reports

I have a word doc that I formatted great with pictures and everything but I need the html code for all that to enter into the craigslist ad for a rental property listing… How do I do all this or is there another program I should be using?

Word allows you to save as an html or html filtered file. Just open it again and select the right Options from the "Save As" selection window.

Your layout maynot look the same except in IE as Word and other so-called products that can save files as html insert Microsoft Schema code which no other browser except IE/Maxthon understands.

Microsoft does make a free cleaner, but you may have to go in and do some hand coding afterwards.

Ron

Technorati Tags: Craigslist, html code, Maxthon, Microsoft, Quot, Rental Property, Schema, Selection Window, Word Doc