Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: Migrated to Confluence 4.0
unmigrated
Div
classa11y-checks
unmigrated-inline-wiki-markup
{div:class=a11y-checks}

h2. Keep button text separate from button images
If you're using a background image to make a {{<div>}} look like a button, place the text in the {{<div>}}, not in the image.

{div2:class=two-col-example}
||CSS||HTML||
|{code}
.update-button {
    background-image: url('images/button-bg.png');
    background-size: contain;
}
{code}| {code:html}
<div class="update-button">Update</div>
{code}|
{div2}

{div}