Some time ago, a friend who was new to website production showed me the website he made and asked me to help solve the website code problem. Both sites use the same production method, and the problems that arise are exactly the same. I asked him what method he used to make it, and he replied that after making the version in PS, HTML was automatically generated after slicing. As a result, a lot of delimiters appeared in the HTML. First, he made the website www.38sy.com, and delimiters appeared. Finally, he searched for a solution on the Internet and heard that it was caused by uneven slicing during slicing. So when making the website www.suoying.net, he cut it pixel by pixel strictly in accordance with the requirements of slicing. But the result is still the same, there are still a lot of delimiters.
In fact, to be honest, I had the same problem when I was using pure tables to build the website, but later I became accustomed to using DIV+CSS, so I put this problem aside and did not study the solution.
When a friend asked this question, he suddenly remembered it, so he found time to research it, and found something suspicious. The situation is roughly as follows:
I first used PS to draw a few random pictures, and then used a few strokes to generate HTML. The first situation is as shown below:
No delimiter appears in this case:
After a few cuts for the second time, the situation is as follows:
Here comes the problem...lots of separators
So I stepped back step by step. When I got here, the separator disappeared. (That is, all the following three films will be deleted)
One step forward and the delimiter appears.
It seems that the third to last film is the highlight.
After careful analysis, it is not difficult to find that the possible reason for the separator to appear is that during the third cut, the slice covered the dividing line between the fifth and second slices generated by automatic slicing. To prove this statement, I moved the third knife one step to the right, and the separator disappeared, as shown below:
So far, if my analysis is correct, the reason for the separators is that manual slicing covers the automatically generated slicing separators, so there are three solutions:
1. When slicing manually, do not cover the dividing lines of automatically generated slices (it seems a bit unrealistic);
2. Disable automatic slice generation (I couldn’t find a way to disable it...it’s a bit weak...);
3. Change to a web page creation method that does not require slicing (the most realistic, haha).