Web Design Blog
CSS fix for the double margin float bug in IE6
June 17th, 2008 by Dustin BrewerThere are several well known bugs that affect only Internet Explorer 6 that can wreak havoc on your websites. One of the most annoying is the double margin float bug in IE6, simply if you float a block level element to the left it will double the margin you have applied to the element and most of the time break your site entirely in a strange way.
-
How to create a good looking form without tables, using CSS
June 10th, 2008 by Dustin BrewerThere are a lot of different attempts that we have all made over the years to master the quirky art of creating an aesthetically pleasing form. The trouble is being able to control the form and have your labels and inputs match up nicely without going to too much work. We’ve all made a form in tables, regrettably. For some this has been the only option due to restraints from CSS or frustration with cross-browser compatibility.
-
Creating a photo gallery in CSS without tables
March 31st, 2008 by Dustin BrewerI have received several emails recently about creating galleries with CSS. Most people still use tables to create your basic image gallery in CSS. There is a much simpler way to do this with a list and some very easy CSS. Depending on what you want to do with your photo gallery you may want to have a caption or more information available on the page. This simple method can be expanded for use on staff pages or real estate sites to list houses for sale.
-
The best free web development add-ons for IE 6 and 7
January 21st, 2008 by Dustin BrewerWe have all used the great Firefox extensions that make our lives easier, there are thousands of lists out there of the top 10-15 Firefox extensions for web developers. There is of course a lot of resistance from web developers against using Internet Explorer because of its lack of standards support. A lot of this is carried over from IE 6 being so fundamentally broken at rendering web pages with CSS. There are always time though when we need to test web sites in IE6 or IE7 and just like we use our extensions for development in Firefox— it is a huge help to have add-ons installed for Internet Explorer that will allow us to do our job more effectively.
-
CSS Image replacement technique
January 7th, 2008 by Dustin BrewerThere are a lot of reasons that you would want to replace simple text with an image. One of the biggest reasons is the benefit of getting the text that is within the image for search engines. This method is used mostly for site headings. Say you were making a site about “Freelance Oklahoma Web Design†you would want to be sure to include that in your first H1 but you don’t want to use plain text to do it. So you would be creative and ensure that you are getting the same information that is within your fancy image into your heading tag. This way you can ensure that your site topic is best read by search engines without losing any of your design benefits of creating custom imagery for your design comp.
-
CSS text effects you may not know about
December 17th, 2007 by Dustin BrewerThere are a lot of different ways to display text using CSS, some of them are rather straight forward. Like assigning a color or setting the font size of your text. However, there are several text effects that you may not know about that can manipulate more then just the color or font size of the text. You can literally transform the text using various CSS rules. I’m going to show you a few that I think are kind of cool, some are handy and others are nearly useless in design. But they are all there and available to use, and I’m going to show you how.
-
The importance of using lists for navigation
December 16th, 2007 by Dustin BrewerIt is important to use lists in navigation for semantics, accessibility, aesthetics and flexibility. Not using lists for navigation can lead to confusion, inaccessibility and unclear markup. There has been an article published from a popular CSS tutorial web site that is slightly misleading and generally not the best advice for developers and designers. It appears as though most of the people in the comments noticed right away some of the holes in the attempted “listless navigation” theory. I thought I would address the importance of using lists for navigation here. For some this may be an obvious practice in design but it is important enough to be addressed. I would like to be clear that I mean no disrespect to David Walsh or Chris Coyier, I’m sure they both only had good intentions of showing off what can be done with CSS.
-
Opera files formal complaint against Microsft and IE
December 13th, 2007 by Dustin BrewerOpera’s CTO announced that they are filing a formal complain against Microsoft and the Internet Explorer browser. Their complaint is about their lack of support for web standards and the disservice they have done to the web community at large. Opera calls for the support of the web community in this charge.
This is fantastic, I’m glad that Opera has stepped up and shown their support for web standards vocally. Most in the web community have known that the Opera web browser has been the largest supported and advocate of web standards. Not many outside of the web design community have been aware of this though. Most don’t even realize that web standards is an issue. I hope that something actually comes out of this, I would like to see an update that makes IE7 web compliant. It is insane for such a large company to know adhere to web standards such as Microsoft does.
-
Using negative margin in CSS
December 10th, 2007 by Dustin BrewerThere are a lot of times when you want something to just be a few pixels higher than it is. Unfortunately for you the container of that element starts to soon. So you need to move it outside of the box. Your options in CSS? You can either use relative positioning or you can use negative margin. I’ll go over in another article so for now we will discuss the handy ability to use negative margin on objects. Read more »
-
Your last CSS attribute doesn’t need a semicolon
December 3rd, 2007 by Dustin BrewerI actually found something out recently that I thought I would share with everyone. Somewhat of a minor little detail about CSS but still interesting none the less. It could come up, or possibly change in later versions of CSS but right now both ways are going to validate just fine. It turns out that when you end your last CSS attribute for a selector you don’t have to have your semicolon on the end of it. Read more »
-
About Dustin Brewer
Dustin Brewer is a freelance web designer based out of Oklahoma City, OK passionate about web standards, and beautiful web design. Dustin Brewer has been in the web design industry for over 8 years through freelance and professional experience. If you are interested in hiring Dustin Brewer please visit the web design services page to find out more information. You can also checkout my web design portfolio.
Contact Information
Contact, interact or keep in touch through any or all of the methods listed below.