I have a graphic set on my page and next to it is a line of add to cart buttons. The buttons are lined up next to the picture (graphic). In firefox this looks fine but in safari the buttons are set further apart and this doesnt look right. Is there a way of fixing this???
Are these add to cart buttons set up as image buttons (input
type=“image”…)? There might be a different default style in the two
browsers for inputs. If they are, try doing a “reset” on those
elements. Drop this into the Before /Head part of the Page / HTML
Markup dialog:
That might not be specific enough, but if it does make a difference
you could run with it. Note that this will make a change to any sort
of input – text boxes, buttons, checkboxes, etc. If you aren’t
concerned about IE, then you could make it specific to the image input
by changing input to input[type='image']. This will work perfectly
for Firefox or any other standards-compliant browser, but IE won’t pay
attention.
Walter
On Jan 20, 2009, at 12:37 PM, Tony Farrer wrote:
I have a graphic set on my page and next to it is a line of add to
cart buttons. The buttons are lined up next to the picture
(graphic). In firefox this looks fine but in safari the buttons are
set further apart and this doesnt look right. Is there a way of
fixing this???
<style type="text/css">
form { margin: 0; padding: 0 }
</style>
You’re seeing the difference between the way the two browsers render a
form tag. All browsers add some padding and or margin to a form, some
more than others. This CSS will reset that to 0, and make everything
fit tightly.
Walter
On Jan 20, 2009, at 3:43 PM, Tony Farrer wrote:
thank you. this did not work. my add to cart buttons are html
markup items. I have copied one here.
The alternative is to leave the main graphic where it is and use a table structure to hold the “BUY 1 £39.99” Graphic Text with the button markup in the cell next to it etc. etc.
how do i get a button into a table cell. every time i try to insert a markup item it jumps out of the table or puts a big cross in the table with the html item on top.
That will work fine, unless what you’re entering in the markup (or
whatever your markup generates) is a block-level tag. If it is, then
you will end up with a P tag wrapping around a block-level tag, which
will be invalid and highly variable in terms of how it will display on
your page.
Better to use the CrowBar Action, which is a sort of Markup Item on
Steroids. When it is used as an inline object (i.e. in the same manner
as described here) it will delete the surrounding P tag, leaving only
your code behind, and thus not create a broken structure.
Walter
On Jan 21, 2009, at 12:38 PM, DeltaDave wrote:
Insert>Markup Item will give you a 100px square markup box on your
page.
Put your markup code in it and resize to something approximating the
dimensions of the finished item (this step is not entirely necessary)
Select this item and Apple X to cut it from the page
Double click inside your table cell until the cursor flashes and
Paste.