HTML gurus, need your help

[Argo]

Is there a way to create this look, using html?

 

[Descartes]

Strictly HTML, no. HTML and some graphics to round off the edges, yes.

 

[Czar]

not just html, have to have some images also

 

[Descartes]

Originally posted by: Czar
not just html, have to have some images also

Is there an echo?

 

[Argo]

Can't do images. The color has to be dynamic and if I write an app to generate the image automatically it'd be too much stress on the server, since that tab is being displayed on every page. Ok, lets say I can get away with square edges, how would I create the little white slits between the cells?

 

[Barnaby W. Füi]

Well, never say never 😉

With some insane tablework (1 pixel table cells :Q) you *could* do it, but it would be nasty as hell (html-wise).

The slits would be done with css.

border-left: 1px solid #ddd

then on the leftmost item, use a different class and have no border-left for it.

 

[notfred]

Originally posted by: Argo
Can't do images. The color has to be dynamic and if I write an app to generate the image automatically it'd be too much stress on the server, since that tab is being displayed on every page. Ok, lets say I can get away with square edges, how would I create the little white slits between the cells?

using | looks like it would work.

 

[MonkeyK]

What's the big deal? It looks like you only need six possible images (one for each tab).

 

[MonkeyK]

Sorry, that wasn't clear enough. What I meant to say is six images of the entire tab bar. Each one with a different tab selected.

 

[Argo]

Originally posted by: MonkeyK
Sorry, that wasn't clear enough. What I meant to say is six images of the entire tab bar. Each one with a different tab selected.

User has the ability to change both active and inactive colors 🙁

 

[notfred]

Originally posted by: Argo

Originally posted by: MonkeyK
Sorry, that wasn't clear enough. What I meant to say is six images of the entire tab bar. Each one with a different tab selected.

User has the ability to change both active and inactive colors 🙁

If these are registered users, generate images when they select colors, and keep them with the user's files. You'd only have to generate them once that way.

 

[Barnaby W. Füi]

If the rounded-ness is not important, there is zero need for images, this is trivial with CSS.

 

[Argo]

I did it!!!! Including antialiasing the edges 🙂 I'll try to post the result from work tomorrow 😉