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!

Need help adding this or other code to your website? Post it here in the forum! Forum


Top Donators

Friends of Mine