Coding Issue

Go down

punBB - Coding Issue Empty Coding Issue

Post by Green_V_Verde on December 7th 2017, 6:20 am

Technical Details


Forum version : #PunBB
Position : Founder
Concerned browser(s) : Safari
Screenshot of problem : https://i.imgur.com/3bvqGZI.png
Who the problem concerns : Yourself
Forum link : http://strawhats.forumotion.com

Description of problem

The text in the code spills out of the box. I need it to not do that. If someone could help me that'd be appreciated =/.

Code:

<div style="width: 700px; border: 10px solid #000000; height: 150px;"><div style="background:#FFF; border: 3px solid #851C04; height: 147px;"><div style="font: 35px Tulpen One; color: #000; margin-top: 0px;text-align: left; border-bottom:2px dashed #000000; width: 511px;">NEWS</div><div style="background:#e8e8e8; border: 2px solid #000000; width; 700px; height: 101px; text-align: justify;">INFORMATION INFORMATION INFORMATION INFORMATION INFORMATION INFORMATION INFORMATION INFORMATION INFORMATION INFORMATION INFORMATION INFORMATION INFORMATION INFORMATION INFORMATION INFORMATION INFORMATION INFORMATION INFORMATION INFORMATION INFORMATION INFORMATION INFORMATION INFORMATION INFORMATION INFORMATION INFORMATION INFORMATION INFORMATION INFORMATIONINFORMATION INFORMATION INFORMATION INFORMATION INFORMATION INFORMATION INFORMATION INFORMATION INFORMATION INFORMATION INFORMATION INFORMATION INFORMATION INFORMATION</div></div></div>

That code is in AP->General->Announcements as its own custom announcement.
avatar
Green_V_Verde
New Member

Posts : 9
Reputation : 1
Language : English

http://strawhats.forumotion.com

Back to top Go down

punBB - Coding Issue Empty Re: Coding Issue

Post by Draxion on December 7th 2017, 7:52 am

Hi there,

This should help. You had to remove any height properties from the div elements.

You also needed to add the css white-space:pre-line on the last div so the text stays in the element.
Code:
<div style="width: 700px; border: 10px solid #000000;">
  <div style="background:#FFF; border: 3px solid #851C04;">
    <div style="font: 35px Tulpen One; color: #000; margin-top: 0px;text-align: left; border-bottom:2px dashed #000000; width: 511px;">NEWS</div>
    <div style="background:#e8e8e8; border: 2px solid #000000; width; 700px;text-align: justify;padding: 2px;white-space:pre-line !important;">INFORMATION INFORMATION INFORMATION INFORMATION INFORMATION INFORMATION INFORMATION INFORMATION INFORMATION INFORMATION INFORMATION INFORMATION INFORMATION INFORMATION INFORMATION INFORMATION INFORMATION INFORMATION INFORMATION INFORMATION INFORMATION INFORMATION INFORMATION INFORMATION INFORMATION INFORMATION INFORMATION INFORMATION INFORMATION INFORMATIONINFORMATION INFORMATION INFORMATION INFORMATION INFORMATION INFORMATION INFORMATION INFORMATION INFORMATION INFORMATION INFORMATION INFORMATION INFORMATION INFORMATION
    </div>
  </div>
</div>


NEVER provide your founder's account or email
Please provide forum's URL when dealing with design and appearance issues
Don't forget to mark the topic as punBB - Coding Issue Solved11 when the issue is resolved. This helps the staff greatly.
PM Support is prohibited!
TOS | General Rules | FAQ | Tricks & Tips | Latest Updates | Introduce Yourself

punBB - Coding Issue Draxio14
Draxion
Draxion
Support Moderator
Support Moderator

Male Posts : 2345
Reputation : 299
Language : English
Location : USA

http://www.draxionsgameden.com/

Back to top Go down

punBB - Coding Issue Empty Re: Coding Issue

Post by SLGray on December 7th 2017, 6:23 pm

Please change the title of your topic to something that is related to your question/issue, so that other users will be able to find their question/issue using the search engine.
Please read our forum rules:  ESF General Rules


punBB - Coding Issue 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 : 46351
Reputation : 3258
Language : English
Location : United States

https://help.forumotion.com/

Back to top Go down

Back to top


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