bbcode separate image from box

[junebug]

So, I'd like to know how (and if there's a way) to separate the image of the girl that I have and the black box with dummy text in it, so that the image of the girl is on top and the box with the dummy text is beneath it. (Also, if you see any coding that isn't necessary lol, please let me know/remove it/whatever because I tend to put in random stuff that may not actually need to be there for the coding to function and look neat.)

Pasta ipsum dolor sit amet spaghetti alla chitarra conchiglioni scialatelli fettuce mafalde pasta al ceppo fedelini mafaldine pastina perciatelli sacchettoni lumaconi bavette. Chifferi fettuccine maltagliati gnocchi marziani. Pastina gigli fiori gigli calamaretti. Tagliatelle gomito ciriole pizzoccheri fettuce gemelli pasta al ceppo paccheri farfalle fedelini mezzi bombardoni sagne 'ncannulate fiori. Sacchettini orzo penne lisce fettuce lasagne mostaccioli. Mezzi bombardoni mezze penne spaghettini maccheroncelli lasagnotte perciatelli fusilli bucati.

Sorprese trenne lumache lumaconi spirali trenne occhi di lupo spaghetti alla chitarra. Tortellini spaghettini zitoni conchiglioni occhi di lupo spaghetti mezze penne elicoidali gramigna conchiglioni pici. Chifferi spaghettoni sorprese sorprese occhi di lupo capellini. Gramigna lumache maltagliati elicoidali paccheri farfalloni spaghetti gomito fiori orzo linguine. Farfalle trenette maltagliati mezzelune vermicelloni trofie ziti tortelloni spaghetti. Elicoidali rigatoni ziti agnolotti tuffoli fiorentine spaghetti alla chitarra paccheri gemelli. Farfalline penne rigate gemelli rotini scialatelli manicotti creste di galli lumaconi conchiglioni.

Cencioni bavettine ricciutelle scialatelli tuffoli paccheri mafaldine rigatoni spaghettini sacchettini calamaretti fusilli taglierini elicoidali taglierini pillus. Spirali lasagne pasta al ceppo capunti mezze penne mezzelune spaghettini mezzi bombardoni farfalline tripoline trennette farfalloni mezzi bombardoni trofie. Trenne pennoni radiatori gemelli farfalle zitoni maccheroncelli acini di pepe lagane penne rigate.

[CENTER][div=height: 450px; width: 300px; background:url(https://i.imgbox.com/KaNGqewA.jpg); padding:90px; border: 1px solid; margin-left: 10px; margin-right: 10px; border-radius:10px; display:inline-block;][div=background:url( https://i.imgbox.com/NnPNv8w0.jpg);][div=background-color: #000000; text-align: justify; border-top: 1px solid black; border-bottom: 1px solid black; padding: 5px; overflow-y: scroll; width: 400px; height: 250px; margin-left:1px; margin-right:2px; opacity: 0.8; font-size: 11px;]
 
[div=background-color:#000000; text-align: justify; border-top: 1px solid black; border-bottom: 1px solid black; padding: 10px; margin-left: 1px; margin-right: 2px; opacity: 0.8; font-family: Times New Roman; font-size: 11px;][div=display:inline-block;]Pasta ipsum dolor sit amet spaghetti alla chitarra conchiglioni scialatelli fettuce mafalde pasta al ceppo fedelini mafaldine pastina perciatelli sacchettoni lumaconi bavette. Chifferi fettuccine maltagliati gnocchi marziani. Pastina gigli fiori gigli calamaretti. Tagliatelle gomito ciriole pizzoccheri fettuce gemelli pasta al ceppo paccheri farfalle fedelini mezzi bombardoni sagne 'ncannulate fiori. Sacchettini orzo penne lisce fettuce lasagne mostaccioli. Mezzi bombardoni mezze penne spaghettini maccheroncelli lasagnotte perciatelli fusilli bucati.
 
Sorprese trenne lumache lumaconi spirali trenne occhi di lupo spaghetti alla chitarra. Tortellini spaghettini zitoni conchiglioni occhi di lupo spaghetti mezze penne elicoidali gramigna conchiglioni pici. Chifferi spaghettoni sorprese sorprese occhi di lupo capellini. Gramigna lumache maltagliati elicoidali paccheri farfalloni spaghetti gomito fiori orzo linguine. Farfalle trenette maltagliati mezzelune vermicelloni trofie ziti tortelloni spaghetti. Elicoidali rigatoni ziti agnolotti tuffoli fiorentine spaghetti alla chitarra paccheri gemelli. Farfalline penne rigate gemelli rotini scialatelli manicotti creste di galli lumaconi conchiglioni.
 
Cencioni bavettine ricciutelle scialatelli tuffoli paccheri mafaldine rigatoni spaghettini sacchettini calamaretti fusilli taglierini elicoidali taglierini pillus. Spirali lasagne pasta al ceppo capunti mezze penne mezzelune spaghettini mezzi bombardoni farfalline tripoline trennette farfalloni mezzi bombardoni trofie. Trenne pennoni radiatori gemelli farfalle zitoni maccheroncelli acini di pepe lagane penne rigate.
[/div][/div][/div][/div][/div][/CENTER]

 

[Noctis the Devious]

Sorry still playing with the Code Dx Meant to press preview, not reply yet ;^;

Pasta ipsum dolor sit amet spaghetti alla chitarra conchiglioni scialatelli fettuce mafalde pasta al ceppo fedelini mafaldine pastina perciatelli sacchettoni lumaconi bavette. Chifferi fettuccine maltagliati gnocchi marziani. Pastina gigli fiori gigli calamaretti. Tagliatelle gomito ciriole pizzoccheri fettuce gemelli pasta al ceppo paccheri farfalle fedelini mezzi bombardoni sagne 'ncannulate fiori. Sacchettini orzo penne lisce fettuce lasagne mostaccioli. Mezzi bombardoni mezze penne spaghettini maccheroncelli lasagnotte perciatelli fusilli bucati.

Sorprese trenne lumache lumaconi spirali trenne occhi di lupo spaghetti alla chitarra. Tortellini spaghettini zitoni conchiglioni occhi di lupo spaghetti mezze penne elicoidali gramigna conchiglioni pici. Chifferi spaghettoni sorprese sorprese occhi di lupo capellini. Gramigna lumache maltagliati elicoidali paccheri farfalloni spaghetti gomito fiori orzo linguine. Farfalle trenette maltagliati mezzelune vermicelloni trofie ziti tortelloni spaghetti. Elicoidali rigatoni ziti agnolotti tuffoli fiorentine spaghetti alla chitarra paccheri gemelli. Farfalline penne rigate gemelli rotini scialatelli manicotti creste di galli lumaconi conchiglioni.

Cencioni bavettine ricciutelle scialatelli tuffoli paccheri mafaldine rigatoni spaghettini sacchettini calamaretti fusilli taglierini elicoidali taglierini pillus. Spirali lasagne pasta al ceppo capunti mezze penne mezzelune spaghettini mezzi bombardoni farfalline tripoline trennette farfalloni mezzi bombardoni trofie. Trenne pennoni radiatori gemelli farfalle zitoni maccheroncelli acini di pepe lagane penne rigate.

 

[Noctis the Devious]

Not sure how that looks on desktop so you may need to adjust some parameters o.I

Plain code:

[CENTER][div=height: 450; width: 300px; background:url(https://i.imgbox.com/KaNGqewA.jpg); padding:90px; border: 1px solid; margin-left: 10px; margin-right: 10px; border-radius:10px; display:inline-block;][div=background-color: #000000; text-align: justify; border-top: 1px solid black; border-bottom: 1px solid black; padding: 5px; margin-left:1px; margin-right:2px; opacity: 0.8; font-size: 11px;]
[Img]https://i.imgbox.com/NnPNv8w0.jpg[/Img][/div]
[div=background-color: #000000; text-align: justify; border-top: 1px solid black; border-bottom: 1px solid black; padding: 5px; overflow-y: scroll; width: 400px; height: 250px; margin-left:1px; margin-right:2px; opacity: 0.8; font-size: 11px;][div=background-color:#000000; text-align: justify; border-top: 1px solid black; border-bottom: 1px solid black; padding: 10px; margin-left: 1px; margin-right: 2px; opacity: 0.8; font-family: Times New Roman; font-size: 11px;][div=display:inline-block;]Pasta ipsum dolor sit amet spaghetti alla chitarra conchiglioni scialatelli fettuce mafalde pasta al ceppo fedelini mafaldine pastina perciatelli sacchettoni lumaconi bavette. Chifferi fettuccine maltagliati gnocchi marziani. Pastina gigli fiori gigli calamaretti. Tagliatelle gomito ciriole pizzoccheri fettuce gemelli pasta al ceppo paccheri farfalle fedelini mezzi bombardoni sagne 'ncannulate fiori. Sacchettini orzo penne lisce fettuce lasagne mostaccioli. Mezzi bombardoni mezze penne spaghettini maccheroncelli lasagnotte perciatelli fusilli bucati.

Sorprese trenne lumache lumaconi spirali trenne occhi di lupo spaghetti alla chitarra. Tortellini spaghettini zitoni conchiglioni occhi di lupo spaghetti mezze penne elicoidali gramigna conchiglioni pici. Chifferi spaghettoni sorprese sorprese occhi di lupo capellini. Gramigna lumache maltagliati elicoidali paccheri farfalloni spaghetti gomito fiori orzo linguine. Farfalle trenette maltagliati mezzelune vermicelloni trofie ziti tortelloni spaghetti. Elicoidali rigatoni ziti agnolotti tuffoli fiorentine spaghetti alla chitarra paccheri gemelli. Farfalline penne rigate gemelli rotini scialatelli manicotti creste di galli lumaconi conchiglioni.

Cencioni bavettine ricciutelle scialatelli tuffoli paccheri mafaldine rigatoni spaghettini sacchettini calamaretti fusilli taglierini elicoidali taglierini pillus. Spirali lasagne pasta al ceppo capunti mezze penne mezzelune spaghettini mezzi bombardoni farfalline tripoline trennette farfalloni mezzi bombardoni trofie. Trenne pennoni radiatori gemelli farfalle zitoni maccheroncelli acini di pepe lagane penne rigate.[/div][/div][/div][/div][/CENTER]

 

[junebug]

@Noctis the Devious It worked :'D Thank you so much! <3 I'll play around with the parameters and stuff but you def got what I wanted to happen done! :D

 

[Noctis the Devious]

No problem ^.^

 

[junebug]

@Noctis the Devious Oh, quick question! Where would I go into the code to fix the large strip above the picture and make the black box around the image even on all sides? I'm feeling like I might have to set width and height to do it, but if that's not necessary, I would love to know! :)

[CENTER][div=height: 450; width: 300px; background:url(https://i.imgbox.com/KaNGqewA.jpg); padding:80px; border: 1px solid; margin-left: 7px; margin-right: 7px; border-radius:10px; display:inline-block;][div=background-color: #000000; text-align: justify; border-top: 0px solid black; border-bottom: 0px solid black; padding:6px; margin-left:1px; margin-right:1px; opacity: 0.9; font-size: 11px;]
[IMG]https://i.imgbox.com/NnPNv8w0.jpg[/IMG][/div]
[div=background-color: #000000; text-align: justify; border-top: 1px solid black; border-bottom: 1px solid black; padding: 5px; overflow-y: scroll; width: 400px; height: 250px; margin-left:1px; margin-right:2px; opacity: 0.8; font-size: 11px;][div=background-color:#000000; text-align: justify; border-top: 1px solid black; border-bottom: 1px solid black; padding: 10px; margin-left: 1px; margin-right: 2px; opacity: 0.8; font-family: Times New Roman; font-size: 11px;][div=display:inline-block;]► Saanvi Kapoor
 
► 167 years old
 
► 27 years old
 
► Affiliation: No one
 
► Alliance: Neutrals
 
► Personality
 
► Weapons: [URL='https://en.m.wikipedia.org/wiki/Katar_(dagger)']Katar[/URL], [URL='https://en.m.wikipedia.org/wiki/Butterfly_sword']Húdié Shuāngdāo[/URL], [URL='https://en.m.wikipedia.org/wiki/Bagh_naka']Bagh naka[/URL], [URL='https://en.m.wikipedia.org/wiki/Pata_(sword)']Pata[/URL], [URL='https://en.m.wikipedia.org/wiki/Bow_and_arrow']Bow and Arrow[/URL]
 
► Places Traveled: Persia, India, China, Romania
 
► Religion: Hinduism
 
► Hobbies/Interests: Odissi, Belly Dancing, Yoga, Cooking, Weapons, Kuchipudi, Sacred Chants[/div][/div][/div][/div][/CENTER]

 

[Noctis the Devious]

I honestly can't figure out why it's doing that o.o; What's the dimensions of the image? Maybe setting the height, width of the div box a little bigger will even everything out?

 

[junebug]

I honestly can't figure out why it's doing that o.o; What's the dimensions of the image? Maybe setting the height, width of the div box a little bigger will even everything out?

I have it as 310x290 maybe it's doing that because it's not even on all sides??? i'll see what i can do! c:

EDIT: I figured it out and it was kind of weird. The image tags weren't next to the second div lol. Strange how coding works.

 

[Noctis the Devious]

Oh xD Yeah should of thought of that. Sorry I couldn't be of more help ^.^;