Lowter

Breadcrumbs

1. Home
2. Tags
3. design_tip

Tag: "design_tip"

• Clearing Floats With Ease

  Author

  Ethan Poole

  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

  Ethan Poole

  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

  Ethan Poole

  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…