I have seen that even for code with a small number of lines, vertical scroll bars are added and we have to scroll to see all of it. Also this restriction does not seem to apply for other tags, e.g. [[/B][B]quote][/quote[/B][B]] tags. I think that it would make the reading of code much easier if the scroll bars were either taken away if possible, or made to appear after a much larger number of code lines.
WolfPack
491
Posting Virtuoso
Team Colleague
Recommended Answers
Jump to PostThere is a reason to the madness. The code tags preserve line formatting, so text doesn't wrap around the next line unless there is a hard line break. That means that sometimes a horizonal scroll is automatically added so as to not break the layout of the page. However, the …
Jump to PostThat's alright. I'll try to explain it in a different way. Picture this:
This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____ This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____ This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____ This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____ This_Is_A_Short_Line This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____ This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____ This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____ This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____ This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____ This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____ This_Is_A_Short_Line This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____ This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____ This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____ This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____ This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____ This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____ This_Is_A_Short_Line This_Is_A_Short_Line This_Is_A_Short_Line This_Is_A_Short_Line This_Is_A_Short_Line This_Is_A_Short_Line This_Is_A_Short_Line This_Is_A_Short_Line This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____ This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____ This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____ This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____ This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____ This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____ This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____ This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____ This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____ This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____ This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____ …
All 6 Replies
Dani
4,084
The Queen of DaniWeb
Administrator
Featured Poster
Premium Member
There is a reason to the madness. The code tags preserve line formatting, so text doesn't wrap around the next line unless there is a hard line break. That means that sometimes a horizonal scroll is automatically added so as to not break the layout of the page. However, the horizontal scroll is added, per the nature of web browsers, to the bottom of the text area. That means that it needs to be viewable at all times, so that one can horizontally scroll as needed.
WolfPack
491
Posting Virtuoso
Team Colleague
Thanks for the quick reply but I am afraid I dont see how it applies to vertical scroll bars. Sorry if it was explained in your reply.
Dani
4,084
The Queen of DaniWeb
Administrator
Featured Poster
Premium Member
That's alright. I'll try to explain it in a different way. Picture this:
This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____
This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____
This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____
This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____
This_Is_A_Short_Line
This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____
This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____
This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____
This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____
This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____
This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____
This_Is_A_Short_Line
This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____
This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____
This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____
This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____
This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____
This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____
This_Is_A_Short_Line
This_Is_A_Short_Line
This_Is_A_Short_Line
This_Is_A_Short_Line
This_Is_A_Short_Line
This_Is_A_Short_Line
This_Is_A_Short_Line
This_Is_A_Short_Line
This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____
This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____
This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____
This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____
This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____
This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____
This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____
This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____
This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____
This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____
This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____
This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____
This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____
This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____
This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____
This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____
This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____
This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____
This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____
This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____
This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____
This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____
This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____
This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____
This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____
This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____
This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____
This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____
This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____
This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____
This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____
This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____
This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____
This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____
This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____
This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____
This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____
This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____
This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____
This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____
This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____
This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____
This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____
This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____
This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____
This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____
This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____
This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____
This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____
This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____
This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____
This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____
This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____
This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____
This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____
This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____
This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____
This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____
This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____
This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____
This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____
This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____
This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____
This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____
This_Is_A_Short_Line
This_Is_A_Short_Line
This_Is_A_Short_Line
This_Is_A_Short_Line
This_Is_A_Short_Line
This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____
This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____
This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____
This_Is_A_Short_Line
This_Is_A_Short_LineNow, assume that is a snippet of code in some language such as C++ or PHP. Since code tags preserve line length, it requires horizontal scrolling so that it doesn't stretch the layout of the page.
Notice that there are long lines throughout the snippet, including the first couple of lines. No matter where in the snippet you are reading, you can use the horizontal scroll bar to scroll right.
But suppose there WAS no vertical scroll bar, and the snippet was really long. If you wanted to read the first line, you would have to scroll your web browser all the way down to the bottom of the code area to find the horizontal scrollbar, scroll horizontally, and then scroll all the way back up to finish reading the first line.
By making sure that the full code area all fits on your screen at once, we can ensure that both scroll bars will always be completely visible without constantly scrolling your web browser window IN ADDITION to scrolling hte code snippet box.
WolfPack
491
Posting Virtuoso
Team Colleague
I get it now. Must have been hard to create that example just for me, though :)
Since code tags preserve line length, it requires horizontal scrolling so that it doesn't stretch the layout of the page.
So I guess that means a Word Wrap option is also out of the question?:sad:
Thanks a lot.
Dani
4,084
The Queen of DaniWeb
Administrator
Featured Poster
Premium Member
Word wrap would defeat the purpose of code tags.
WolfPack
491
Posting Virtuoso
Team Colleague
Word wrap would defeat the purpose of code tags.
Feared as much. :sad: Guess the only option is to copy it to notepad and view it there. :cheesy:
Thanks Dani. :thumbs up:
Be a part of the DaniWeb community
We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.