docs(common): fix a number of wrong image src attributes, typos and code snippets

Author: Jekata

_templates/button/distorted-appearance.md

@@ -1,7 +1,7 @@
 #intro
 This help article describes what to do when you have an appearance issue with **@{control}** and provides a resolution.
 
-The appearance of **@{control}** may be distorted (**Figure 1**) when the control is declarted on the same page that contains a **RadButton** with a `Classic` `RenderMode` (*i.e., the default `RenderMode`*).
+The appearance of **@{control}** may be distorted (**Figure 1**) when the control is declared on the same page that contains a **RadButton** with a `Classic` `RenderMode` (*i.e., the default `RenderMode`*).
 
 >caption Figure 1: Distorted appearance of **@{control}** when placed on the same page with **RadButton** `RenderMode`="`Classic`".
 

controls/numerictextbox/features/validation.md

@@ -20,13 +20,13 @@ The **RadInput** controls support ASP.NET validators (both client and server sid
 >
 
 
-To use ASP.NET validators with **RadInput** controls, simply set the ID of the **RadInput** control as the value of the **ControlToValidate** property of the validator.
+To use ASP.NET validators with **RadInput** controls set the ID of the **RadInput** control as the value of the **ControlToValidate** property of the validator.
 
 Since Q2 2012 there are some modifications for RadInput validation.The main idea is to render only the input element all the time, and remove the span element and the excessive inputs. To be achieved this the validation value is stored in [“expando”](https://msdn.microsoft.com/en-us/library/89t1khd2%28v=vs.94%29.aspx) property and we submit real value through the client state. Also, the [ValidatorGetValue](https://msdn.microsoft.com/en-us/library/aa338815%28v=vs.71%29.aspx) function of the [asp:Validators](https://msdn.microsoft.com/en-us/library/debza5t0.aspx) was overriden to look our expando property called “RadInputValidationValue”.
 
 ## Example
 
-![Validators](images/Validators.png)
+![Validators](../images/Validators.png)
 
 The following declaration shows the use of a required field validator from the form above:
 
@@ -63,7 +63,7 @@ The validator controls have a **ValidationGroup** property. The **RadInput** con
 
 ## Display ErrorMessage inside RadInput
 
-The following example demonstrates how you could display your ErrorMessage inside the input itself following an unsuccessful validation.
+The following example demonstrates how you can display your ErrorMessage inside the input itself following an unsuccessful validation.
 
 ````JavaScript
 <script type="text/javascript">

controls/splitbutton/functionality/Icons/custom-icons.md

@@ -44,16 +44,18 @@ You can use custom font icons in **RadSplitButton** as well. To do that, follow
 
 1. Load the stylesheet with the desired font icons on the page.
 
-	**CSS**
+	````ASPX
 		<link rel="stylesheet" href="myCustomFontStyleSheet.css" />
+    ````
 
 1. Override the font-family of the button's icon element with the target one.
 
-	**CSS**
+	````CSS
 		.RadSplitButton .rbIcon.rbPrimaryIcon:before,
 		.RadMenu_Context .rmItem .rmLeftImage:before{
 			font-family: myCustomFont;
 		}
+    ````
 
 1. Set the custom font icon class to the **Icon.CssClass** property.
 

controls/toolbar/getting-started/overview.md

@@ -56,7 +56,7 @@ This tutorial will walk you through creating a **RadToolBar** and shows how to:
 
 1. Select the "Details" button again and click the **Add RadToolBarButton to drop-down** button two more times to add two more buttons to the drop-down list.
 
-* On the first of these (the second button in the drop-down list), set the **IsSeparator** property to **True** and the **Text** property to an empty string.The item builder should now look like the following:(![toolbar itembuildergroup and dropdown](images/toolbar_itembuildergroup%26dropdown.png))
+* On the first of these (the second button in the drop-down list), set the **IsSeparator** property to **True** and the **Text** property to an empty string.The item builder should now look like the following:(![toolbar itembuildergroup and dropdown](images/toolbar_itembuildergroup&dropdown.png))
 
 1. Click the **Add RadToolBarSplitButton** button (![ToolBar Add Split Button](images/toolbar_addsplitbutton.png)) to add a split button to the toolbar.
 

controls/window/troubleshooting/executing-javascript-code-from-server.md

@@ -12,13 +12,13 @@ position: 4
 
 
 
-This is a pretty common scenario when working with WebForms. There are many ways to achieve the desired result, but they have one thing in common – you should make sure that the controls are fully loaded in the page before trying to get a reference to them and use them in your JavaScript code.
+This is a common scenario when working with WebForms. There are many ways to achieve the desired result, but they have one thing in common – you should make sure that the controls are fully loaded in the page before trying to get a reference to them and use them in your JavaScript code.
 
 >note You can check the [Executing JavaScript Code from Server-side in Web Forms and ASP.NET AJAX](https://www.telerik.com/support/kb/aspnet-ajax/details/executing-javascript-code-from-server-side-in-web-forms-and-asp.net-ajax) KB article for more abstract code snippets.
 > Before you dive and test the different solutions make sure that:
 > * The code is actually inserted on the page – the easiest way is to put a simple alert() and check if it is fired.
 > * The controls are rendered on the page before referencing them in your JavaScript function
-> * If you are manually inserting the '<script>' tags – that you have set either the type (type='text/javascript') or the language (language='javascript') attributes
+> * If you are manually inserting the `<script>` tags – that you have set either the type (`type='text/javascript'`) or the language (`language='javascript'`) attributes
 
 ## The simplest way
 
@@ -208,4 +208,4 @@ Calling a JavaScript function from the server is a relatively easy task. Just ma
 
 1. The controls are rendered on the page before referencing them in your JavaScript function
 
-1. If you are manually inserting the <script> tags – that you have set either the type (type='text/javascript') or the language (language='javascript') attributes.
+1. If you are manually inserting the `<script>` tags – that you have set either the type (type='text/javascript') or the language (language='javascript') attributes.

integration/jquery/jquery-intellisense.md

@@ -30,9 +30,9 @@ Separate sections below explain the cases for the different Visual Studio versio
 
 Visual Studio 2017 uses a new Intellisense mode for JavaScript based on TypeScript. You can revert to the old behavior by going to **Tools** > **Options** > **Text Editor** > **JavaScript/TypeScript** > **Language Service** and **uncheck** the checkbox from **Enable the new JavaScript Language service**. Make sure to restart Visual Studio for the changes to take effect.
 
-![revert to old JS service](../images/revert-to-old-language-service.png)
+![revert to old JS service](images/revert-to-old-language-service.png)
 
-With this, you can use the old JavaScript documenttion like in [Visual Studio 2012 and Visual Studio 2013 with Q3 2012 or later](#jquery-intellisense-in-vs-2012-and-vs-2013-using-telerik-ui-for-aspnet-ajax-q3-2012-or-later).
+With this, you can use the old JavaScript documentation like in [Visual Studio 2012 and Visual Studio 2013 with Q3 2012 or later](#jquery-intellisense-in-vs-2012-and-vs-2013-using-telerik-ui-for-aspnet-ajax-q3-2012-or-later).
 
 ````ASP.NET
 <!-- This can enable the old JS intellisense for the current page -->

integration/visual-studio/how-to-use-javascript-intellisense-for-the-telerik-controls.md

@@ -139,9 +139,9 @@ function OnClientClicking(sender, args) {
 
 Visual Studio 2017 uses a new Intellisense mode for JavaScript based on TypeScript. You can revert to the old behavior by going to **Tools** > **Options** > **Text Editor** > **JavaScript/TypeScript** > **Language Service** and **uncheck** the checkbox from **Enable the new JavaScript Language service**. Make sure to restart Visual Studio for the changes to take effect.
 
-![revert to old JS service](../images/revert-to-old-language-service.png)
+![revert to old JS service](images/revert-to-old-language-service.png)
 
-With this, you can use the old JavaScript documenttion provided in the `vsdoc` files.
+With this, you can use the old JavaScript documentation provided in the `vsdoc` files.
 
 ````ASP.NET
 <!-- This can enable the old JS intellisense for the current page -->

styling/change-control-appearance.md

@@ -17,7 +17,7 @@ The easiest way to [set a skin]({%slug introduction/radcontrols-for-asp.net-ajax
 
 >caption Figure 1: Setting a skin from the design-time dropdown
 
-![Setting a skin at design-time](images/set-skin-design-time.png "Setting a skin at design-time")
+![Setting a skin at design-time](../getting-started/images/set-skin-design-time.png "Setting a skin at design-time")
 
 ## Customizing the Appearance
 

styling/controlling-visual-appearance/controlling-absolute-positioning-with-z-index.md

@@ -13,7 +13,7 @@ position: 8
 
 
 
-A number of Telerik controls render with absolute positioning and have their default z-indexes as shown below:
+Many Telerik controls render with absolute positioning and have their default z-indexes as shown below:
 
 
 
@@ -73,7 +73,7 @@ A number of Telerik controls render with absolute positioning and have their def
 
 
 
-In different scenarios, you may need to change these values in order to ensure that one specific control will be shown above the other—for example **RadWindow** over **RadMenu**. To do this, you can simply set the value of the z-index property of every control by using the common style property, e.g.:
+In different scenarios, you may need to change these values to ensure that one specific control will be shown above the other—for example **RadWindow** over **RadMenu**. To do this, you can set the value of the z-index property of every control by using the common style property, e.g.:
 
 ````ASP.NET
 <telerik:RadWindowManager RenderMode="Lightweight" ID="RadWindowManager1" runat="server" Style="z-index: 12345">
@@ -86,11 +86,11 @@ In different scenarios, you may need to change these values in order to ensure t
 
 **Default appearance**
 
-![Menu default z-index](images/combo_default.png)
+![Menu default z-index](../../controls/images/combo_default.png)
 
 **Desired appearance**
 
-![ComboBox Slide overriden z-index](images/combo_overriden.png)
+![ComboBox Slide overridden z-index](../../controls/images/combo_overriden.png)
 
 To achieve the appearance above, apply the following CSS style to override the default z-index of the RadComboBox Slide
 
@@ -111,11 +111,11 @@ Another approach is to set the z-index inline in the RadComboBox declaration
 
 **Default appearance**
 
-![ContextMenu default z-index](images/context_default.png)
+![ContextMenu default z-index](../../controls/images/context_default.png)
 
 **Desired appearance**
 
-![ContextMenu overriden z-index](images/context_overriden.png)
+![ContextMenu overriden z-index](../../controls/images/context_overriden.png)
 
 The applied CSS style to override the default z-index of the RadContextMenu:
 
@@ -129,11 +129,11 @@ The applied CSS style to override the default z-index of the RadContextMenu:
 
 **Default appearance**
 
-![RadWindow default z-index](images/window_default.png)
+![RadWindow default z-index](../../controls/images/window_default.png)
 
 **Desired appearance**
 
-![RadWindow overriden z-index](images/window_overriden.png)
+![RadWindow overriden z-index](../../controls/images/window_overriden.png)
 
 Override the default z-index of the modal RadWindow with the following style: