• When posting, please be aware that artistic nudity is still nudity and not allowed under RpNation rules. Please edit your pictures accordingly!

    Remember to credit artists when using work not your own.

Help Text going past the div?

h2h0e

Landmaid
Hey there! I'm using one of pasta pasta 's original codes, (amazing codes, go check 'em out) and the text keeps going past the div limits in both boxes. I just need some help! Thanks!


















no slide
no slide
no slide [/div][/div]

Code:
[div=width:700px;height:405px;background:url('https://imageshack.com/a/img923/4674/EG52Lm.jpg');background-size:100%;margin:auto;center;border-bottom: 1px solid #fff;]
















[div=visibility:hidden][accordion=100%]{slide=|[div=visibility:visible;position:sticky;z-index:5;float:right;margin-left:-405px;margin-top:0px;padding:3px;font-size:14px;line-height:11px;color:#f0a364;text-shadow: 1px 1px 0px #c27d44;font-variant:normal;font-weight:normal;]GO FOWARD[/div]}[div=height:385px;visibility:visible;background:transparent;position:absolute;top:-403px;left:-4px;width:103%][div=width:auto;height:402px;background:white;border:2px dashed #aa7766;][div=position:relative;top:10px;left:10px;;width:250px;height:250px;background:url('https://imageshack.com/a/img924/7632/gyBiKL.jpg');background-size:105%;][div class=2][/div][/nobr][/div]
[div=height:120px;width:250px;background:#aa7766;position:relative;left:10px;font-size:12px;line-height:12px;color:#e2b4a5;text-align:justify;overflow:hidden;][div=width: calc(100% + 17px); height: calc(100% + 17px); overflow: scroll; box-sizing: border-box; text-align: justify;][SIZE=18px][font=VT323]Player's Likes[/font][/SIZE][div=width:240px;border-top:1px solid #e2b4a5;][/div][font=Lato]french yogurt, tea, sleeping, medical dramas, socializing, collecting plastic toys from toy vending machines, learning new things, learning idol dances, soccer, painting, sketching[/font]

[SIZE=18px][font=VT323]Player's dislikes[/font][/SIZE][div=width:250px;border-top:1px solid #e2b4a5;][/div][font=Lato]rejetions, wasting time, large animals, action movies, bad first impressions, bugs, coffee[/font]

[SIZE=18px][font=VT323]Player's hobbies[/font][/SIZE][div=width:250px;border-top:1px solid #e2b4a5;][/div][font=Lato]drawing, photoshop, paintint, studying[/font]
[/div][/div][div=position:relative;top:-380px;left:270px;]
[div=height:100px;width:100px;background:url('https://78.media.tumblr.com/8276de3b899dec83a22ec5bb4dea2c89/tumblr_p5qsa4IPSX1qceroko3_400.gif');background-size:100%;box-shadow:4px 4px #aa7766;][nobr][div class=x][font=VT323][/font][/div][font=VT323][/font][/nobr][font=VT323][/font][/div][font=VT323]
[div=height:100px;width:100px;background:url('https://78.media.tumblr.com/274400cc977ad9b4c1437a769cdde120/tumblr_p5qsa4IPSX1qceroko4_400.gif');background-size:100%;box-shadow:4px 4px #aa7766;]
[nobr][div class=x][div=position:relative;top:35px;font-size:14px;text-align:center;text-transform:uppercase;][/div][font=VT323][/font][/div][font=VT323][/font][/nobr][/div]
[div=height:100px;width:100px;background:url('https://78.media.tumblr.com/dcd0d05747ebcdf3fa8a7175c0850926/tumblr_p5qsa4IPSX1qceroko5_400.gif');background-size:100%;box-shadow:4px 4px #aa7766;]
[nobr][div class=x][div=position:relative;top:35px;left:-3px;font-size:13px;text-align:center;text-transform:uppercase;][/div][font=VT323][/font][/div][font=VT323][/font][/nobr][/div][/font][/div][font=VT323][div=height:360px;width:318px;position:relative;top:-727px;left:387px;background:#aa7766;font-size:12px;line-height:12px;color:#e2b4a5;][div=height:368px;width:298px;position:relative;top:10px;left:10px;;overflow:hidden;][div=width: calc(100% + 17px); height: calc(100% + 17px); overflow: scroll; box-sizing: border-box;][font=Lato][div=color:#c1907f;font-size:30px;text-shadow:2px 1px #e2b4a5;]
「about the player」[/div]

[div=text-align:justify]Norio could be considered a very skillful person or someone with a lot of time on his hands. It's both a way to show off and a way to entertain himself. He picks up new skills when he's bored and works on them until he's satisfied. It proves that he is, in fact, someone with too much time on his hands. He doesn't dwell on things and usually does assignments the day they're assigned. Of course, this leads him to plenty of time to do nothing. When it comes to skills, he usually goes for the more artistic route; since handiwork has never been his forte. But it seems artistic skills are far more valuable compared to rough/handiwork skills. He specializes in painting. The skill gives him many possibilities of jobs he can apply for in the future.

In general, Norio is a social person and relishes chatting with his classmates. In high school, he is quite popular and usually participates in school activities; ranging from sports to school events. Popularity allowed him to gain the social butterfly trait. Unfortunately, it never crosses his mind: "What if they don't want to chat? What if they cuss him out?" There are points in times, where he locks himself away in his dorm to work on large projects; whether they're for himself or for school. He likes to isolate himself while he works because there's nothing to disrupt him.

The Japanese male is more of an early bird than a night owl. If you try to visit him later than 9:30pm, it's guaranteed he'll be passed out. Early morning reminds him of the dewy mornings in his native country; it brings a sense of comfort that is needed to cure his homesickness. He's also a deep sleeper, which makes reaching him a lot harder. If you shake him hard enough, he'll wake up. Screaming his name won't even wake him up.
[/div][/font][div=text-align:justify][/div][/div][/div][/div]{/slide}[/font][/div][font=VT323][/font][/div][font=VT323][/font][/accordion][/div][/div]

[code]
 
Errrr.... Do you have RTE turned off? The gear icon in the editor bar.
 
Viewing the original code... you've actually removed a large chunk of the original which makes it function. The only way you're going to be able to get a working version is to start over and use the entire code without removing sections. All the div classes are missing.
 
I was trying to get rid of the transparent text boxes that appeared over images while hovering over them, how do I do that then?
 
I couldn't really say because I haven't thoroughly looked at the code, I just noticed the issues. The best person to ask would be the original coder themselves. The transparent boxes are actually hovers and depending on how they were set up, the removal of them may overall affect the entire design.
 

Users who are viewing this thread

Back
Top