Positioning Images and Text

resolved (5 posts) (2 voices)

  1. flightlineaviationmedia
    Member

    I'm trying to put a simple image at the beginning of a paragraph. I've done this before on one of my intro pages and it worked, but using the same formatting now doesn't work here. See the image below.

    I have placed a div around the image like this: <div style="margin-top: 10px; margin-bottom: 55px;">
    Adjusting those numbers is also moving the paragraph. So, after the image I put a <p> tag around the paragraph::
    <p style = "margin-left: -10px; margin-top: -30px;">

    By changing the top margin I can move the text up, but I cannot get it to move left. I tried margin and padding. If I move the image to the right using the div, it also moves the paragraph. i really want to position the text close to the image. What am I doing wrong?

    Attachments

    1. text.jpg (47.7 KB, 1 downloads) 4 years old
    Posted 4 years ago #
  2. Elliott
    Support

    Hello flightlineaviationme,

    Send us a link and we'll take a look.

    Posted 4 years ago #
  3. flightlineaviationmedia
    Member

    Here is the page:

    http://flightlineaviationmedia.com/planespotting/locations/

    I'm trying to move the paragraph up so it has the normal spacing, which I can do, but I cannot move it left. I'd like to move it closer to the picture. I can move the picture right, but the paragraph also moves right.

    Posted 4 years ago #
  4. Elliott
    Support

    I would use our column shortcodes instead, http://mysitemyway.com/docs/index.php/Column_Shortcodes.

    A one_sixth and five_sixth should work.

    Posted 4 years ago #
  5. flightlineaviationmedia
    Member

    Alright! I think I got it! What I did was remove several things from the image tag, like for example it had aligncenter as well as width and height numbers. After removing all that, I'm adjusting the padding within the <p> tag to pad left 55 and set the top margin to a negative number to bring it all the way up so that it sits next to the image. Tweaking these numbers I can move the image and the text individually. So, now it is closer together and just looks neater: http://flightlineaviationmedia.com/planespotting/locations/

    As you said, a column layout would have worked too.

    Posted 4 years ago #

Reply

You must log in to post.

Construct WordPress Theme
Construct wordpress theme
Myriad WordPress Theme
Myriad wordpress theme
Method WordPress Theme
Method wordpress theme
Fusion WordPress Theme
Fusion wordpress theme
Elegance WordPress Theme
Elegance wordpress theme
Echelon WordPress Theme
Echelon wordpress theme
Dejavu WordPress Theme
Dejavu wordpress theme
Modular WordPress Theme
Modular wordpress theme