VML FRAMES AND SHAPE TYPES

 

Here are examples showing text and images on
background-image in a VML rounded rectangle


Many XML possibilities...
directly combined with
HTML code with VML!
See that links:

http://midiwebconcept.free.fr/
http://www.w3.org/TR/1998/NOTE-VML-19980513
http://msdn.microsoft.com/en-us/library/bb264280(VS.85).aspx"



Only position (and sometimes filters) attributes run on CSS with VML. But you can use VMLFRAME or SHAPETYPE to duplicate proprieties.
See the source of this document.

With VMLFRAME element



VMLFRAME-1

Use "<v:roundrect" type element with "arcsize" attribute to make a rectangle with round corners.
This round rectangle must be hidden and put into a <div> .
Making VML effects as you like...


VMLFRAME-2

You can duplicate your roundrectangle with the element "<v:vmlframe" and put HTML content in it.


VMLFRAME-3

"position:absolute" is easier to apply but "position:relative" is also possible for any element.


With SHAPETYPE element




SHAPETYPE-1

A round rectangle can also be created with a vectorial shape path. Then you may use the "<v:shapetype" element with its children shapes.


SHAPETYPE-2

So you can reproduce the background- shapetype elements as many as you want, with other VML shapes and effects e.g...


SHAPETYPE-3

... and add HTML content in it.


An image within a table for example