In my quest to writing HTML code that is compliant to W3C's rules, here is a link:
Advanced HTML
Saturday, February 21, 2009
XHTML vs. HTML
here is a link to a good post about XHTML.
Here is a quote.
To see the rest of the post go to
www.killersites.com
Here is a quote.
Html is still a Standard and the newest version of HTML available. Some still believe that XHTML replaced HTML (something I believed 1 1/2 years ago as well) and HTML is retired. Wrong.
To see the rest of the post go to
www.killersites.com
Tuesday, February 10, 2009
Cross Browser compatibility with CSS and “if statements”
After finishing an intermediate level CSS class, I re-designed my portfolio website in tableless CSS. I ran into issues with my drop down menus. In IE7, when I would click my drop down menu, it would cause un-wanted scroll bars to appear. This happened in a screen size of 1024 x 768. Also, the drop downs would not work in IE6. Firefox and Opera did not seem to be an issue. So I went to Killersites forum (www.killersites), and some of the members helped thru the issue.
For the IE7 issue I added in my style sheet:
#navbar li li{ float:none; }
My style rule float: left from the #navbar li style was pushing the dropdowns out to the right
-------------------------------------------------------
For the IE6 issue I added an if statement in the head section of my web page:
I then added a behavior file csshover.htc. Downloaded from
http://www.xs4all.nl/~peterned/csshover.html, and put it in the same folder/directory as the html file.
After adding adding these, my drop downs worked good. I also, learned about
. They helped me with cross browser issues. I created my main style sheet to work with Firefox and Opera, and then added the for IE6 and IE7.
For the IE7 issue I added in my style sheet:
#navbar li li{ float:none; }
My style rule float: left from the #navbar li style was pushing the dropdowns out to the right
-------------------------------------------------------
For the IE6 issue I added an if statement in the head section of my web page:
I then added a behavior file csshover.htc. Downloaded from
http://www.xs4all.nl/~peterned/csshover.html, and put it in the same folder/directory as the html file.
After adding adding these, my drop downs worked good. I also, learned about
. They helped me with cross browser issues. I created my main style sheet to work with Firefox and Opera, and then added the for IE6 and IE7.
Saturday, February 7, 2009
My Web Design Note Pad
I have been playing around with web design for about six years now, but I have much more to learn. I have taken design classes, and used online tutorials and forums. With all this knowledge available, it is easy to forget. This is the perfect place to keep my notes, and to share what I have learned with others. After all, so many other web designers have shared their knowledge with me.
Subscribe to:
Posts (Atom)