How to divide this vertical layout

Hi, Vaddin`s users. I am starting to use Vaadin and I found a problem to make a vertical layout, because I have read the tutorial, and examples but I can’t understand how to do the following design. What kinds of layouts(vertical,horizontal) or settings can I use to divide the layout?


http://img209.imageshack.us/img209/1/sinttulodr.png

I am waiting for answers, thanks you!

Something like this:


VerticalLayout
  Embedded
  HorizontalLayout
    Embedded
    Embedded
  VerticalLayout
  HorizontalLayout
    VerticalLayout
    VerticalLayout

Embedded are for showing images: the photo and icons. Switch to a themed buttons if they should be clickable. Other components may be good to change depending on what goes into the parts, but I guess you get the idea from it. One main VerticalLayout which you add either components into, or a horizontalLayout if you want to stack a few items horizontally.

Use Absolute Layouts

eg

class ABC extends VerticalLayout
{
AbsoluteLayout AL1 = new AbsoluteLayout();
AL1.setHeight(“500px”);
AL1.setWidth(“500px”);
Label l1 = new Label(“Hello”);
AL1.addComponent(l1, “top:20.0px;left:74.0px;”)
addComponent(AL1);

AbsoluteLayout AL2 = new AbsoluteLayout();
AL2.setHeight(“500px”);
AL2.setWidth(“500px”);
Label l2 = new Label(“HI”);
AL.addComponent(l2, “top:30.0px;left:56.0px;”)
addComponent(AL2);

AbsoluteLayout AL3 = new AbsoluteLayout();
AL3.setHeight(“500px”);
AL3.setWidth(“500px”);
Label l3 = new Label(“Hello”);
AL.addComponent(l3, “top:60.0px;left:65.0px;”)
addComponent(AL3);

}

U can add any component in the absolute layouts.
And like that u can add anything in the vertical layout.