Versions Compared

Old Version 3

changes.mady.by.user Anastasia Cheetham

Saved on

compared with

New Version 4

changes.mady.by.user Anastasia Cheetham

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
{div:class=} h2. Keep button text separate from button images If
Wiki Markup
Div
classa11y-checks

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=

Div
classtwo-col-example
} ||CSS||HTML|| |{code}

CSS

HTML

Code Block

.update-button {
    background-image: url('images/button-bg.png');
    background-size: contain;
}
{code}| {code:html}
 Code Block
html
html

<div class="update-button">Update</div>

{code}|
{div2}

{div}