Austin Web Designer

The moral of this story watch out for quotation marks when transferring your css code from html to external style sheet. I checked my  recently made website template  for cross browser compatibility and everything was fine. So I made an external style sheet and then starting making the web pages that I needed. And felt like everything was fine, and that’s what i thought for a week, until today. Just out of curiosity I checked for browser compatibility however when I viewed the website on Internet Explorer 7 I was extremely surprised, at the mess the web site looked like. I was actually embarrassed, I’ve coded many websites and a mistake like this are hard to make. Not only was the website not properly displaying but also my blog.

Once I noticed something was wrong, I quickly set out to fix it. I edited the CSS file and nothing would change, on the website itself. I was getting frustrated thinking, that the css file was not properly connected to the html file. So I decided to check for errors, and and could find nothing, I made sure that the css and html files were properly connected.  .And knew that somehow internet explorer 8 and all the other browsers, ignored an error,  that IE 7 didn’t.

Since the html, file seemed error free and w3 validator told me so, I moved on to the CSS validator. And found that I had a closing quotation mark, that I left from transferring css from html to my CSS  style sheet. Once the closing quotation marks were taken out, the site displayed exactly as i wanted it to display. Having an external style sheet can and does save a lot of hours when modifying a website, but we need to be careful to check that there are no errors, when you transfer code from one source to another.

I just finished coding for a website, that I had to  make IE7 compatible, everything went smooth because I  knew the normal procedure. However, we had a section that had a list of objects listed in unordered lists. When I viewed it on IE7 I noticed that the bullets to the left did not show up.

I tried changing the margin, padding, and even width of the list, thinking that they were being eaten up by lack of space or negative margins and padding’s. But after going through the  margin,width and padding, the bullets or discs would still not show up. Then I decided to look it up on the search engines, as we know almost any question that we  may have is easily answered there.

So after browsing page after page, I came up with the solution. If you are making a  website ie7 compatible and working with lists and you need the bullets/discs to the left to show up you need to put this in the ul section “list-style: disc inside;” that should solve the problem of bullets not showing  up.

I recently updated my website and was able to remove these  silly characters from displaying on some of my pages.I read online and nothing helped, they suggested to use notepad++ which is what I’ve always used. And it never worked, until I found another program to use.

If you want to remove  bom byte order from displaying on some of your pages USE less than slash editor. I was able to clearly see the bom characters  and all I did was just highlight them and remove them. And they were gone, in less than a fraction of a second. What took me a month to figure out was resolved in a matter of seconds. here is a link where you can find the software to end the your bom problem http://www.pricelesswarehome.org/acf/P_WEBDESIGN.php

On another note, I am about to finish a new website this one is for a tree service company here in austin. We’ll see final product probably next week.

later readers hope this helped anyone.

So I was working on a website that dealt with a lot of CSS. As we know CSS  is not well implemented on Internet Explorer. So I had to make a new style-sheet that was specifically for IE,  to be precise IE7. So I was using this

<!–[if IE 7]>
<link href=”xxxie7.css” rel=”stylesheet” type=”text/css” />
<![endif]–>

I tried it on IE 7 multiple times, using various programs and it would never be picked up.
However when I deleted the comment code and erased my regular CSS
it would show up. I though there was something wrong in my coding, checked for errors and none.
So after a few days of desperation, and looking up online. I found
somewhere I forgot the source its been a while, that the statement should go AFTER your regular
css link. Like this

<link href=”xxx.css” rel=”stylesheet” type=”text/css” />

<!–[if IE 7]>
<link href=”xxxie7.css” rel=”stylesheet” type=”text/css” />
<![endif]–>

Little things like that can keep some sites from being launched in time. Hope this information helps someone.