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.

Coding Issue

3 posters

Go down

Coding Issue Empty Coding Issue

Post by Green_V_Verde 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

Coding Issue Empty Re: Coding Issue

Post by Draxion 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>
Draxion
Draxion
Helper
Helper

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

https://www.talesoftellene.com/

Back to top Go down

Coding Issue Empty Re: Coding Issue

Post by SLGray 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


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 : 51567
Reputation : 3525
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

Back to top


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