calculate div position

Posted in Computers, HTML/CSS, Web Development

Tagged with javascript

After trying out loads of ways to find out the position of div in web page I found this be the best code
function getPosition(obj){
var topValue= 0,leftValue= 0;
while(obj){
leftValue+= obj.offsetLeft;
topValue+= obj.offsetTop;
obj= obj.offsetParent;
}
finalvalue = {'left': leftValue, 'top' : topValue};
return finalvalue;
}

In order to use this just use the following

var curPos = getPosition(document.getElementById('divInQuestion'));
curPos.left is the postion left and curPos.top is the top position

(1 votes, average: 5.00 out of 5)

 Loading ...

very nice article on color theory

Posted in HTML/CSS

Tagged with design

Color in design is very subjective. What evokes one reaction in one person may evoke a very different reaction in somone else. Sometimes this is due to personal preference, and other times due to cultural background. Color theory is a science in itself. Studying how colors affect different people, either individually or as a group, is something some people build their careers on. And there’s a lot to it. Something as simple as changing the exact hue or saturation of a color can evoke a completely different feeling. Cultural differences mean that something that’s happy and uplifting in one country can be depressing in another.

Read More

(1 votes, average: 4.00 out of 5)

 Loading ...

CSS Differences in Internet Explorer 6, 7 and 8

Posted in HTML/CSS

Tagged with css

One of the most bizarre statistical facts in relation to browser use has to be the virtual widespread numbers that currently exist in the use of Internet Explorer versions 6, 7 and 8. As of this writing, Internet Explorer holds about a 65% market share combined across all their currently used browsers. In the web development community, this number is much lower, showing about a 40% share.

The interesting part of those statistics is that the numbers across IE6, IE7, and IE8 are very close, preventing a single Microsoft browser from dominating browser stats — contrary to what has been the trend in the past. Due to these unfortunate statistics, it is imperative that developers do thorough testing in all currently-used Internet Explorer browsers when working on websites for clients, and on personal projects that target a broader audience.

Thanks to the many available JavaScript libraries, JavaScript testing across different browsers has become as close to perfect as the current situation will allow. But this is not true in CSS development, particularly in relation to the three currently used versions of Internet Explorer.

This article will attempt to provide an exhaustive, easy-to-use reference for developers desiring to know the differences in CSS support for IE6, IE7 and IE8. This reference contains brief descriptions and compatibility for:

• Any item that is supported by one of the three browser versions, but not the other two
• Any item that is supported by two of the three browser versions, but not the other one

This article does not discuss:

• Any item that is not supported by any of the three browser versions
• Proprietary or vendor-specific CSS

Continue to article

(2 votes, average: 5.00 out of 5)

 Loading ...

Date Display Technique with Sprites

Posted in Computers, HTML/CSS

Tagged with sprites

http://css-tricks.com/date-display-with-sprites/

(2 votes, average: 5.00 out of 5)

 Loading ...

Cufón – Another sIFR alternative for Font Embedding

Posted in Computers, HTML/CSS, Web Development

Tagged with Cufón

Cufón is similar to Typeface.js which aims to become a worthy alternative to sIFR, and despite its merits still remains painfully tricky to set up and use. Cufón consists of two individual parts as well – a font generator, which converts fonts to a proprietary format and a rendering engine written in JavaScript.

It works on every major browser on the market. There is near-zero configuration needed for standard use cases. And it is fast, even for sufficiently large amounts of text.

(2 votes, average: 4.50 out of 5)

 Loading ...