These codes are going to be the death of me....

Status
Not open for further replies.

XIII

I reject your reality and substitute my own
Original poster
FOLKLORE MEMBER
Invitation Status
  1. Looking for partners
Posting Speed
  1. Multiple posts per day
  2. 1-3 posts per day
  3. One post per day
  4. 1-3 posts per week
  5. One post per week
Online Availability
Daytime. Night time. Any time.
Writing Levels
  1. Intermediate
  2. Adept
  3. Advanced
  4. Adaptable
Preferred Character Gender
  1. Female
  2. Primarily Prefer Female
Genres
Romance, Fantasy. Always some kind of non-human involved. (Such a vampires, succubi, incubi, etc.)




I need this box to be to the right of the image. What's wrong with my coding? I've been trying to quite some time to figure this out....
 



I need this box to be to the right of the image. What's wrong with my coding? I've been trying to quite some time to figure this out....


All you need to do is move up the line of code for the box so that its on the same line essentially as the first box. Here's the code:

Code:
[div=max-width: 650px!important; background-image: url(http://www.vectorea.com/tvx_uploads/10/1997-vintage-dark-damask-pattern-background.jpg); colour: #000000; padding:20px; margin:auto;]
[div=background:url(http://i66.tinypic.com/keyw3q.jpg); width: 275px; border: 3px double #000000; height: 375px; background-size: 285px; background-repeat: no-repeat; margin: left; display: inline-block; background-position: 100% 0%;][/div][div=
   margin: right;
   display:inline-block;
   width: 45%;
   float: right;
   background-position: 0% 100%;
   background-color: #121212;
   padding: 25px;
   padding-top: 45px;
   padding-bottom: 20px;
   font-family: Courier New;
   font-size: 12px;
   line-height: 15px;
   text-align: justify;
   height: 300px;
   border: 3px double #000000;
   overflow-y: hidden;
   margin: 10px;
   color: #c1c0c8;]
 
I need this box to be to the right of the image. What's wrong with my coding? I've been trying to quite some time to figure this out....
[/div][/div]

If you want to make the boxes the same size, you'll just have to adjust the height of the second box to 375px so that it matches your first box. :-)
 
  • Love
Reactions: XIII



I need this box to be to the right of the image. What's wrong with my coding? I've been trying to quite some time to figure this out....


All you need to do is move up the line of code for the box so that its on the same line essentially as the first box. Here's the code:

Code:
[div=max-width: 650px!important; background-image: url(http://www.vectorea.com/tvx_uploads/10/1997-vintage-dark-damask-pattern-background.jpg); colour: #000000; padding:20px; margin:auto;]
[div=background:url(http://i66.tinypic.com/keyw3q.jpg); width: 275px; border: 3px double #000000; height: 375px; background-size: 285px; background-repeat: no-repeat; margin: left; display: inline-block; background-position: 100% 0%;][/div][div=
   margin: right;
   display:inline-block;
   width: 45%;
   float: right;
   background-position: 0% 100%;
   background-color: #121212;
   padding: 25px;
   padding-top: 45px;
   padding-bottom: 20px;
   font-family: Courier New;
   font-size: 12px;
   line-height: 15px;
   text-align: justify;
   height: 300px;
   border: 3px double #000000;
   overflow-y: hidden;
   margin: 10px;
   color: #c1c0c8;]
 
I need this box to be to the right of the image. What's wrong with my coding? I've been trying to quite some time to figure this out....
[/div][/div]

If you want to make the boxes the same size, you'll just have to adjust the height of the second box to 375px so that it matches your first box. :-)
Thank you!
 
In the second div tag, you wrote "margin: left" when it should have been "float: left":

[div=max-width: 650px!important; background-image: url(http://www.vectorea.com/tvx_uploads/10/1997-vintage-dark-damask-pattern-background.jpg); colour: #000000; padding:20px; margin:auto;]
[div=background:url(http://i66.tinypic.com/keyw3q.jpg); width: 275px; border: 3px double #000000; height: 375px; background-size: 285px; background-repeat: no-repeat; float: left; display: inline-block; background-position: 100% 0%;][/div][div=


margin: right;
display:inline-block;
width: 45%;
float: right;
background-position: 0% 100%;
background-color: #121212;
padding: 25px;
padding-top: 45px;
padding-bottom: 20px;
font-family: Courier New;
font-size: 12px;
line-height: 15px;
text-align: justify;
height: 300px;
border: 3px double #000000;
overflow-y: hidden;
margin: 10px;
color: #c1c0c8;]

I need this box to be to the right of the image. What's wrong with my coding? I've been trying to quite some time to figure this out....
[/div][/div]
Edit: Got ninja'd by Viscera :^)
 
  • Love
Reactions: XIII
Status
Not open for further replies.