•
•
•
•
What is DaniWeb IT Discussion Community?
You're currently browsing the DaniWeb Community Feedback section within the Coffee House category of DaniWeb, a massive community of 402,473 software developers, web developers, Internet marketers, and tech gurus who are all enthusiastic about making contacts, networking, and learning from each other. In fact, there are 2,944 IT professionals currently interacting right now! Registration is free, only takes a minute and lets you enjoy all of the interactive features of the site.
Please support our DaniWeb Community Feedback advertiser: Programming Forums
Views: 2234 | Replies: 6 | Solved
 |
•
•
Join Date: Jun 2005
Location: Tokyo, Japan
Posts: 1,481
Reputation: 
Rep Power: 8
Solved Threads: 98
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
Location: Lawn Guylen, NY
Posts: 10,892
Reputation:
Rep Power: 32
Solved Threads: 109
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.
Dani the Computer Science Gal
Do you run a computer-related website? Feature it in our niche link directory!
Do you run a computer-related website? Feature it in our niche link directory!
•
•
Join Date: Jun 2005
Location: Tokyo, Japan
Posts: 1,481
Reputation:
Rep Power: 8
Solved Threads: 98
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
Location: Lawn Guylen, NY
Posts: 10,892
Reputation:
Rep Power: 32
Solved Threads: 109
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.
Dani the Computer Science Gal
Do you run a computer-related website? Feature it in our niche link directory!
Do you run a computer-related website? Feature it in our niche link directory!
•
•
Join Date: Jun 2005
Location: Tokyo, Japan
Posts: 1,481
Reputation:
Rep Power: 8
Solved Threads: 98
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
Location: Lawn Guylen, NY
Posts: 10,892
Reputation:
Rep Power: 32
Solved Threads: 109
Word wrap would defeat the purpose of code tags.
Dani the Computer Science Gal
Do you run a computer-related website? Feature it in our niche link directory!
Do you run a computer-related website? Feature it in our niche link directory!
•
•
Join Date: Jun 2005
Location: Tokyo, Japan
Posts: 1,481
Reputation:
Rep Power: 8
Solved Threads: 98
•
•
•
•
Originally Posted by cscgal
Word wrap would defeat the purpose of code tags.
Guess the only option is to copy it to notepad and view it there. :cheesy: Thanks Dani. :thumbs up:
|
•
•
•
•
•
•
•
•
DaniWeb DaniWeb Community Feedback Marketplace
•
•
•
•
Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
Linear Mode
•
•
•
•
activation backup badge blog blogger blogging blogs breach building code combo community competition dani daniweb data database debugging development dreamweaver dropdownlist html innovation jbennet key member microsoft module net networks news photo php product programming reuse rss search security serial server social survey tags virtual vista web wysiwyg xml
- 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
