HTML tutorials series on girendra.com
Today I am starting a new html and css tutorials series. It is very useful for the peoples who are seeking the help in html and css. These tutorials will cover the following topics:
- What is html and what can I do with HTML
- Basic Syntax of HTML
- Role of meta tags
- Role of headings(h1, h2, h3 etc.)
- Text Formatting Tips
- All about hyperlinks and anchor text
- Images in html document
- Setting page’s width and height
- Page layout using tables
- Page layout using div/css
- Create form in HTML
- Various form elements like text field, text area, radio button, checkbox, buttons etc.
- How to use java script, php code in HTML file.
- Cascading Style sheets (CSS)
- Xhtml and CSS Validation
- And many more….
I will write the tutorials and publish them twice or thrice in a week. I am also planning to provide detailed information on all the CSS properties which is also an integral part of website’s layout.
Topics: CSS, General, Html, Web Design | No Comments »
Hand as Mouse Cursor in Mozilla Firefox
In internet explorer it is possible to use hand as mouse cursor using the following CSS code:
#idname
{
cursor:hand;
}
This code is very fine with internet explorer but it is not compatible with Mozilla Firefox because Firefox does not support the “hand” value of cursor property. If you want hand cursor in Firefox, you have to use the pointer as the value of cursor property. Code is:
#idname
{
cursor:pointer;
}
Some earlier versions of internet explorer does not support value “pointer”, so for the safe side you can include both properties:
#idname
{
cursor:hand;
cursor:pointer;
}
Topics: CSS | No Comments »
Table to div css conversion
Are you looking for the table to div and css conversion tool and you have spent a lot of time in finding such tools. Then I will suggest you, don’t waste your time and manually code your websites in div and css.
Actually tables and divs are two different things and there are very few similarities between them hence to create a program that convert tables to divs is not a simple task. Tables are basically used to represent data at fixed coordinates and divs are used for creating stretchable layout. There are some tools available on the internet which claims that they will convert your tables to divs. But these tools will convert table to absolutely positioned divs which are fixed in nature as tables. So they are not solving the real issue.
If you are new to div and css coding you can get some tutorials here to code your div/css pages. For further questions make comments her, I will definitely help you.
Topics: CSS, Layout | No Comments »
Create metallic web buttons in photoshop
While surfing you often see the attractive metallic buttons on the websites. Now I am going to explain the procedure to create the metallic button with round corners in adobe photoshop.
Step 1: Open photoshop and start a new document of 300×100 pixels and 72 pixels/inch.
Step 2: Insert new layer then select rounded rectangle tool, set radius 4px and draw a rectangle as shown below(With any color). Read the rest of this entry »
Topics: Adobe Photoshop, Web Graphics | No Comments »
Change style of submit button in html/CSS
It is very common practice for webmasters to change default style of submit button in html forms. It is easy to change default background image of button in firefox using CSS and it is equally easy in case of internet explorer but a bit tricky.
Here is the code to change style of button including background image with multi browser compatibility.
. submit-button {
background-color:transparent;
background-image:url(images/button.gif);
border:1px solid #CCCCCC;
font:14px Arial, Helvetica, sans-serif;
color:#FF3333;
width:100px;
height:30px;
}
background-color:transparent is required to show background image in case of internet explorer, it is not required in case of firefox.
Topics: CSS, Html | 2 Comments »