Breadcrumbs
Tag: "design_tip"
-
Clearing Floats With Ease
- Author
- Date
- Sat 4 Mar 2006 at 20:04
- Type
- Blog Entry
One of the many difficulties of CSS is that parent containers of elements with a float property do not take up vertical space, or wrap around the content it contains. Rather, the container will appear as an element with no height. This creates some styling difficulties for designers, unless they want to add extra markup. Clearing floats is very useful in a variety of situations, as the majority of CSS layouts involve placing smaller elements inside a larger wrapping element. Overtime, many techniques for clearing floats have developed; so…
-
Working With Two Classes
- Author
- Date
- Sat 29 Oct 2005 at 17:32
- Type
- Blog Entry
- Comments
- 4 comments
It is very easy to assign an element two classes, as mentioned in the Lowter article, Four Quick CSS Tips. Another neat little tip is assigning styles to an element as long as it belongs to two specific classes. First, assign the element two classes: <div class="one two">...</div> Then, use the following CSS to apply styling to an element of both classes: div.one.two { ... } These styles will only be applied to an element that is assigned both classes, one and two in this case. You can also use this metho…
-
Absolute Clearance
- Author
- Date
- Sat 12 Mar 2005 at 9:52
- Type
- Blog Entry
A problem that many people face is trying to make a footer when using absolute positioning in the design. The simplest fix is to use floats as you're able to clear the footer, but this isn't available in absolute positioning. One advantage of using absolute positioning though is that you can place your page elements in any order on the page, usually with the content first. The ideal median is being able to place your content first and have a way to clear for a footer. There are two hacks or workarounds to this - absolute clearance and neg…
