Login or Register to Ask a Question and Join Our Community


What is on Your Mind?

White "Shadows" in Code Tags?

Login to Discuss or Reply to this Discussion in Our Community

 
Thread Tools Search this Thread
The Lounge What is on Your Mind? White "Shadows" in Code Tags?
# 22  
Old 06-28-2018
I take your point but, like many apps do, would active scroll bars just appear if the post was too wide for the screen or too long for the page? We are all familiar with seeing such functionality every day.

In fact, we see it on this site when, for whatever reason, some complete posts are wider than screen. Scroll bars seem to simply appear in that situation.
# 23  
Old 06-28-2018
The current code for the code tags looks like this:

Code:
<style>
pre {
   overflow:hidden;
   margin:2px;
   padding:15px;
   border:1.2px solid;
   margin-right:10px;

}
</style>
<br />
<br />
<div class="smallfont" style="margin-bottom:2px;">$vbphrase[code]:</div>

<pre class="alt2">$code</pre></div><br />

So, the action should be as for the CSS attribute:

Code:
overflow:hidden;


The overflow property has the following values:

Quote:
visible - Default. The overflow is not clipped. It renders outside the element's box
hidden - The overflow is clipped, and the rest of the content will be invisible
scroll - The overflow is clipped, but a scrollbar is added to see the rest of the content
auto - If overflow is clipped, a scrollbar should be added to see the rest of the content
Nothing has ever worked correctly on this because of the pre tag used for code tags; however, if you want to try, we can try another value for the overflow attribute, for example "auto".

But honestly, we have tried all before and they did not work.

Which CSS overflow attribute do you want to try now?

Want to try auto again?

Update:

Now trying this code:

Code:
<style>
pre {
   overflow:auto;
   margin:2px;
   padding:15px;
   border:1.2px solid;
   margin-right:10px;

}
</style>
<br />
<br />
<div class="smallfont" style="margin-bottom:2px;">$vbphrase[code]:</div>

<pre class="alt2">$code</pre></div><br />

# 24  
Old 06-28-2018
Testing:

Code:
01234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789 0123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789 012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789

# 25  
Old 06-28-2018
Does not work:

So changing back.
# 26  
Old 06-28-2018
The problem is that scrollbars do not work with the HTML pre tag.

If you have better HTML/CSS code for code tags, we can try it.

Thanks.
This User Gave Thanks to Neo For This Post:
hicksd8
# 27  
Old 06-28-2018
It is interesting to note that the mobile code does not have this issue and we can scroll without scrollbars with finger gestures on mobile.
# 28  
Old 06-29-2018
OK... after digging around, I think I'll try to change our code tags to use:

SyntaxHighlighter

See also:

SyntaxHighlighter 3.0.83
Login or Register to Ask a Question

Previous Thread | Next Thread

9 More Discussions You Might Find Interesting

1. AIX

Apache 2.4 directory cannot display "Last modified" "Size" "Description"

Hi 2 all, i have had AIX 7.2 :/# /usr/IBMAHS/bin/apachectl -v Server version: Apache/2.4.12 (Unix) Server built: May 25 2015 04:58:27 :/#:/# /usr/IBMAHS/bin/apachectl -M Loaded Modules: core_module (static) so_module (static) http_module (static) mpm_worker_module (static) ... (3 Replies)
Discussion started by: penchev
3 Replies

2. Shell Programming and Scripting

Bash script - Print an ascii file using specific font "Latin Modern Mono 12" "regular" "9"

Hello. System : opensuse leap 42.3 I have a bash script that build a text file. I would like the last command doing : print_cmd -o page-left=43 -o page-right=22 -o page-top=28 -o page-bottom=43 -o font=LatinModernMono12:regular:9 some_file.txt where : print_cmd ::= some printing... (1 Reply)
Discussion started by: jcdole
1 Replies

3. UNIX for Dummies Questions & Answers

Using "mailx" command to read "to" and "cc" email addreses from input file

How to use "mailx" command to do e-mail reading the input file containing email address, where column 1 has name and column 2 containing “To” e-mail address and column 3 contains “cc” e-mail address to include with same email. Sample input file, email.txt Below is an sample code where... (2 Replies)
Discussion started by: asjaiswal
2 Replies

4. Solaris

The slices "usr", "opt", "tmp" disappeared!!! Help please.

The system don't boot. on the screen appears following: press enter to maintenance (or type CTRL-D to continue)...I checked with format command. ... the slices "0-root","1-swap","2-backup" exist. ...the slises "3-var","6-usr" -unassigned. :( (16 Replies)
Discussion started by: wolfgang
16 Replies

5. Shell Programming and Scripting

how to use "cut" or "awk" or "sed" to remove a string

logs: "/home/abc/public_html/index.php" "/home/abc/public_html/index.php" "/home/xyz/public_html/index.php" "/home/xyz/public_html/index.php" "/home/xyz/public_html/index.php" how to use "cut" or "awk" or "sed" to get the following result: abc abc xyz xyz xyz (8 Replies)
Discussion started by: timmywong
8 Replies

6. Shell Programming and Scripting

awk command to replace ";" with "|" and ""|" at diferent places in line of file

Hi, I have line in input file as below: 3G_CENTRAL;INDONESIA_(M)_TELKOMSEL;SPECIAL_WORLD_GRP_7_FA_2_TELKOMSEL My expected output for line in the file must be : "1-Radon1-cMOC_deg"|"LDIndex"|"3G_CENTRAL|INDONESIA_(M)_TELKOMSEL"|LAST|"SPECIAL_WORLD_GRP_7_FA_2_TELKOMSEL" Can someone... (7 Replies)
Discussion started by: shis100
7 Replies

7. Shell Programming and Scripting

ps -ef | grep "string1" "string2" " "string3"

Hi all, can any one suggest me the script to grep multiple strings from ps -ef pls correct the below script . its not working/ i want to print OK if all the below process are running in my solaris system. else i want to print NOT OK. bash-3.00$ ps -ef | grep blu lscpusr 48 42 ... (11 Replies)
Discussion started by: steve2216
11 Replies

8. Shell Programming and Scripting

cat $como_file | awk /^~/'{print $1","$2","$3","$4}' | sed -e 's/~//g'

hi All, cat file_name | awk /^~/'{print $1","$2","$3","$4}' | sed -e 's/~//g' Can this be done by using sed or awk alone (4 Replies)
Discussion started by: harshakusam
4 Replies

9. UNIX for Dummies Questions & Answers

Explain the line "mn_code=`env|grep "..mn"|awk -F"=" '{print $2}'`"

Hi Friends, Can any of you explain me about the below line of code? mn_code=`env|grep "..mn"|awk -F"=" '{print $2}'` Im not able to understand, what exactly it is doing :confused: Any help would be useful for me. Lokesha (4 Replies)
Discussion started by: Lokesha
4 Replies
Login or Register to Ask a Question