Note that there are some explanatory texts on larger screens.

plurals
  1. POCan't align image?
    primarykey
    data
    text
    <p>I feel like this is a stupid question, but I honestly cannot figure this out. I can't align an image to the text. <a href="http://kissoff.weebly.com/account-page.html" rel="nofollow"><strong>kissoff.weebly.com/account-page.html</strong></a></p> <p>The box in the center that has "ID:78490 Bank:" etc. should have the image to the right of it. The problem is the image keeps putting itself in the last header on the page and aligning to that instead (it's a picture of a cat with a green border).</p> <p>Main CSS used for this page:</p> <pre><code>/*ACCOUNT PAGE!*/ #content-container { padding-left: 300px; padding-top: 70px; height: 200px; width: 500px; } #stats { background-color: #FCFCFC; width: 500px; margin-top: 20px; margin-left: 100px; border: 1px solid rgba(125,180,18,0.8); border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-top: 18px solid rgba(125,180,18,0.8); } img.stat-img { margin-top: -45px; margin-left: 370px; height: 100px; width: 100px; border: 1px solid rgba(125,180,18,0.8); } #box-container { width: 200px; } .box { background-color: #FCFCFC; margin-top: 100px; margin-left: 1px; padding: 5px; float: left; width: 180px; line-height: 5px; border: 1px solid rgba(125,180,18,0.8); border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-top: 18px solid rgba(125,180,18,0.8); } .box2 { background-color: #FCFCFC; margin-top: 20px; margin-left: 1px; padding: 5px; color: #C2BAAF; float: left; width: 180px; line-height: 5px; border: 1px solid rgba(125,180,18,0.8); border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-top: 18px solid rgba(125,180,18,0.8); } .last-box { background-color: #FCFCFC; margin-top: 20px; margin-left: 1px; margin-bottom: 50px; padding: 5px; color: #C2BAAF; float: left; width: 180px; line-height: 5px; border: 1px solid rgba(125,180,18,0.8); border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-top: 18px solid rgba(125,180,18,0.8); } .box-title { margin-top: -15px; z-index: 900; color: #FFF; } .box a:link { font-size: 13px; color: #000; text-decoration: none; } .box a:visited { font-size: 13px; color: #000; text-decoration: none; } .box a:hover { font-size: 13px; color: #000; text-decoration: underline; } .box a:active { font-size: 13px; color: #000; text-decoration: underline; } .box2 a:link { font-size: 13px; color: #000; text-decoration: none; } .box2 a:visited { font-size: 13px; color: #000; text-decoration: none; } .box2 a:hover { font-size: 13px; color: #000; text-decoration: underline; } .box2 a:active { font-size: 13px; color: #000; text-decoration: underline; } .last-box a:link { font-size: 13px; color: #000; text-decoration: none; } .last-box a:visited { font-size: 13px; color: #000; text-decoration: none; } .last-box a:hover { font-size: 13px; color: #000; text-decoration: underline; } .last-box a:active { font-size: 13px; color: #000; text-decoration: underline; } /*ACCOUNT PAGE END!*/ </code></pre> <p>Possible CSS issues (the main text containers):</p> <pre><code>#container { margin-left: 30px; padding-left: 210px; padding-top: 70px; } #text { width: 800px; border: 0 solid #000; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } </code></pre> <p>Thanks for looking, I appreciate it.</p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload