How do you wrap wording around images, wordpress

Discussion in 'WordPress' started by bbrian017, Jun 22, 2008.

  1. #1
    I seem to have issues with warping word around images nicely! I see some bloggers do it and they have a nice space and it look good!

    How do I do this with wordpress?
     
    bbrian017, Jun 22, 2008 IP
  2. Nigel Lew

    Nigel Lew Notable Member

    Messages:
    4,642
    Likes Received:
    406
    Best Answers:
    21
    Trophy Points:
    295
    #2
    Nigel Lew, Jun 22, 2008 IP
    bbrian017 likes this.
  3. BANAGO

    BANAGO Active Member

    Messages:
    456
    Likes Received:
    5
    Best Answers:
    0
    Trophy Points:
    58
    #3
    in your css

    img {
    flaot: left; (or right)
    }
     
    BANAGO, Jun 23, 2008 IP
  4. deluxdon

    deluxdon Catch Me If You Can...!!!™ Staff

    Messages:
    25,481
    Likes Received:
    1,943
    Best Answers:
    32
    Trophy Points:
    480
    #4
    You can use below given too in your html coding as someone just given me this code.

    <div style="float:left; margin:3px;"><img src="path/to/your/image"></div>
    Code (markup):
    DON.
     
    deluxdon, Jun 23, 2008 IP
  5. mizaks

    mizaks Well-Known Member

    Messages:
    2,066
    Likes Received:
    126
    Best Answers:
    0
    Trophy Points:
    135
    #5
    To get a picture or other element to justify right or left and have text wrap around it you would add:

    
    img.FloatLeft { 
        float: left; 
        margin: 5px; 
    }
    img.FloatRight { 
        float: right; 
        margin: 5px; 
    }
    
    Code (markup):
    in your style.css.

    Then in your html you would put something like:

    
    <img src="picture.png" class="FloatLeft">
    <p>Text here would appear to the right of the picture</p>
    
    <img src="picture.png" class="FloatRight">
    <p>Text here would appear to the left of the picture</p>
    
    Code (markup):
     
    mizaks, Jun 23, 2008 IP
  6. banji

    banji Well-Known Member

    Messages:
    109
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    103
    #6
    Just what I've been looking for :) Thanks
     
    banji, Jun 23, 2008 IP
  7. bbrian017

    bbrian017 Well-Known Member

    Messages:
    2,990
    Likes Received:
    66
    Best Answers:
    0
    Trophy Points:
    170
    #7
    Thanks guys.. so many issues with wordpress huh....
     
    bbrian017, Jun 23, 2008 IP
  8. David Pankhurst

    David Pankhurst Member

    Messages:
    39
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    43
    #8
    Quick and dirty solution (no css):

    <img src="http://eg..." align="left" border="0" />

    <img src="http://eg..." align="right" border="0" />

    Make sure to embed it with the text (not on a sep. line) - for example:

    <img src="http://eg..." align="right" border="0" />Here's my paragraph of text...
     
    David Pankhurst, Jun 28, 2008 IP
  9. bigrollerdave

    bigrollerdave Well-Known Member

    Messages:
    2,112
    Likes Received:
    52
    Best Answers:
    0
    Trophy Points:
    140
    #9
    I was going to say what David posted. The image tag has this feature built into it called align. Just do this
    <img src="YOUR IMAGE" align="Choose From Below">

    asbbottom
    asbmiddle
    baseline
    top
    bottom
    left
    middle
    right
    texttop

    Those are all to choose from but 99% of the time you just use the left right and middle ones.
     
    bigrollerdave, Jun 28, 2008 IP
  10. bbrian017

    bbrian017 Well-Known Member

    Messages:
    2,990
    Likes Received:
    66
    Best Answers:
    0
    Trophy Points:
    170
    #10
    so many issues with wordpress I'm sick of this crappy software!
     
    bbrian017, Jun 29, 2008 IP
  11. mizaks

    mizaks Well-Known Member

    Messages:
    2,066
    Likes Received:
    126
    Best Answers:
    0
    Trophy Points:
    135
    #11
    The product is quite good.
     
    mizaks, Jun 29, 2008 IP
  12. arwen54

    arwen54 Active Member

    Messages:
    632
    Likes Received:
    23
    Best Answers:
    0
    Trophy Points:
    60
    #12
    wrong!
    that is not XHTML and CSS..that is outdated HTML


    use Mizak's example...it is the correct way!
     
    arwen54, Jun 29, 2008 IP
  13. arwen54

    arwen54 Active Member

    Messages:
    632
    Likes Received:
    23
    Best Answers:
    0
    Trophy Points:
    60
    #13
    it is not crappy software at all..it is amazing software that requires you to have some knowledge of XHTML, CSS, and PHP if you want to have everything on there without paying for an expert to do it for you...
     
    arwen54, Jun 29, 2008 IP
    syted likes this.
  14. bigrollerdave

    bigrollerdave Well-Known Member

    Messages:
    2,112
    Likes Received:
    52
    Best Answers:
    0
    Trophy Points:
    140
    #14
    He didn't ask for css or xhtml. I'm sure he wants the easiest way to get the job done.
     
    bigrollerdave, Jun 29, 2008 IP
  15. David Pankhurst

    David Pankhurst Member

    Messages:
    39
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    43
    #15
    It's true it's not XHTML or CSS, but it is easy to enter (CSS means editing your style sheet in advance, a pain for a 'one-off' image entry).

    As for validity, it IS allowed in HTML 4.01, although it's deprecated - that means it will be quite a while before no one uses it, so I think for a job like this it should be ok.
     
    David Pankhurst, Jun 29, 2008 IP
  16. bbrian017

    bbrian017 Well-Known Member

    Messages:
    2,990
    Likes Received:
    66
    Best Answers:
    0
    Trophy Points:
    170
    #16
    Sorry guys wordpress sucks this is the sad truth! I have so many issues with it and I'm not the only one!

    This software should be flawless now and it's far from it!

    wordpress = crap

    Thanks for the info on how to successfully center an image seeing wordpress can't even do that right!
     
    bbrian017, Jun 30, 2008 IP
  17. arwen54

    arwen54 Active Member

    Messages:
    632
    Likes Received:
    23
    Best Answers:
    0
    Trophy Points:
    60
    #17
    right..but he would be adding HTML 4 code to XHTML code which WordPress is and therefore breaking the validity of that code...so if the OP doesn't care about valid code, carry on...
    I was just pointing out that Mizak's example was the correct way, that's all.
     
    arwen54, Jun 30, 2008 IP
  18. arwen54

    arwen54 Active Member

    Messages:
    632
    Likes Received:
    23
    Best Answers:
    0
    Trophy Points:
    60
    #18
    we are all entitled to our opinions...in my opinion, WordPress is awesome!
     
    arwen54, Jun 30, 2008 IP
  19. godsofchaos

    godsofchaos Peon

    Messages:
    2,595
    Likes Received:
    124
    Best Answers:
    0
    Trophy Points:
    0
    #19
    Wordpress is quite awesome, infact its simply the best. The fact that you don't know how to make words wrap around images makes your opinion about wordpress invalid and pointless. Don't criticize something you have no clue about.

    Just my honest opinion :) Cheers bro and I love blogengage btw. Lol.
     
    godsofchaos, Jun 30, 2008 IP
  20. bbrian017

    bbrian017 Well-Known Member

    Messages:
    2,990
    Likes Received:
    66
    Best Answers:
    0
    Trophy Points:
    170
    #20
    yes it is the best... I guess it's the small things that drive me crazy! You see all the 2.0 changes they made yet they still have issues with little things like this it drives me nuts when I trying to maintain 3 blogs :(

    Sometimes when I'm making a blog and go to edit it after saving the blog splits and only shows a bit of info to edit and the rest falls under the edit page it's the weirdest thing and if I hit save my blog post is gone except the little bit that stayed on the edit page properly... sometimes I don't notice this if I'm changing a few words or spelling!!

    godsofchaos If word press can't get simple things I ask for help with it simply makes their software look that more inadequate for the end user!

    I was thinking the other night it would be sweet to see Microsoft come out with a blog platform using Microsoft word!

    That would be sweet!
     
    bbrian017, Jul 1, 2008 IP