solution for scrollbars=no not working in chrome

Published on scrollbars=no not working in chrome I have a link that opens a popup window using The problem is the scrollbars=no don’t work in Chrome. They work in IE and Firefox, so I’m thinking it has something to do with Chromes new scroll bars. This is  the code I’m using: html: <a href=””>Mypage</a> jQuery: $(‘a’).click(function() … Continue reading solution for scrollbars=no not working in chrome

Html Show and Hide div panel

Published on

Html: <div class=”panel”></div> <a href=”javascript:void(0);” class=”slider-arrow show”>&raquo;</a> CSS: .panel { width:300px; float:left; height:550px; background:#d9dada; position:relative; left:-300px; } .slider-arrow { padding:5px; width:10px; float:left; background:#d9dada; font:400 12px Arial, Helvetica, sans-serif; color:#000; text-decoration:none; position:relative; left:-300px; } Jquery: $(function(){ $(‘.slider-arrow’).click(function(){ if($(this).hasClass(‘show’)){ $( “.slider-arrow, .panel” ).animate({ left: “+=300” }, 700, function() { // Animation complete. }); $(this).html(‘&laquo;’).removeClass(‘show’).addClass(‘hide’); } else { … Continue reading Html Show and Hide div panel


Published on

The following new tags are added in HTML 5.   Tag Description <article> Specifies an article <aside> Specifies content aside from the page content <audio> Specifies sound content <bdi> For bi-directional text formatting <canvas> Define graphics <data> Allows for machine-readable data to be provided <datagrid> Allows for an interactive representation of tree, list, or tabular … Continue reading HTML5 NEW TAGS

on mouse over image rotate 360deg

Published on

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “”> <html xmlns=””> <head> <meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ /> <title>Untitled Document</title> <style> .rotate{ -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; transition-property: transform; overflow:hidden; } .rotate:hover { -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -o-transform:rotate(360deg); } </style> </head> <body> <br /><br /><br /> <img src=”1.png” class=”rotate” /> … Continue reading on mouse over image rotate 360deg