Post Reply 
 
Thread Rating:
  • 0 Votes - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5
CSS Math
12-06-2017, 03:34 AM
Post: #1
CSS Math
A source link is provided to assist so get you math hats on.

http://d21c.com/leprofesseur/hypotenuse.html
Find all posts by this user
Quote this message in a reply
12-06-2017, 02:15 PM
Post: #2
RE: CSS Math
(12-06-2017 03:34 AM)The Professor Wrote:  A source link is provided to assist so get you math hats on.

http://d21c.com/leprofesseur/hypotenuse.html

They can be calculated from the source code.
Find all posts by this user
Quote this message in a reply
12-06-2017, 03:02 PM
Post: #3
RE: CSS Math
What??? Gads have not down that in years....I'll grab the source code and check it out!!
Visit this user's website Find all posts by this user
Quote this message in a reply
12-07-2017, 01:37 AM
Post: #4
RE: CSS Math
The length of FD in triangle FDE is 1030 pixels and the area of that triangle is 225000 sq. pixels. How was that obtained from the source code and why is knowing the length important to css coding?
Find all posts by this user
Quote this message in a reply
12-07-2017, 01:54 PM
Post: #5
RE: CSS Math
Whoosh......went right over my head!! LOL!
Visit this user's website Find all posts by this user
Quote this message in a reply
12-07-2017, 05:34 PM
Post: #6
RE: CSS Math
The position of D is from the source code

#D {
position:absolute;top:500;left:900;
}
so the length of 2 sides are known to be 500 and 900 so the hypotenuse can be calculated http://d21c.com/leprofesseur/calc-hypot.html
Find all posts by this user
Quote this message in a reply
12-07-2017, 07:28 PM
Post: #7
RE: CSS Math
Ok......I can see I'm going to have to devote a few hours to this!! I'll give it a try....
Visit this user's website Find all posts by this user
Quote this message in a reply
12-08-2017, 08:25 PM
Post: #8
RE: CSS Math
Moving elements vertical and horizontal is quite straight forward . You just vary the x or y co-ordinates.
Moving elements on a Web Document my be combined to produce an echo effect. That is linear motion may be combined horizontally and/or vertically and it is essential that you know the length of the hypotenuse
.
The Diagonal movement is a bit more math intensive as the hypotenuse is always longer than either the vertical or horizontal side and its relationship to the sides is non linear. The greater the discrepancy between the sides the more difficult to solve. It is therefore recommended that advanced consideration be given when choosing coordinates.

Here are so examples http://d21c.com/leprofesseur/css/element-move.html
Find all posts by this user
Quote this message in a reply
12-09-2017, 02:32 PM
Post: #9
RE: CSS Math
Ok......I see where we're going.....You know who would be able to do this easier?? Linda!!! she's got this stuff down pat!!!
Visit this user's website Find all posts by this user
Quote this message in a reply
12-10-2017, 12:23 PM
Post: #10
RE: CSS Math
Oh crap! Pardon my French - I just lost my reply. Oh well, it wasn't important. Anyway, thanks, Prof, for trying to educate us. I think I'll stick to non-css simple stuff.
Find all posts by this user
Quote this message in a reply
Post Reply 


Forum Jump:


User(s) browsing this thread: 1 Guest(s)