newseed

Nevermind. I had to clear floats.

View this site in IE6: doo rshox.com/ds-tem plate.htm (remove spaces) Down near the bottom of the page you will find INSTALLATION. Look at the last line of the paragraph in Step 1 and tell me if you see two characters ( t. ) that shouldn't be there. I have seen this issue before a few years ago but I do not recall what the cause it or how to resolve it.

Thanks Eric. I will keep that in mind the next chance I get. Meanwhile, I have another small issue that I have seen before but do not recall how I fixed it. I will post this in another topic.

I never had good results with IE7.js but I did notice the IE8.js beta 3 version which seems to behave better which fixed my pngfix issue conflicting with another script. Thanks for encouraging me to give it another try. I have tried this on several occassion but it never worked flawlessly for me which is why I ended up using the other pngfix. Nevertheless, I have now resolved the issue. As a matter of fact, I was able to remove one of my conditional comment for IE6. Thanks. @Eric, I am not sure what you mean. I don't really do js. Even though I have fixed my issue, I still like your input in what you are talking about.

A good source about meta-tags: link

Thanks for your response. I did indeed fixed the typo but the pngfix still breaks in IE6. I am not really thrilled to attempt to use your suggestion because it is indeed unpredictable. Any other suggestions?

Try adding apostrophes. background-image:url('filename.jpg'); If that doesn't work, trying using the full url (if possible for the Intranet).

I have an issue with the IE6 png fix not working with the tab js. Here's the test page: doo rshox.com/tab-p ages.html (remove spaces) I think it has something to do with the onload function but then I don't know js well enough to troubleshoot issues like these. Here's the pngfix script code: var supersleight = function() { var root = false; var applyPositioning = true; // Path to a transparent GIF image var shim = 'door-protector/pc/scripts/pngfix/x.gif'; // RegExp to match above GIF image name var shim_pattern = /x\.gif$/i; var fnLoadPngs = function() { if (root) { root = document.getElementById(root); }else{ root = document; } for (var i = root.all.length - 1, obj = null; (obj = root.all[i]); i--) { // background pngs if (obj.currentStyle.backgroundImage.match(/\.png/i) !== null) { bg_fnFixPng(obj); } // image elements if (obj.tagName=='IMG' && obj.src.match(/\.png$/i) !== null){ el_fnFixPng(obj); } // apply position to 'active' elements if (applyPositioning && (obj.tagName=='A' || obj.tagName=='INPUT') && obj.style.position === ''){ obj.style.position = 'relative'; } } }; var bg_fnFixPng = function(obj) { var mode = 'scale'; var bg = obj.currentStyle.backgroundImage; var src = bg.substring(5,bg.length-2); if (obj.currentStyle.backgroundRepeat == 'no-repeat') { mode = 'crop'; } obj.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + src + "', sizingMethod='" + mode + "')"; obj.style.backgroundImage = 'url('+shim+')'; }; var el_fnFixPng = function(img) { var src = img.src; img.style.width = img.width + "px"; img.style.height = img.height + "px"; img.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + src + "', sizingMethod='scale')"; img.src = shim; }; var addLoadEvent = function(func) { var oldonload = window.onload; if (typeof window.onload != 'function') { window.onload = func; } else { window.onload = function() { if (oldonload) { oldonload(); } func(); }; } }; return { init: function() { addLoadEvent(fnLoadPngs); }, limitTo: function(el) { root = el; }, run: function() { fnLoadPngs(); } }; }(); // limit to part of the page ... pass an ID to limitTo: // supersleight.limitTo('header'); supersleight.init(); Here's the tab script code: onload = function() { var e, i = 0; while (e = document.getElementById('tab-1').getElementsByTagName ('DIV') [i++]) { if (e.className == 'on' || e.className == 'off') { e.onclick = function () { var getEls = document.getElementsByTagName('DIV'); for (var z=0; z getEls[z].className=getEls[z].className.replace('show', 'hide'); getEls[z].className=getEls[z].className.replace('on', 'off'); } this.className = 'on'; var max = this.getAttribute('title'); document.getElementById(max).className = "show"; } } } } I can't recall where I got the pngfix but the other script is from stu nicholls.

I looked at the original gallery from CSS Play and noticed that it worked in IE6. What I see different is tha that you have span tags and some classes that is not in the original. You may want to get the original css from that site and apply it to a backup copy of your html and remove the classes and span tags from your backup copy of your html code and also adjust the id=pictures to be id=gallery

Notepad. Why? It's important that you make yourself learn HTML and CSS by hand (and any other codes) that way you can understand what's under the hood and how it works and how you can use it to created something unique or fix it if it's broken. If you must use a WYSIWYG editor (notepad on steroids) then you could purchase Dreamweaver or Expression Web (my choice). Of course there are a few others in which some of them are free. You can check out this sticky topic to help you decide. Once you decided you want to learn this the right way, check out Killersites.com video tutorials.

This one I have used a few times and it quite good. It will do just about everything they need...display a portfolio, clients' prints, purchase, watermarks, customer accounts, etc. They have a forum that seems to have a few photographers that frequents there. PicturePro

Thanks for the screenshot' date=' it's very helpful. I apologize for misleading you, I haven't fixed that problem yet. Tonight? What the image shows is the same problem described in many places online with various workaround solutions. So this confirms the cause. Thanks. Incidentally, what is your IE6 verison number? I'd really like to know so I can reproduce the error.[/quote'] I tested using IE 6.00.2900.2180 build I also tested in IE8, Opera, Safari and Chrome which seems to render just fine. Regardless of the statistics, it's too bad that all the browsers do not render the code the same way when coded correctly. I'd just be happy when IE6 falls off entirely but it still looks like a few years away before that happens.

Yes. That is a solution. But a simple change of percentage will fix the problem on all browsers. No sniffing required and no problems or complexity. A low-tech (no-tech) solution. It still did not solve your IE6 issue. You can see a snapshot of what I see here. Hmm? You have the same size monitors and settings I have. Any ideas why you are seeing "NAVBAR" folding? The nav seems to be fixed in FX. Sometimes it can be as simple as 1px to cause the last nav button to drop down out of place. That is your belief. Got any numbers? "I believe" Firefox is stronger than people realize and still gaining ground fast. If you have read the fine print for the browser stats link you gave you would have read this: Which is why I provide the W3Counter stats because the stats comes from thousands of domains of various business (or personal) types that records stats from visitors all kinds. So picking and choosing data that supports our feelings / intuition is okay? That works for me. It doesn't matter if it supports my feelings or not. I like to find stats that I feel supports the average user and not a particular group such as the link you've provided which is more accurate for those that are far more interested in web development.

You still have the horizontal scroll issue for IE6. You can define a conditional comment for IE6 only in order to make adjustments without affecting the other browsers. I am on a 20" 4x3 monitor using 1024px X 768px and on my other monitor it is 22" widescreen using 1280px X 768px. As for the W3 stats, you will need to keep in mind that those stats can be misleading because they were gathered from visitors dedicated to web technologies. I believe the number of IE user is much greater among the average users. http://arstechnica.com/microsoft/news/2009/05/april-2009-browser-stats-firefox-and-chrome-gain.ars However, I believe the resolutions statics is fairly accurate. Edit: I forgot to add this which is quite helpful in determining what is being used out there.

Whatever you are catering too, I can tell you this much: It breaks the top nav in FX. For those that have a few toolbars for their browser, your left frame hides behind the bottom of the browser and there is no way to scroll up or down (i.e. ASTM links under the left image column do not appear. You get a horizontal scroll in IE6 When you google for something specific, they may find a page they want to view but all your links get redirected to the home page thus requiring users to take several more steps to find what they are looking for. Does not print some or all the contents of the page in various browsers. I have been in the engineering business for 10 years before coming to web development and I can relate and understand the concept you have here. I think the graphical design itself is good and the text have good contrast and size for readability. The design is simple and not filled with complex functions or whistles and bells. Now if you can't take the heat of the forum then be all means move on. However, you would not believe how many countless people have come through here stating that they know what they are doing only later to find out they took the wrong approach in building the website the way the did. You were no different and nor were you singled out just because you used frames or whatever other tools you use. If you have read some of the key sticky topics you might have avoided posting your request for a critique knowing full well where we stand on frames. Opinions are valued here but insults are not. Constructive criticism are not insults but criticizing someone's IQ is. This is not to say you are not welcome here (and you are welcome here) but to remind you that we teach the basic principles of web design that applies to standard and function for all browsers. This is not to say frames are dead but instead that there are much better options such as CSS overflow along with server side includes.

Try Joomla. You will probably need to add one of it's many extension to achieve this.

The only 'Framed Hybrid Innovaters' that I might find are those that look at this on a Intranet and not the interent. Now if you don't want to hear from those that 'want to bash on HTML Frames' then maybe you can tell us why? Now from the usuability standpoint, I will critique this: I visit your site. I clicked on Library and then the first article. I clicked to save it to my Bookmarks/Favorites. I moved on to another website. I then wanted to go back to your website to read that article again. So I chose the link from my Bookmarks/Favorites. Whoa? it's not displaying the page of the article that I bookmarked. Keep in mind that this isn't bashing HTML Frames but merely trying to make a point as to how it can effect the user's experience.

I prefer not to but if you want to set the tone of what the minimum should be then set that amount high enough so that you ween out the ones that are looking for professional development at a walmart price. Reason I suggest that is because I know you are swamped with work and so you don't have to sell yourself cheap anymore. Read very closely Susie, you are a professional web designer!! Even current clients expect rates to go up. Besides, if you charge one rate for one client and another rate for a different client then another for another, etc. etc. then you will have to keep track of who gets charged what at the rate you gave them. Believe me, your mind will thank you when you simplify your rates and make it effective for all your clients. Of course that is only my opinion.

With that many pages, I certainly hoped you used server side includes for your header/footer. If not, the only way I know of is to use the Find and Replace feature of your web editor. (I use Expression Web).

The file name should have either .gif or .jpg file extension to the end of it. It should look something like this: or

Don't put any kind of pricing on your website. It will limit you to certain clients seeking a fixed price regardless how extensive the project is. If you do restructure your pricing for any categories (maint, installation, design, etc), as a courtesy, be sure to notify all your existing clients preferably with a 30 day notice or a effective date.

If you code for Firefox and use valid css/html coding and remember that padding/margins and borders are handled differently in IE vs FX then the chances are that you will not have to use Conditional Comments (CC) for IE. In rare cases when you have to use CC, it will be more than likely for IE6.

Sorry, totally missed your reply. You will probably need to upload this to a host server and provide a url so we can take a look at what's going on.

Maybe it's time to set your rate higher so that way you can outsource to someone else that can do those little updates that you really don't have time for and yet profit from it.

Oh by the way....THANKS!