Merge pull request #536 from w3c/yatil-2017-7-imagemap

yatil · web-flow · commit 09e0c3d5c8e9 · 2018-08-23T13:07:43.000+02:00
Image Maps: Fix full code example
diff --git a/source/images/examples/imagemap.html.erb.md b/source/images/examples/imagemap.html.erb.md
@@ -4,6 +4,10 @@ source: ../imagemap.html#an-organizational-chart-with-links-to-individual-pages
 layout: fullcode
 ---
 
+{::nomarkdown}
+<%= sample_start %>
+{:/nomarkdown}
+
 ![Board of directors and related staff: ](orgchart.png){:usemap="#Map"}
 
 <map name="Map" id="Map">
@@ -14,6 +18,13 @@ layout: fullcode
   <area shape="rect" coords="345,136,496,186" href="../res/beyond" alt="Hugh Howard: Finance Director (reports to chairman)">
 </map>
 
+{::nomarkdown}
+<%= sample_end %>
+{:/nomarkdown}
+
+{::nomarkdown}
+<%= code_start %>
+{:/nomarkdown}
 
 ~~~ html
 
@@ -28,18 +39,35 @@ layout: fullcode
 		href="…"
 		alt="Davy Jones: Chairman"
 	>
-	<area shape="rect" coords="81,75,226,114" href="…"
-		alt="Carole Brewster: Company Secretary"
-	>
-	<area shape="rect" coords="6,138,155,182" href="…"
-		alt="Harry H Brown: Marketing Director"
-	>
-	<area shape="rect" coords="175,138,323,182" href="…"
-		alt="Paula Holbein: Sales Director"
-	>
-	<area shape="rect" coords="345,136,496,186" href="…"
-		alt="Hugh Howard: Finance Director"
-	>
+  
+  <area 
+    shape="rect" 
+    coords="81,75,226,114" 
+    href="…"
+    alt="Carole Brewster: Company Secretary"
+  >
+  <area 
+    shape="rect" 
+    coords="6,138,155,182" 
+    href="…"
+    alt="Harry H Brown: Marketing Director (reports to chairman)"
+  >
+  <area 
+    shape="rect"
+    coords="175,138,323,182"
+    href="…"
+    alt="Paula Holbein: Sales Director (reports to chairman)"
+  >
+  <area
+    shape="rect" 
+    coords="345,136,496,186" 
+    href="…"
+    alt="Hugh Howard: Finance Director (reports to chairman)"
+  >
 </map>
 
 ~~~
+
+{::nomarkdown}
+<%= code_end %>
+{:/nomarkdown}
