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

Dynamically generate HTML elements using javascript and save them on server

Dynamically generate HTML elements using javascript and save them on server Today while working in office, I had a requirement where I was required to generate dynamic elements in HTML form and then later on submit the form to a … Continue reading

Posted in HTML | Leave a comment

How to align the value in a text box using javascript?

How to align the value in a text box using javascript? I found various methods to do it on google, but only one of them worked for me. Hence I decided to write a post on this. function mytest3() { … Continue reading

Posted in HTML | Leave a comment

How to access embedded iframe’s internal elements?

How do I access internal form elements of iframe which is embedded in an HTML page. Ofcourse document.forms[0] will give me the first form in the parent document. But what I need is the form of the iframe. Here is … Continue reading

Posted in HTML | Leave a comment