6 Replies - 3662 Views - Last Post: 22 May 2009 - 08:25 AM

#1 boredom  Icon User is offline

  • D.I.C Head

Reputation: 0
  • View blog
  • Posts: 63
  • Joined: 03-January 09

Trapezium in HTML

Post icon  Posted 21 May 2009 - 05:01 AM

Hi, We All know how to create a Table in html, pretty simple:
I was looking to create a trapezium, parellogram or some other odd figure. I was just wondering whether I have to use the table tag with some special/extra attributes to create trapezium or is it some different tag that works with these types of figures.
Is This A Good Question/Topic? 0
  • +

Replies To: Trapezium in HTML

#2 gregwhitworth  Icon User is offline

  • Tired.
  • member icon

Reputation: 219
  • View blog
  • Posts: 1,604
  • Joined: 20-January 09

Re: Trapezium in HTML

Posted 21 May 2009 - 08:08 AM

Uhm, nope you would have to do some special and annoying work to get that to work. Currently you have NO control of the individual corners of any element. Whether that be divs or table cells. You can set widths, and heights. Subsequently you then would have to be able to adjust (and have browser support) the individual corners of the child elements (paragraphs, images, etc..)

Usually, you would use images to create the non-square feel, and then work the content to work with that design.

It may take some time to get a design just right, but it can be done. The biggest problem that you face is paragraph/block elements in the browser don't work in the same manner as a text block does in say, In Design or Quarks. Mainly because of the huge variety of resolutions and monitor sizes.

So basically to make your content fit the irregular shape, you would have to have a new paragraph every time it hits the end to conform to the shape. The easiest way to explain this is to show you an image.

Attached Image

Hope that helps,

Greg
Was This Post Helpful? 0
  • +
  • -

#3 crazyjugglerdrummer  Icon User is offline

  • GAME OVER. NERD WINS.
  • member icon

Reputation: 119
  • View blog
  • Posts: 690
  • Joined: 07-January 09

Re: Trapezium in HTML

Posted 21 May 2009 - 02:30 PM

I agree with greg, if you want irregular type layouts, go with images or a flash animation.
Was This Post Helpful? 0
  • +
  • -

#4 gregwhitworth  Icon User is offline

  • Tired.
  • member icon

Reputation: 219
  • View blog
  • Posts: 1,604
  • Joined: 20-January 09

Re: Trapezium in HTML

Posted 21 May 2009 - 03:17 PM

Quote

I agree with greg, if you want irregular type layouts, go with images or a flash animation.


Totally forgot about flash - nice catch! But you still have square text boxes. What would allow you to do this (doesn't exist) would either be set individual corner long and lat points, or (my fav) would be attaching <p> tags as story collections. Kind of like how Indesign works. So it will automatically flow to the next p element that you have attached to the story allowing us to do columns and so on.

--

Greg
Was This Post Helpful? 0
  • +
  • -

#5 5thWall  Icon User is offline

  • Occasional Member

Reputation: 31
  • View blog
  • Posts: 530
  • Joined: 17-September 08

Re: Trapezium in HTML

Posted 21 May 2009 - 04:02 PM

It would be kind of cool if it were possible. Somebody should suggest this to the w3c, make it part of CSS.

div {
  corner1-pos : 12px 13px;
  corner2-pos : 12px....

  or

  top-size : 5em;
  right-size : 3em;
  bottom-size : 6em;
  left-size : 3em;
}



Something like that, or even letting you specify arbitrary polygons. :D

This post has been edited by 5thWall: 21 May 2009 - 04:02 PM

Was This Post Helpful? 0
  • +
  • -

#6 gregwhitworth  Icon User is offline

  • Tired.
  • member icon

Reputation: 219
  • View blog
  • Posts: 1,604
  • Joined: 20-January 09

Re: Trapezium in HTML

Posted 22 May 2009 - 07:55 AM

Quote

It would be kind of cool if it were possible. Somebody should suggest this to the w3c


How does one suggest things. Just the normal contact button on their page? Anyone know anyone in the W3C?

--

Greg
Was This Post Helpful? 0
  • +
  • -

#7 gregwhitworth  Icon User is offline

  • Tired.
  • member icon

Reputation: 219
  • View blog
  • Posts: 1,604
  • Joined: 20-January 09

Re: Trapezium in HTML

Posted 22 May 2009 - 08:25 AM

We're getting closer:
http://www.zenelemen...ltiple-columns/

--

Greg
Was This Post Helpful? 0
  • +
  • -

Page 1 of 1