#1
  1. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Jul 2013
    Posts
    2
    Rep Power
    0

    What am I doing wrong?


    Hi, I'm new to CSS and am stuck on something that I'm sure is pretty simple...but I just can't work it out!

    I'm setting out a newsletter and am trying to get the image (image2) to stay to the left and the paragraph and list to the right. The image is in the right place but the paragraph and list isn't. The paragraph starts halfway down the height of the image and the list is on the left underneath the image.

    Help would be most appreciated! Thank you in advance.


    HTML:

    <div id="section2">
    <h2 class="heading">Who Can We Find For You?</h2>
    <img class="image2" src="(URL address)">
    <p class="paragraph2">At abrs, we are dedicted in finding you the ideal candidate for your position. Our Marketing team is eager to hear about any placements you need filling in the following disciplines:
    <ul>
    <li>Online</li>
    <li>PPC</li>
    <li>SEO</li>
    <li>SEM</li>
    <li>Email</li>
    <li>CRM</li>
    <li>Direct</li>
    <li>Offline</li>
    <li>Product Marketing</li>
    <li>PR</li>
    <li>Communications</li>
    <li>Analysts</li>
    </ul>
    </p>
    </div>




    CSS:
    #section2 {
    margin: 0 0 0 0;
    background: #cdcaca;
    border: 4px solid #221b76;

    .heading {
    background: #bd912b;
    margin: 0 0;
    padding: 3px 5px;
    color: #fff;
    }

    .paragraph2 {
    display: inline-block;
    width: 50%;
    position: relative;

    }

    .image2 {
    width: 200px;
    padding: 3px 5px;
    margin-top: 10px;
    margin-right: 0 0;
    display: inline-block;
    }
  2. #2
  3. No Profile Picture
    Contributing User
    Devshed Novice (500 - 999 posts)

    Join Date
    Oct 2009
    Location
    Nebraska, USA
    Posts
    867
    Rep Power
    275
    have you tried "floating" the image left and floating the paragraph2 and UL to the right?

    also your css for .image2 has a margin-right:0 0;
    that either needs to be margin:0; or margin-right:0; [if all margin properties are to 0, then, you only need to use one 0]

    Comments on this post

    • Kravvitz agrees
    Last edited by DonR; July 31st, 2013 at 01:20 PM.
  4. #3
  5. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Jul 2013
    Posts
    2
    Rep Power
    0
    Originally Posted by DonR
    have you tried "floating" the image left and floating the paragraph2 and UL to the right?

    also your css for .image2 has a margin-right:0 0;
    that either needs to be margin:0; or margin-right:0; [if all margin properties are to 0, then, you only need to use one 0]
    Ah seems to work now! I tried floating it before with no luck, but with some fiddling around it seems to work now. Thank you for your help!

IMN logo majestic logo threadwatch logo seochat tools logo