Adding multiple buttons on one page

  • Resolved par1704

    (@par1704)


    13 years, 3 months ago

    Hi,

    This is one great plugin. However, I’m struggling – and here’s where my barely basic grasp of HTML and CSS is shown up – to create exactly what I want.

    I want to create a page featuring 16 to 20 buttons, each one of which will serve as a link to a separate subject page. The buttons are going to be of different widths (which is not a problem to arrange). I’d like to have four or five lines of buttons with four buttons per line all looking very neat and tidy and symmetrical (either looking centred or justified).

    I’ve tried to arrange my buttons on the page without additional code, but the effect is very, very ragged and imprecise (most notably in IE). I also tried to create a table or grid using HTML, but the buttons all disappeared.

    Does anyone have any advice? If anyone can get me started in the right direction, I’d be very grateful.

    Many thanks,

    Paul

    http://ww.wp.xz.cn/extend/plugins/maxbuttons/

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author johnbhartley

    (@johnbhartley)

    13 years, 3 months ago

    The best thing to do would be figure out the width of your buttons and check “Use Container.” Then set a Width and any necessary margins. Last thing would be to select “display: inline-block” as your alignment choice. That should allow you to line up all of your buttons without a table or anything.

    In your post or page, make sure you just put your buttons in like:

    [maxbutton id="2"][maxbutton id="3"][maxbutton id="4"][maxbutton id="5"][maxbutton id="6"][maxbutton id="7"]

    To avoid any unwanted paragraphs. Note: do not use “Wrap with Center Div” or all of your buttons will line up one per line and in the center.

    Thread Starter par1704

    (@par1704)

    13 years, 3 months ago

    Many thanks, John. I’ll let you and everyone here know how I get on.

    Thread Starter par1704

    (@par1704)

    13 years, 3 months ago

    I added the first eight buttons (one and a bit lines used) and they look great in Firefox (still some tweaking is needed). In IE, however, the first full line of six buttons shows up fine. Thereafter, though, the buttons don’t appear but the wording that they are meant to contain can be seen. Here’s the link:

    http://our-library.org.uk/links/

    Is there anything that can be done to correct this anomaly?

    Many thanks.

    Plugin Author johnbhartley

    (@johnbhartley)

    13 years, 3 months ago

    For IE issues, take a look at this article http://maxbuttons.com/blog/maxbuttons-and-internet-explorer/

    Thread Starter par1704

    (@par1704)

    13 years, 3 months ago

    Thanks again. I’ll follow the advice in the article.

    Thread Starter par1704

    (@par1704)

    13 years, 3 months ago

    Adding CSS for the “problematic” buttons to the style sheet is doing the trick. Thanks for your help.

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Adding multiple buttons on one page’ is closed to new replies.