Need Help Images in sidebar w/wrapping text

  • Resolved BigRingRob

    (@bigringrob)


    12 years, 3 months ago

    Hello, I have been working on this and cant seem to get it. I can get a image in my sidebar no problem but when I add text it puts the text below my image. I would like to have my text to the right of the image like in the sidebar here: https://www.browsergamez.com

    Like him Im going to have a “Top Five Most Poupluar” games on my sidebar but unlike him I cant seem to get my caption for my thumbnail to the right of the image.

    Thank you.

Viewing 7 replies - 1 through 7 (of 7 total)

  • Just use a float on your image… and the text will wrap around it. You can also add a padding to your image… to adjust how far the text is to the left.

    Thread Starter BigRingRob

    (@bigringrob)

    Does anyone have the html to add to the text widget inside widget menu to get this done? I managed to get the picture thumbnailed inside sidebar but dont know the code or what to do to get the text to wrap on the right side of the picture.

    It differs for each and every situation. It’s like asking for tonights winning lottery numbers.

    Can you post the code you are currently using here for us to see? That might help a little…

    (Please post code in backticks, key above the “tab” key on your keyboard)

    Thread Starter BigRingRob

    (@bigringrob)

    [ Moderator Note: Please post code or markup snippets between backticks or use the code button. Not the single quote character, that doesn’t work. ]

    <img src="https://freebrowzerz.com/wp-content/uploads/2012/11/ggempire-full.jpg" alt="alternate text" width="60" height="60" style="float:left; /> Hello Hello Hello Hello Hello Hello Hello

    Of course the Hello’s are the text just temp. As you can see I dont have anything any there for the text so it doesnt even show the “Hello’s’ when you go to website.
    I just need to know what I need to add to that html on my text widget to get the text to be on the right side of the picture not below it.

    Thread Starter BigRingRob

    (@bigringrob)

    Managed to get it, Here is how I got it to work:

    <a href="URL THAT YOU WANT VISITORS TO GO WHEN YOU CLICK ON IMAGE "><img style="border: 0pt none; float:left; padding-right:10px; padding-bottom:10px" src="URL FOR THE PICTURE" .../></a><p>TEXT YOU WANT VISITORS TO SEE BESIDE THE IMAGE.<p/>

    Sorry.. just got back home.

    Well, you’re just a little bit off there.

    Try this…

    <a href="URL THAT YOU WANT VISITORS TO GO WHEN YOU CLICK ON IMAGE "><img style="border: 0pt none; float:left; padding-right:10px; padding-bottom:10px" src="URL FOR THE PICTURE" .../></a><p>TEXT YOU WANT VISITORS TO SEE BESIDE THE IMAGE.</p>

    Your closing <p> tag had the slash in the improper place.

    Thread Starter BigRingRob

    (@bigringrob)

    Ha oops guess I should of copied and pasted the whole thing! lol Anyways yeah at the end make it </p> instead of <p/> my bad.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Need Help Images in sidebar w/wrapping text’ is closed to new replies.