rollover image style

<img src=”<?php echo get_template_directory_uri(); ?>/images/image1.png”  onmouseover=”this.src='<?php echo get_template_directory_uri(); ?>/images/image1_hover.png'” onmouseout=”this.src='<?php echo get_template_directory_uri(); ?>/images/image1.png'”  title=”werbebucher.at” alt=”Bucher Logo” />

Responsive Meta Tag !

Meta Tag

Most mobile browsers scale HTML pages to a wide viewport width so it fits on the screen. You can use the viewport meta tag to reset this. The viewport tag below tells the browser to use the device width as the viewport width and disable the initial scale. Include this meta tag in the <head>.

<meta name="viewport" content="width=device-width, initial-scale=1.0">

Internet Explorer 8 or older doesn’t support media query. You can use media-queries.jsor respond.js to add media query support in IE.

<!--[if lt IE 9]>
	<script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
<![endif]-->