How to center a button using CSS?
Button is an inline element. It can not be centered using the “margin:auto;” that is for block element. Even if you set “display:inline-block” for it, the “margin:auto;” still has no […]
The default height and width of empty div in CSS
The height and width CSS properties are not inheritable. If not specified, their default value is “auto” which means “browser will calculate it“. But how does the browser calculate the […]
the difference between px and em for font-size
The articles I’ve read that talk about px and em all say px is an absolute unit while em is a relative unit. “Absolute” seems easy to understand. That is […]
redirect methods
You must have seen url redirect. You click an html redirect link. The link does not take you to the page it points to, but redirects the url to another […]
create a pure css pop up window
How to create a pop up box on your web page? You may think of using javascript. However, the trend is to create such popup windows without using javascript as […]
How to create tooltip for element using jQuery?
When mouse movers on an HTML element, a tooltip is popped up displaying some useful information about the element. This sounds cool. Today, we will learn how to add a […]
buttons to submit a form
After attending an HTML class, your first excise to submit an html form must be using a <input type=”submit”> button. Clicking the button will submit the values in the form […]
alter image on mouseover with CSS
How to change image on hover using CSS? Here we give you two methods: using two images <html> <head> <title>test</title> <style> .altericon1{width:130px; display:block; height:33px; line-height:33px; overflow:hidden; background-image:url(icon1.jpg); background-repeat:no-repeat; } .altericon2{width:130px; […]
url cache and refresh in browsers
When you visit a url (such as http://myprogrammingnotes.com/go)in Firefox, and the url is redirected to another url such as http://google.com, Firefox will remember the redirecting url. Thus, if you type […]
Responsive webpage design using w3.css
Simply speaking, responsive webpage design is laying elements on a web page in different manners for different browser’s sizes using the same piece of html code. For example, on large […]