Draw lines on the web page

  • Thread starter Thread starter Nirosh
  • Start date Start date
N

Nirosh

Hi All,

http://www.tourneylogic.com/Products/BracketControl/Demos/V2/PopularTourneys/NCAA.aspx

Can some one tell me how he has draw lines here.. is it a trick done using
DIV/ CSS or using the graphic lib..

I also have asked to develop some thing similar.. I have some idea about how
to go about here.. but performance wise and also cross browser compliancy
wise I have some concerns.. can some one shoot couple of hints for me to
correctly position myself..

High level tips should do well..

Thanks


L.W.C. Nirosh.
Colombo,
Sri Lanka.
 
Can some one tell me how he has draw lines here.. is it a trick done using
DIV/ CSS or using the graphic lib..
Click to expand...

If you turn of CSS, you'll see it all collaps without lines, so, yes...it's
a CSS solution.

The easiest way to see what they did is to get the Firefox Web Developer
toolbar. There's an option to outline all block level items.

You'll notice that each pairing of teams is attached to a particulr div. The
div has a border applied to 3 sides, and then the two drop downs are
positioned relative to that div.

It's not perfect, as you'll notice that if you start enlarging the fonts on
the page, things begin to fall apart, but it's still fairly clever.

-Darrel
 
Thank you for the reply..

I know that I cannot ask you to guide me to develop this better.. but could
you give me couple of quick hints so that I can to a better job..

Nirosh.
 
Thanks,

I just installed it .. yes you are correct..

Can you help me out here.. with couple of quick hints..

Nirosh.
 
I just installed it .. yes you are correct..
Thanks.

Can you help me out here.. with couple of quick hints..
Click to expand...

Click Outline, DIV elements - you'll see that the DIVs use borders...

Click Find, Select Element by Click, and click on one of the DIVs - in the
Current Style pane, you can see how the border style has been set up...
 
Back
Top