Thank you, that worked Exactly as I needed it to.
Learning... and I appreciate the help folks

On Aug 12, 11:49 am, Goulven CHAMPENOIS <[email protected]> wrote:
> Well, if you're using position: relative, what happens is the content is
> shifted by the indicated amount, but the space reserved for it is left
> unchanged. The content has been "painted" 20px above its position in the
> flow, but the rest of the document acts as if nothing had happened.
>
> Try using negative margins: they offset an element, but also reduce its
> width/height.
>
> For example:
> <div style="position: relative; top: -20px">
>     This text will take up space in the normal flow as if it weren't
> positioned.
>     The content however, will be pushed 20px higher.
> </div>
>
> <div style="margin-top: -20px">
>     This text will take up 20px less space than necessary.
>     Its content will sit 20px higher than normally.
> </div>
>
> This is very hard to explain with words, so I encourage you to play with
> position: relative and margins in firebug, the instant feedback is very
> helpful.
>
> Hope that helped you.
>
> On Wed, Aug 12, 2009 at 2:26 PM, DuncSTL <[email protected]> wrote:
> > I am using position:relative
>
> > here is a sample:
>
> > </div>
> > <div class="span-6 prepend-2"<div style="position: relative; top:
> > +20px;">
> >        <li><div align="justify">text</div></li>
> >        <li><div align="justify">text</div></li>
> >        <li><div align="justify">text</div></li>
> >        <li><div align="justify">text</li>
> >     </div>
>
> --
> Goulven Champenois
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups 
"Blueprint CSS" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to 
[email protected]
For more options, visit this group at 
http://groups.google.com/group/blueprintcss?hl=en
-~----------~----~----~----~------~----~------~--~---

Reply via email to