• 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 quick question abt a code :")

navia

✧ ✧ ✧
hello!!!! i've been using this code i made for a while now and have always had to use spaces in order to stop the text from overlapping the image, here's an example:
Screen Shot 2022-09-10 at 2.35.56 PM.png
Screen Shot 2022-09-10 at 2.38.53 PM.png

without all those the spaces, it looks like this:
Screen Shot 2022-09-10 at 2.39.41 PM.png

i'm sure there's a way to fix this using bbcode without having to manually add spaces, maybe some kind of padding, i just can't seem to figure it out dhfjdkssk

here's the raw code, i'd rlly appreciate some help!!! thank u all < 3

Code:
[border=transparent; width: 450px; height: 450px; overflow-y: auto; margin: auto;][border=transparent; height: 100px; text-align: justify; font-family: Arial;][border=transparent; height: 100px; padding-bottom: 50px; background: url(https://i.ibb.co/6ZSHBfx/flat-750x-075-f-pad-750x1000-f8f8f8.jpg); background-size: cover; background-position: 50% 50%;]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut gravida nisl eget justo tincidunt pharetra. Sed aliquet elit tristique, porttitor ex nec, posuere felis. Pellentesque ac vulputate tortor. Phasellus vestibulum imperdiet libero, nec luctus nibh mollis a. Ut laoreet mauris leo, a tempor nibh venenatis nec. Maecenas non auctor purus. Praesent vitae ultrices massa, non tincidunt nibh. Nam lacinia, ante a luctus molestie, mauris urna mattis tellus, placerat suscipit lorem nunc vitae lorem. Curabitur dictum eu libero sit amet pretium. Sed purus est, porttitor at dui eget, iaculis malesuada augue. Cras at faucibus odio. Vivamus dictum semper viverra. Phasellus libero felis, pulvinar a venenatis et, rhoncus quis diam. Ut tortor sapien, vehicula ac facilisis a, efficitur quis nibh. Cras lorem lorem, faucibus sit amet quam sit amet, imperdiet placerat arcu.[/border][/border][/border]
 
oh, you're just missing a [/border] before your text. Your image is being set by the background property, so that's why it is being overlapped by the text. Close off the image to make it its own box and let the height handle it.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut gravida nisl eget justo tincidunt pharetra. Sed aliquet elit tristique, porttitor ex nec, posuere felis. Pellentesque ac vulputate tortor. Phasellus vestibulum imperdiet libero, nec luctus nibh mollis a. Ut laoreet mauris leo, a tempor nibh venenatis nec. Maecenas non auctor purus. Praesent vitae ultrices massa, non tincidunt nibh. Nam lacinia, ante a luctus molestie, mauris urna mattis tellus, placerat suscipit lorem nunc vitae lorem. Curabitur dictum eu libero sit amet pretium. Sed purus est, porttitor at dui eget, iaculis malesuada augue. Cras at faucibus odio. Vivamus dictum semper viverra. Phasellus libero felis, pulvinar a venenatis et, rhoncus quis diam. Ut tortor sapien, vehicula ac facilisis a, efficitur quis nibh. Cras lorem lorem, faucibus sit amet quam sit amet, imperdiet placerat arcu.


Code:
[border=transparent; width: 450px; height: 450px; overflow-y: auto; margin: auto;][border=transparent; height: 100px; text-align: justify; font-family: Arial;][border=transparent; height: 100px; padding-bottom: 50px; background: url(https://i.ibb.co/6ZSHBfx/flat-750x-075-f-pad-750x1000-f8f8f8.jpg); background-size: cover; background-position: 50% 50%;][/border]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut gravida nisl eget justo tincidunt pharetra. Sed aliquet elit tristique, porttitor ex nec, posuere felis. Pellentesque ac vulputate tortor. Phasellus vestibulum imperdiet libero, nec luctus nibh mollis a. Ut laoreet mauris leo, a tempor nibh venenatis nec. Maecenas non auctor purus. Praesent vitae ultrices massa, non tincidunt nibh. Nam lacinia, ante a luctus molestie, mauris urna mattis tellus, placerat suscipit lorem nunc vitae lorem. Curabitur dictum eu libero sit amet pretium. Sed purus est, porttitor at dui eget, iaculis malesuada augue. Cras at faucibus odio. Vivamus dictum semper viverra. Phasellus libero felis, pulvinar a venenatis et, rhoncus quis diam. Ut tortor sapien, vehicula ac facilisis a, efficitur quis nibh. Cras lorem lorem, faucibus sit amet quam sit amet, imperdiet placerat arcu.[/border][/border]
 
oh, you're just missing a [/border] before your text. Your image is being set by the background property, so that's why it is being overlapped by the text. Close off the image to make it its own box and let the height handle it.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut gravida nisl eget justo tincidunt pharetra. Sed aliquet elit tristique, porttitor ex nec, posuere felis. Pellentesque ac vulputate tortor. Phasellus vestibulum imperdiet libero, nec luctus nibh mollis a. Ut laoreet mauris leo, a tempor nibh venenatis nec. Maecenas non auctor purus. Praesent vitae ultrices massa, non tincidunt nibh. Nam lacinia, ante a luctus molestie, mauris urna mattis tellus, placerat suscipit lorem nunc vitae lorem. Curabitur dictum eu libero sit amet pretium. Sed purus est, porttitor at dui eget, iaculis malesuada augue. Cras at faucibus odio. Vivamus dictum semper viverra. Phasellus libero felis, pulvinar a venenatis et, rhoncus quis diam. Ut tortor sapien, vehicula ac facilisis a, efficitur quis nibh. Cras lorem lorem, faucibus sit amet quam sit amet, imperdiet placerat arcu.


Code:
[border=transparent; width: 450px; height: 450px; overflow-y: auto; margin: auto;][border=transparent; height: 100px; text-align: justify; font-family: Arial;][border=transparent; height: 100px; padding-bottom: 50px; background: url(https://i.ibb.co/6ZSHBfx/flat-750x-075-f-pad-750x1000-f8f8f8.jpg); background-size: cover; background-position: 50% 50%;][/border]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut gravida nisl eget justo tincidunt pharetra. Sed aliquet elit tristique, porttitor ex nec, posuere felis. Pellentesque ac vulputate tortor. Phasellus vestibulum imperdiet libero, nec luctus nibh mollis a. Ut laoreet mauris leo, a tempor nibh venenatis nec. Maecenas non auctor purus. Praesent vitae ultrices massa, non tincidunt nibh. Nam lacinia, ante a luctus molestie, mauris urna mattis tellus, placerat suscipit lorem nunc vitae lorem. Curabitur dictum eu libero sit amet pretium. Sed purus est, porttitor at dui eget, iaculis malesuada augue. Cras at faucibus odio. Vivamus dictum semper viverra. Phasellus libero felis, pulvinar a venenatis et, rhoncus quis diam. Ut tortor sapien, vehicula ac facilisis a, efficitur quis nibh. Cras lorem lorem, faucibus sit amet quam sit amet, imperdiet placerat arcu.[/border][/border]
thank you so much!!!! it was just that simple huh 😔
 

Users who are viewing this thread

Back
Top