Showing posts with label Design. Show all posts
Showing posts with label Design. Show all posts

Thursday, August 28, 2008

Wednesday, June 04, 2008

CSS Hacks: DIV Height Problem and Solution

If you set height in css for a div and check it in IE and Firefox you will get two different heights.

Empty divs in IE have a minimum height, more or less equal to the current line-height.

The way to solve this is:

1) Put a comment inside the div: <div style="height: 10px;"><!-- --></div>
2) Put a inside the div and add this to its style: font-size:1px; line-height:0.

Tuesday, April 17, 2007

Adding Click to Select All Text: Javascript

If you want your users to click on a text area and automatically highlight all of the text, there is a very simple way to do it. This does not require external javascript at all. It’s no "copy code" button, but if the user clicks inside the text area, this bitt of code will hightlight all of the text in that textfield.

Add the following code to any <> tag:

onclick="javascript:select();"

Example: