10 {{ upvoteCount | shortNum }}
10 {{ upvoteCount | shortNum }}

Problem with images

by Izerman
9 replies
  • WEB DESIGN
    • |
Hi
I've been trying to add images on a website im currently working on and i cant get it where i want it.
I've tried placing it in a table but when i drag it to where i want it will jsut cover the text.
Is there anyway to "tell" the text to "flow" around the table?
Or should i place the image using another "technique"?

Thanks in advance.
/Izerman
#images #problem
  • Profile picture of the author kavin smith
    Banned
    [DELETED]
    {{ DiscussionBoard.errors[2371641].message }}
  • Profile picture of the author luminousnerd
    I don't recommend making your website layout with tables. Tables take longer to load, are bad for search engines and accessibility, and aren't meant for layout but just tabular data.

    Unfortunately there's just not an easy way with the WYSIWYG editor in WordPress. The easiest way is to use the HTML tab and add the css float:left; and then the text should flow around it. From there you can give it padding-right:10px or something similar if you need a bit of room between the image and the content.

    So your images' HTML tag would look like this:
    <img src="url_to_img" style="float:left;padding-right:10px;" alt="Alt text">

    Or if you want to re-use this effect a lot, you could give it a class instead and then define the class in your theme's CSS:
    <img src="url_to_img" class="wraparound" alt="Alt Text">

    And if you do that you need this somewhere in your css:
    .wraparound{
    float:left;
    padding-right:10px;
    }
    {{ DiscussionBoard.errors[2371728].message }}
    • Profile picture of the author ~kev~
      Originally Posted by luminousnerd View Post

      I don't recommend making your website layout with tables. Tables take longer to load, are bad for search engines and accessibility, and aren't meant for layout but just tabular data.
      Bad for search engines? Up until just a few years ago everything was designed with tables.

      Google did not have any problem finding data in tables 5 years ago, it should not have any problems today.
      Signature
      Country Lifestyle Network
      {{ DiscussionBoard.errors[2372316].message }}
  • Profile picture of the author Abledragon
    Actually inserting and positioning images in WordPress is simple enough without any need to use the HTML view. Here's an article that describes how:

    http://www.wealthydragon.com/blog/20...nto-wordpress/

    If you need any clarifications let me know,

    Cheers,

    Martin.
    Signature
    WealthyDragon - Earning My Living Online
    {{ DiscussionBoard.errors[2371753].message }}
    • Profile picture of the author luminousnerd
      Originally Posted by Abledragon View Post

      Actually inserting and positioning images in WordPress is simple enough without any need to use the HTML view. Here's an article that describes how:

      [link removed]

      If you need any clarifications let me know,

      Cheers,

      Martin.
      It's been my experience that WP's default doesn't actually align it or float it, just displays it left aligned with the text starting underneath it. But if you can get it to work for you all the better!
      {{ DiscussionBoard.errors[2371816].message }}
  • Profile picture of the author Izerman
    I'm not using wordpress i'm using dreamweaver.(if that makes any difference?)
    {{ DiscussionBoard.errors[2371781].message }}
    • Profile picture of the author JimdoPro
      Originally Posted by Izerman View Post

      I'm not using wordpress i'm using dreamweaver.(if that makes any difference?)
      It shouldn't make a difference, and actually using dreamweaver rather than wordpress should make the alignment even easier.

      As earlier stated, try to avoid the use of tables as it makes it even harder, and alot of websites, especially wordpress will make you alignments even harder.
      {{ DiscussionBoard.errors[2371832].message }}
  • Profile picture of the author micheal davis
    Can i use wordpress and dreamweaver at a time for image posting ?
    {{ DiscussionBoard.errors[2371802].message }}
  • Profile picture of the author ShelbyC
    Izerman just right click the image and select the "align" tab and then select "left" this puts the "alignleft" attribute on your image which should work.

    If the above doesn't work you may want to look at this discussion on wordpress,

    WordPress › Support Text won't wrap around image

    It's not wordpress specific but you will need to know how to add code to your css file and to your html file.

    Hope that helps!
    Signature

    {{ DiscussionBoard.errors[2372647].message }}

Trending Topics