diff --git a/buttons/index.markdown b/buttons/index.markdown
index ca71aca..e01a27b 100644
--- a/buttons/index.markdown
+++ b/buttons/index.markdown
@@ -36,7 +36,7 @@ There are a variety of colours and shapes and you can check out the full range o
### Open Knowledge Button
```
-
+
```
@@ -52,7 +52,7 @@ The result should look similar to:
### Open Data Button
```
-
+
```
The result should look similar to:
@@ -66,7 +66,7 @@ The result should look similar to:
```
-
+
```
diff --git a/ossd/index.markdown b/ossd/index.markdown
index 9f5804d..ed1791c 100644
--- a/ossd/index.markdown
+++ b/ossd/index.markdown
@@ -62,18 +62,15 @@ If you're providing an online service that's compliant with the Definition let p
To add a button to your site just copy and paste the following bit of html into the relevant page on your site (or into the general footer or sidebar):
-[
-](http://opendefinition.org/ossd/)
-
+```
+
+```
To use a different button (other than the blue one used in the example) just change the 'src' attribute to point to one of the other buttons:
-
-
-
-/assets.okfn.org/images/ok_buttons/os_80x15_blue.png
-/assets.okfn.org/images/ok_buttons/os_80x15_red_green.png
-/assets.okfn.org/images/ok_buttons/os_80x15_orange_grey.png
+* http://opendefinition.org/assets.okfn.org/images/ok_buttons/os_80x15_blue.png
+* http://opendefinition.org/assets.okfn.org/images/ok_buttons/os_80x15_red_green.png
+* http://opendefinition.org/assets.okfn.org/images/ok_buttons/os_80x15_orange_grey.png