 |  |  |  |  |  |  |  |
Scroll Bars for the [Code][/Code] Tagged Portion
Thread Solved |
•
•
Join Date: Jun 2005
Posts: 1,496
Reputation: 
Solved Threads: 104
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. [quote][/quote] 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.
•
•
Join Date: Feb 2002
Posts: 12,040
Reputation: 
Solved Threads: 125
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.
•
•
Join Date: Jun 2005
Posts: 1,496
Reputation:
Solved Threads: 104
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.
•
•
Join Date: Feb 2002
Posts: 12,040
Reputation:
Solved Threads: 125
That's alright. I'll try to explain it in a different way. Picture this:
Now, 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.
This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____ This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____ This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____ This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_Line_____This_Is_A_Long_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_Line
Now, 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.
•
•
Join Date: Jun 2005
Posts: 1,496
Reputation:
Solved Threads: 104
I get it now. Must have been hard to create that example just for me, though 
So I guess that means a Word Wrap option is also out of the question?
Thanks a lot.
•
•
•
•
Originally Posted by cscgal
Since code tags preserve line length, it requires horizontal scrolling so that it doesn't stretch the layout of the page.
Thanks a lot.
•
•
Join Date: Feb 2002
Posts: 12,040
Reputation:
Solved Threads: 125
Word wrap would defeat the purpose of code tags.
 |
Similar Threads
- Re: Scroll Bars for the [Code][/Code] Tagged Portion (JavaScript / DHTML / AJAX)
- Java Text Editor (Scroll Bars) (Java)
- Listboxes and scroll bars (Visual Basic 4 / 5 / 6)
- Bottom of Firefox/IE (HTML and CSS)
- pseudo code to code difficulties (C++)
- Please anyone help tweak my code The code tags are around it now (Java)
Other Threads in the DaniWeb Community Feedback Forum
- Previous Thread: My Profile
- Next Thread: Login
| Thread Tools | Search this Thread |
You need to join our community in order to build your list of favorite forums. You can visit the forum index for a listing of all forums.
Related Forum Features
Latest DaniWeb Community Feedback Posts
- Today's Posts
- Unanswered Threads
+ abuse beginners bookmark bored box bug bugs calamity code codebox codesnippets codetags code_snippet comments cpuintensive daniweb design editcodesnippet end-of-the-world favouriteforums feedback ff3 flamewar glitch ie6 itsatag! kids layout login lulz negative newfeature poll post preview privatemessaging problem profanitytest profile quality quick rash-bot rashakil-fol reply reputation reputation-power sandwich score search snippet socialgroups solvedthreads sub-forum suggestion tagcloud tagging tags theactualrulerofthetag-cloud:3 therulerofthetag-cloud:[ thread threadtagging today's-posts unansweredposts upgrade user voting whining
