Problem
Most of the developers will say “I can use javascript and CSS ‘visibility’ property to do that”, but shortly after that they’ll realize that this is not enough. This solution will hide the div tag content, but the space it occupies will stay.
You can reproduce this behavior using the code below:
if (objDiv.style.visibility == ‘visible’ […]
Today I found a great approach for defining Mozilla specific styles without using Mozilla CSS extentions. The only thing needed is to put all Mozilla specific CSS definitions in a “@-moz-document” block and specify the url, url-prefix or domain to which pages the styles have to be applied:
@-moz-document url(http://www.w3.org/),
[…]
I read an incredible post from Smashing Magazine today. It is a collection of 53 links to various CSS tips and tricks, techniques for developing different types of navigation, image mapping, table techniques, etc. It is definitely worth reading: 53 CSS-Techniques You Couldn’t Live Without.
css, smashing magazine techniques
Share and Enjoy:
These icons link to social […]
Problem: Add horizontal and/or vertical scrollbar to the content of a DIV tag
Solution: There are different ways to add a scrollbar to DIV tag content. The easiest one is to use the CSS “overflow: scroll” property. Unfortunately in this case the scrollbar looks like the standard browser one and can be styled only in IE.
The […]
The problem:
Recently I developed a site using DIV tags. They are floated on left or right in order to take the appropriate positions. I was very excited because the layout was perfect in IE 7, Firofox for Windows and Safari, Firefox for MAC.
Some days ago I took a look at IE 6 and I […]
Go to Mozilla Developer Center and find a lot of Mozilla CSS extentions.
css, extentions Mozilla
Share and Enjoy:
These icons link to social bookmarking sites where readers can share and discover new web pages.
Today I read a really cool article about creating image rollover effect using CSS and one image. This totally eliminates the usage of Javascript and OnMouseOver and OnMouseOut attributes.
Browsers supported: IE 5.5+, Firefox 1.07+, Opera 7.23+, Mozilla 1.7.12+, Netscape 6.02+, Safari 2.0+, Konqueror 3.4.3+
You can review the full artcile with example how to achieve […]
Recent Comments