Category Archives: HTML

How to create a table with fixed columns and headers

table.main { width: 700px; height: 221px; table-layout: fixed; } table.root { table-layout: fixed; } table.content { table-layout: fixed; width: 1890px; } table.head { table-layout: fixed; width: 1890px; } table.frozen { table-layout: fixed; } td { line-height: 28px; } div.horizontal-scroll { … Continue reading

Posted in HTML | Leave a comment

How to create multi-level menu’s using HTML and CSS

Create a style.css as follows body { font: normal .8em/1.5em Arial, Helvetica, sans-serif; background: #ebebeb; width: 900px; margin: 100px auto; color: #666;}a { color: #333;}#nav { margin: 0; padding: 7px 6px 0; /*background: #7d7d7d repeat-x 0 -110px;*/ background:#7d7d7d; line-height: 100%; … Continue reading

Posted in HTML | 1 Comment

How to make a dropdown as readonly in html

I encountered a problem where in it was required to make a drop down readonly. While searching over internet i found THISBut the solution mentioned there, didn’t appeal me much. As i had to make server side code changes while … Continue reading

Posted in HTML | Leave a comment

Formatting your HTML Document using Notepad++ !!

Formatting your HTML Document !! I always wished I had a tool that could format my ugly looking HTML document. The feature is provided by Notepad++ The version of Notepad++ that has this feature How to format HTML using Notepad++

Posted in HTML, Notepad++ | 2 Comments

What’s the difference between display: none and visibility: hidden?

Question: What’s the difference between display: none and visibility: hidden?The display: none and visibility: hidden CSS properties appear to be the same thing, but they aren’t. Answer:These two style properties do two different things. visibility: hidden hides the element, but … Continue reading

Posted in Client Side Programming, CSS, HTML, JavaScript | Tagged , , , , | Leave a comment

How to highlight table rows on mouseOver

Please note that if you are using IE, don’t forget to add the DOCTYPE to your HTML document For more details, you can refer to this link or this link Put this inside your section tr:hover { background-color:#317082; color:#FFF; } … Continue reading

Posted in HTML | 6 Comments

How to get old Value with onchange() event in text box

You’ll need to store the old value manually. You could store it a lot of different ways. You could use a javascript object to store values for each textbox, or you could use a hidden field (I wouldn’t recommend it … Continue reading

Posted in Client Side Programming, HTML, JavaScript, jQuery | Tagged , , | 2 Comments