SVG is rendered with a line through the middle in Chrome - google-chrome

I don't have any experience with SVG but I was hoping to use this one in a project I'm working on.
http://openclipart.org/people/aungkarns/sakura1.svg
The problem is that in Google Chrome and Chromium, a thin line is rendered from the top flower, right through the image to down near the stem. In other browsers, in the image viewer in Ubuntu and in Inkscape, this line isn't shown. I don't think it's supposed to be there, so is there anything I can do about it?

The line is the path with id "path2164", (the first path node in Layer 1), if you view the source and remove this element, it will disappear. I don't really know why it doesn't render in other browsers, it may be malformed. At any rate, if you remove it, the image looks normal.

Related

What is the green dot on the snippet icon in Chrome devtools

Sometimes when I create a new snippet in Chrome devtools its icon has a green dot at the lower right. Sometimes the same thing happens when I edit a snippet. I haven't used snippets in a few months, and I remember there was something I did that made the dot go away, but I can't remember what it was.
What is the significance of the dot? What am I supposed to do when I see one? I looked at lot of web pages describing the use of snippets and even a few videos, and I found no mention of this dot in any of them. Furthermore, the new snippets the videos showed being created did not get a green dot on their icon.
The green dot means that file is linked to the source file within a workspace. It allows you to edit the file in the Dev Tools editor and the source file will be updated with those changes.
Chrome dev tools. Edit and save with Workspaces

jCarousel bug in IE

We are trying to get jCarousel work in IE (ver 11) but cant find out how...
When you go to http://cis.gefco-czech.cz/ you can see the first image (or other images) are cut in the middle and right side is white. When this image is shown again, after all slides were shown, this image is magically showing as it is supposed to be.
Do you have any suggestion how to fix this bug?
It works perfect in chrome and safari...
you have markup errors... (validator.w3.org/nu )
first set up ie to record scripting and markup errors.
Tools>Internet Options>Advanced tab, check "Always record developer console messages".... save changes.... Now you can open your dev tool in IE and the Console tab will list otherwise suppressed error messages.
HTML1300: Navigation occurred.
cis.gefco-czech.cz
HTML1423: Malformed start tag. Attributes should be separated by whitespace.
Put a space between the id and class attribute. eg. sb id="123" class="someclass" not
id="123"class="someclass"

Gray Background in Chrome Devtools sourcemap view

I have a bundled and minified file and a source map. I added this source map in the chrome dev tools by right clicking in the source and selecting Add Source Map.... That seems to work (although I suspect that something is getting mixed up). The original files now appear in the devtools. But now some of the lines have a gray background (e.g. line 17 in the screenshot below). What does this mean?
The gray background indicates that the source map doesn't include those lines. Sometimes source map generators only supply source mapping for lines that differ or have the potential to differ from the underlying code. In these cases, unmodified lines will have a gray background.
See https://github.com/babel/babel/issues/1318 for an example of this.
Also see What are these grey lines in the Chrome sources panel? for a similar question.

Internet explorer cursor "point" bottom left of the image

I want to have an individual cursor on my homepage. For Internet Explorer i need the special file format .cur - after 2 days searching i found this. Now it also works in ie.
But: When you go over a link, (right the menue), you will notice that the point of the cursor which is actual the "pointing point" (the point of the image which is deciding a selection) is not like usual in the top left corner, but in the bottom left corner.
Im testing it with ie10. With the standart cursors all is ok, but not with the .cur file.
So, whats wrong there? Or is my .cur file corrupt??
Thanks you all!
No, the cursor file is perfectly fine, that how normal cursor works. even in default cursor (like in stack overflow) you can try press add button or link with the bottom of the cursor and it wont work, only the corner activate the cursor sensitivity.
However, using default cursor is recommended, it making the website more mature or in other words less childish.

how to visualise/debug an imagemap?

I'm dynamically generating an imagemap for a chart tool I have.
I was hoping to be able to set a border or color on the area tags so I could check everything was being generated with the right coords, but a little research shows this is not possible.
So whats the easiest way to check my image map is correct? Are there any browser tools which will "visualise" the areas?
What about using JavaScript (and jQuery) to test it?
http://davidlynch.org/js/maphilight/docs/demo_usa.html
This plugin will highlight image map areas.
You can use FireBug for that:
Right-click your image and choose "Inspect Element with FireBug"
In the HTML tab of Firebug, the image tag is highlighted: locate and expand the associated map tag, which usually is right after it
You can now place your mouse over each area tags to see them highlighted over your image
One way to visualize an area tag in Chrome is to add a tabindex to the area tag(s) you want to see, and then click or tab to it. Chrome will nicely highlight the actual outline of the clickable area.
This solution unfortunately doesn't work in Firefox.
Image Map Editor is a plug-in for Firefox. It is the best tool I have found so far, makes creating, inspecting, and editing image maps very easy.
In Chrome you can select the area of the image map and click on the three little dots
to the left and then select "focus"
Never thought I would ever say that, but this is one of the few cases where Dreamweaver could be helpful. You'll have an interface, you will be able to work with anchor points and set your imagemap easily.