The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

BBCode Tag [CODE] Stretches page far beyond its limits. This is not normal.

3 posters

Go down

Solved BBCode Tag [CODE] Stretches page far beyond its limits. This is not normal.

Post by Patchy October 18th 2016, 6:46 pm

Technical Details


Forum version : #phpBB2
Position : Founder
Concerned browser(s) : Mozilla Firefox, Google Chrome, Other
Screenshot of problem : https://i.imgur.com/KmknexS.jpg
Who the problem concerns : All members
When the problem appeared : When creating and applying my forum theme.
Forum link : http://aquacurrentsrp.foren-gratis.com/t5-an-application-template-maybe#22551

Description of problem

The BBCODE tag "CODE" stretches the form beyond its normal boundaries for no reason. Please do not reply asking if this happens anywhere else on the forum. It does. Please do not ask me if I am sure about it, I know. I'm thinking it is CSS, but I have no idea how to find the issue. I will paste my CSS below.

Link: http://aquacurrentsrp.foren-gratis.com/t5-an-application-template-maybe#22551

CSS:

Spoiler:



Last edited by Patchy on October 18th 2016, 10:46 pm; edited 1 time in total
Patchy
Patchy
Forumember

Other / Decline to state Posts : 112
Reputation : 2
Language : ENGLISH

View user profile http://falatainfinita.forumotion.com

Back to top Go down

Solved Re: BBCode Tag [CODE] Stretches page far beyond its limits. This is not normal.

Post by Draxion October 18th 2016, 7:32 pm

Hi there,

I believe it's the 'width' property on your 'code' selector. Try removing that and see if that solves the problem.

Code:
.code {
color: #3a3a3a;
background-color: #ddd;
/*font-family: "courier new", "times new roman", monospace;*/
font-size: x-small;
line-height: 1.3em;
/* Put a nice border around it. */
border: 1px solid #252525;
margin: 1px auto 1px auto;
padding: 1px;
width: 99%;
/* Don't wrap its contents, and show scrollbars. */
white-space: nowrap;
overflow: auto;
/* Stop after about 24 lines, and just show a scrollbar. */
max-height: 24em;
}
Draxion
Draxion
Support Moderator
Support Moderator

Male Posts : 2513
Reputation : 321
Language : English
Location : USA

View user profile https://www.talesoftellene.com/

Back to top Go down

Solved Re: BBCode Tag [CODE] Stretches page far beyond its limits. This is not normal.

Post by Patchy October 18th 2016, 10:40 pm

Did nothing.

Edit: I fixed it myself. I found the Code search bar and found an odd section.


Last edited by Patchy on October 18th 2016, 10:43 pm; edited 1 time in total
Patchy
Patchy
Forumember

Other / Decline to state Posts : 112
Reputation : 2
Language : ENGLISH

View user profile http://falatainfinita.forumotion.com

Back to top Go down

Solved Re: BBCode Tag [CODE] Stretches page far beyond its limits. This is not normal.

Post by Draxion October 18th 2016, 10:41 pm

Are you sure? Cause it seemed to work on my end.

EDIT: Okay, glad you got it fixed then. lol
Draxion
Draxion
Support Moderator
Support Moderator

Male Posts : 2513
Reputation : 321
Language : English
Location : USA

View user profile https://www.talesoftellene.com/

Back to top Go down

Solved Re: BBCode Tag [CODE] Stretches page far beyond its limits. This is not normal.

Post by Patchy October 18th 2016, 10:45 pm

This fixed it. I edited the nowrap tag to wrap.

/* Don't wrap its contents, and show scrollbars. */
white-space: nowrap;[Change to wrap]
overflow: auto;


Code:

/* A code block - maybe even PHP Wink. */
.code {
color: #3a3a3a;
background-color: #ddd;
/*font-family: "courier new", "times new roman", monospace;*/
font-size: x-small;
line-height: 1.3em;
/* Put a nice border around it. */
border: 1px solid #252525;
margin: 1px auto 1px auto;
padding: 1px;
width: 99%;

[b]
/* Don't wrap its contents, and show scrollbars. */
white-space: nowrap;[Change to wrap]
overflow: auto;[/b]



/* Stop after about 24 lines, and just show a scrollbar. */
max-height: 24em;
}

/* The "Quote:" and "Code:" header parts... */
.quoteheader, .codeheader {
color: #ccc;
text-decoration: none;
font-style: normal;
font-weight: bold;
font-size: x-small;
line-height: 1.2em;
}
Patchy
Patchy
Forumember

Other / Decline to state Posts : 112
Reputation : 2
Language : ENGLISH

View user profile http://falatainfinita.forumotion.com

Back to top Go down

Solved Re: BBCode Tag [CODE] Stretches page far beyond its limits. This is not normal.

Post by SLGray October 18th 2016, 11:02 pm

Please refrain from using any bold/color text in your messages, except for the forms you use on the support forum.

Problem solved & topic archived.
Please read our forum rules:  ESF General Rules


header - BBCode Tag [CODE] Stretches page far beyond its limits. This is not normal. Slgray10

When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
SLGray
SLGray
Administrator
Administrator

Male Posts : 50346
Reputation : 3473
Language : English
Location : United States

View user profile https://forumsclub.com/gc/128-link-directory/

Back to top Go down

Back to top

- Similar topics

 
Permissions in this forum:
You cannot reply to topics in this forum