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. :-)