Jameson Scotch Prices

Web Accessibility / Accessibility extension mirusys CMS

To the accessibility of all of our sites with our mirusys CMS to further recently unlocked, an additional extension:

The award of language in the HTML header of the site . This is a small but excellent technical adjustment which is now handled automatically by the CMS. This free expansion, a screen reader (software for visually impaired people) the page in the right language to read, making it accessible to all.

HTML code adaptation:

 \u0026lt;html xmlns = "http://www.w3.org/1999/xhtml" 
  lang = "de-ch" xml: lang = "de-ch" > 

Additional features of CMS mirusys which are standard for all customers are provided the following:

• The Internet presence is always structured tabellenlos, help you achieve a clean separation between content and design (SEO benefit).


• The source code of the site is created by the W3C standard and is also valid (valid).


• Scalable font sizes are at our concerts implemented by default. In newer browsers, using a special key combination (IE: for example, CTRL + mouse wheel "or CTRL +" + ") The font size relatively quickly and are simply enlarged.


• Other common optimizations, such as use of headlines, without unnecessary pop-up windows and clear link texts are part of our standard.


• Alternative text for images is already longer exists and can access themselves are defined by each person with CMS.


• inserting a language identifier in the parent template is added by default. (This implies that the screen reader the language of the page)

Site Access for all - access for all

CMS features mirusys

Lm311 Battery Charger Circuit Diagramfor 24v

Graphic Form Button with CSS (valid without Javascript)

In some forms, it is desirable that you can implement Custom graphical buttons, without the code handling - for example with additional JavaScript code - is restricted. It can be created using an additional layer in the HTML code, CSS formatting, and the following two simple button graphics valid buttons, which are adjusted by the length of her nor automatic. The two graphs consist of the actual button without the right degree and a minimum length of 300 pixels and the 2nd Graphics with the button's degree which includes only the right line.

CSS formatting:

 
   div.button { 
    height: 28px; 
    background: url('images/btn_right.gif') right 
                no-repeat; 
    width: auto; 
    float: left; 
    padding: 0 3px 0 0; 
  } 
  
  div.button input.button { 
    height: 28px; 
    width: auto; 
    background: url('images/btn_bg.gif') left center 
                no-repeat; 
    color: #000; 
    font-weight: bold; 
    border: none; 
    overflow: visible; 
    display: inline; 
    margin: 0; 
    padding: 0 10px 0 22px; 
    font-size: 12px; 
    font-weight: bold; 
    font-family: Verdana, Arial, Helvetica, sans-serif; 
 cursor: pointer;} 
 
 

HTML code:

 \u0026lt;div class="button"> 
 \u0026lt;input type = "button" name = "submit" class = "button" 
 value = "Search" /> 
 \u0026lt;/ div> 
 

The width of the button is automatically adjusted depending on the value input value ("search").