Need to know how to make this...

[orion_rus]

Hello world if somebody sees a Mozilla site
Link is here [mozilla.org]
They have a something like menu in the right side and in the upper side and in the bottom of it it have a "hat" i don't know how to make this. May be somebody can help me with this?

[vkaryl]

Are you talking about the tabs in the upper right menu? You should be able to find something similar on meyerweb or one of the links from his site.

[orion_rus]

I'm sorry i'm talking about left side menu)) it's have up and down simmetrycal elements. And i don't understand how they make it.

[vkaryl]

Well, from looking at the source, I can see that it's a <ul> array with <li> elements, I didn't look at the css but that's no doubt where the styling is that sets up the symmetrical appearance with end-caps.

You can look at the css as well as the source if you have FF or Moz and one of the Developer toolbar extensions....

[benihana]

you could do something along the lines of:

put the <ul> inside a <div>

give the <div> a background-image for the top curve, and top padding of the corresponding height, so the list starts just at the bottom of the <div>'s background-image (top curve).

give the actual <ul> a background-image for the bottom curve, positioned bottom and some bottom padding + no-repeat, so the <ul> extends down just below the last <li>, and the background-image (bottom curve) is not hidden behind the list items.

styles the <a hrefs> and the <li>'s to get the button effect.

i hope that makes sense - in a bit of a rush!