[Pro] Help aligning markup item

Hi all,

Just got my mits on Pro 6 and tinkering with all the inline goodness. However, I am having trouble aligning the download button at the bottom of my page to center. Admittedly, it is late and my brain is not really functioning but… I can’t figure it out.

Thanks,

Seb

http://www.tinyshark.co.uk/cssanimations2/


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I really like your page :wink:

To center the button, you need to set the left/right margins to auto on
either 1) the .button CSS style, or more likely 2) the ‘div class=“button”’
item.

If the item is a markup item, then add the style inline to the markup ( div
class=“button” style=“margin-left:auto; margin-right:auto;” ) You can also
use the shorthand version ( div class=“button” style=“margin: 0 auto;” )
since there appears to be no margin setting for the top or bottom.

Also, you have a lot of footer elements – I think with HTML5 it is
probably best to have only one per sectioning element. I would aim for one
header element and one footer element per page – or if you are using the
article element, one header/footer element per article. Divs (HTML Items)
are still okay for structuring content and don’t interfere with HTML5’s
semantic structuring.

Great job!


Ernie Simpson

On Mon, Aug 5, 2013 at 10:01 PM, Sebastian Crewe-Turrell <
email@hidden> wrote:

Hi all,

Just got my mits on Pro 6 and tinkering with all the inline goodness.
However, I am having trouble aligning the download button at the bottom of
my page to center. Admittedly, it is late and my brain is not really
functioning but… I can’t figure it out.

Thanks,

Seb

http://www.tinyshark.co.uk/cssanimations2/


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Thanks Ernie! Learning this stuff from the template you kindly gave us :slight_smile: (I’m sure you knew that already though…!)

Ah ok, I thought this would be the case but wasn’t sure if there was some wizardry that could be done within the inspector. Worked a treat!

Regarding the footer, it was just because I was duplicating the footer and applying different settings to each one to try and center the button. Just a quick lazy way.

Can’t wait to get some of this animation goodness onto some live sites. I’m still exploring other bits and pieces that may feature on this page too!


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Also, what’s the best method for graphics. The same?


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

AND, scrap my comments about Footers. I’m brain dead. Sorted :slight_smile:

http://www.tinyshark.co.uk/cssanimations2/


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options