Picnic Website Code Tutorials

Position Absolute Trick Tutorial

Here is a working example.

Recently, I needed to take a ( * ) out of flow because it was moving my form labels down a few pixels. I couldn't float it. So I found out that if I simply give the span (which wrapped the star) position absolute WITHOUT a top or left value, then it doesn't move the star, it only removes it from flow. And then give it a margin or padding to move it from there. In the past, I always thought you had to give the parent of the absolute child a position relative or the child would be positioned relative to the grandparent (e.g. the wrapper or body). But that's not entirely true!

Sponsors

Top Donators

Friends of Mine