• 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 local fool struggles with alignment

AnemoVictorious

local tired fool
Roleplay Availability
Roleplay Type(s)
My Interest Check
hello! i know nothing about anything at all but i would like to know if there's any way i can make the second image be on the right side instead of below it? thank you in advance ;A;
and uh. the images are just placeholders. don't question them. and i am aware that it's messy as all hell but... i don't have an excuse for that actually...



Character 1 Name
LOCATION: HERE
text goes here
TAGS: HERE
Character 2 Name


Code:
[comment]
plz dont delete the credits! >A<
[font=Permanent Marker].[/font]
[font=Questrial].[/font]
[font=Patua One].[/font]
[/comment]
[border="transparent;
/* COLORS */
--c1: #83C7DF;
--c2: #ADDFAD;
--bg: #fff;
--text: #000;
--tc: #000;
--box: #333333;
--box2: #606060;

/* IMAGES */
--char1: URL('https://i.imgur.com/dQv0Meg.png');
--char2: URL('https://i.imgur.com/reynB8n.png');

/* FONTS */
--name: 'Permanent Marker', sans-serif;"
--post: 'Questrial', sans-serif;"
--tags: 'Patua One', sans-serif;"]
[border=1px solid transparent; background-color: transparent; box-sizing: content-box; max-width: 1500px; padding: 0px; margin: 0 auto;][border=transparent; display: flex; flex-wrap: wrap; justify-content: center; padding: 0px;][border=transparent; padding: 0px; box-sizing: content-box;][comment]
/* CHARACTER IMAGE */[/comment][border=transparent; background-image: var(--char1);background-repeat: no-repeat; background-size: cover; width: 250px; height: 514px;][/border][/border][comment]
/* CHARACTER NAME*/[/comment][border=transparent; padding: 0px; width: 500px;][border=transparent; background-color: var(--box); border- min-height: 150px; max-width: 500px; padding: 0px display: flex; font-family: var(--name); font-size: 20px; color: var(--c1);]Character 1 Name[/border][comment]
/* LOCATION */[/comment][border=transparent; background-color: var(--box2); border- min-height: 50px; max-width: 500px; padding: 0px display: flex; font-family: var(--tags); font-size: 15px; color: var(--bg);][b]LOCATION:[/b] HERE[/border][comment]
/* BODY */[/comment][border=0; padding:10px; height:336px; max-width:500px; color: var(--text); margin:auto; background: var(--bg); overflow:hidden][border=0; padding:0; height:100%; width:100%; font-family: var(--post); color: var(--text); overflow-y:scroll; padding-right:30px;]text goes here[/border][/border][comment]
/* TAGS */[/comment][border=transparent; background-color: var(--box2); border- min-height: 100px; max-width: 500px; padding: 0px display: flex; font-family: var(--tags); color: var(--bg)][b]TAGS:[/b] HERE[/border][comment]
/* CHARACTER 2 NAME */[/comment][border=transparent; background-color: var(--box); border- min-height: 100px; max-width: 500px; padding: 0px display: flex; font-family: var(--name); color: var(--c2); font-size: 20px;]Character 2 Name[/border][comment]
/* CHARACTER 2 IMAGE */[/comment][border=transparent; background-image: var(--char2);background-repeat: no-repeat; background-size: cover; width: 250px; height: 514px;][/border][/border][/border][/border][/border]
 
You were missing a closing tag on your middle div, the one where you put all your text, which interfered with your display:flex declaration at the start.

I added it to the end of this:

Code:
/* CHARACTER 2 NAME */[/comment][border=transparent; background-color: var(--box); border- min-height: 100px; max-width: 500px; padding: 0px display: flex; font-family: var(--name); color: var(--c2); font-size: 20px;]Character 2 Name[/border][/border]



Character 1 Name
LOCATION: HERE
text goes here
TAGS: HERE
Character 2 Name
 

Users who are viewing this thread

Back
Top