Strange lines between elements

[Kijoli]

I am creating some really simple nodes where the main part consists of two rectangles with gradients that meet in the middle. It is necessary with two rectangles because some of the nodes will have two colors. However the nodes all get a thin line in the middle that cannot be removed. The two rectangles are snapped to one another and there is simply no space between them. It does not matter how much I zoom in, the line doesn't get any thicker. If I try to move the rectangles closer, they immediately start overlapping. When I export the artboard as a jpeg file, the lines are still there.

Same issue with the top right circle where I have two crescents instead of rectangles.

[Alfred]

14 minutes ago, Kijoli said:

It is necessary with two rectangles because some of the nodes will have two colors.

You can add multiple stops to a gradient, and you can position two adjacent stops very close together if you want a sudden transition from one colour to the next.

[Pšenda]

1 hour ago, Kijoli said:

The two rectangles are snapped to one another

Must be "pixel" perfect. This means, that one rectangle must end at exactly one pixel, and the other rectangle must start at the next pixel. The optimal design is that the position and size work exactly with whole pixels (Force pixel alignment on, Move by whole pixels off).

[Kijoli]

Alfred,

Perhaps not strictly necessary but much faster in my case.

 

Psenda,

I had these settings on already, but I use millimeters rather than pixels. No matter how I try to realign them the seam is still there. Changing document settings to px doesn't change it either.

Anyway, I just realized there is a thousand threads on this already all the way from 2014. Too bad it seems the basic issue is not solvable. I will go with overlapping for now, it is okay in my case.

[Pšenda]

18 minutes ago, Kijoli said:

but I use millimeters rather than pixels

I understand, but because millimeters don't work exactly on pixels, they obviously cause inconsistencies at their boundaries.

19 minutes ago, Kijoli said:

Changing document settings to px doesn't change it either.

Of course, "change" alone is not enough. You then have to rearrange the objects, ie change their position and size to whole pixels.

[G13RL]

If you superimpose two stops (1 of each end color) in the center of the gradient, you will get a clean transition without a line since there is only one rectangle.