Why doesn't an HTML anchor tag wrap a scalable SVG <object>? -
i have created scalable svg object, using preserveaspectratio
, viewbox
attributes in svg file itself:
<svg … width="800" height="800" preserveaspectratio="xminymin meet" viewbox="0 0 800 800" …
in html, reference svg file using <object>
tag , wrap <a>
tag (i want can style later):
<a> <object type="image/svg+xml" data="smiley.svg"> </object> </a>
i style <object>
tag css make 50% wide, , no wider 100%:
object { max-width: 100%; width: 50%; }
the problem anchor tag doesn't wrap around object!
any ideas anyone?
adding display: block
anchor seems fix me.
Comments
Post a Comment