I created a vintage looking employee ID badge for a staff page. http://www.ratest6.com/category/staff/
I used layered divs so that when they upload photos as the ‘featured image’ the photo will load under the ‘dirty laminated’ layer so the photo looks ‘icky’ and they don’t have to do any graphics work in the future.
BUT this has left me with the problem of getting them to load onto the page in 2 columns (float:left;).
The space between the first and second is obviously caused by the top layer’s “position:relative; top:-248px:” .
Anyone have suggestions for getting them to “float left” into to columns with this space issue?
- The topic ‘multi-layers/divs – using position:relative; and get the whole thing float:left’ is closed to new replies.