CODEWITHSUNDEEP
htmlsvg
narengi
narengi

Reputation: 1405

How to remove the top border of an embedded SVG element

This is a part of my HTML I have embedded the SVG element.

<div>
<embed id="svgsource" type="image/svg+xml" src="/CXF/2012-01-27---11-35-47/6.svg">
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="900px" height="751px" onload="init()" xmlns:xlink="http://www.w3.org/1999/xlink">
</svg>
</embed>
</div>

But when you go to this page, you notice a visible line on top of the SVG element, as if it has set a top border: Picture of the html

is there any way to get rid of that?

Upvotes: 0

Views: 2130

Answers (1)

Erik Dahlstr&#246;m
Erik Dahlstr&#246;m

Reputation: 61046

Why do you have an inline <svg> element inside the <embed>? Have you tried removing that part?

Maybe the svg you reference has a rectangle to serve as a border? In that case you'll need to change the "/CXF/2012-01-27---11-35-47/6.svg" file itself.

Upvotes: 1

Related Questions