Question:

Wrap text around an image code for myspace?

by  |  earlier

0 LIKES UnLike

plesaee helpp meee

 Tags:

   Report

2 ANSWERS


  1. Position Images With ALIGN

    The ALIGN attribute is an optional attribute to the IMG tag. It defines image placement relative to browser margins and text. ALIGN = "right" places the image on the right border of the browser window. ALIGN = "left" places it on the left border. Text flows around the images depending on their placement.

    Note that ALIGN is deprecated (marked for deletion) in HTML 4.0, but it won't disappear anytime soon. Use it until you become proficient positioning your page elements with Cascading Style Sheets.

    The code is simple: <IMG SRC="YourImageName" ALIGN="left">

    Both LEFT and RIGHT control where the image displays in relation to the browser margin. The surrounding text wraps around it from top to bottom. Here's a list of possible values:

        * Left: Image positioned at the left side of the browser window, with text to the right.

        * Right: Image positioned at the right side of the browser window, with text to the left.

        * Top: Text aligns with the top of the image.

        * Middle: Text aligns with the middle of the image.

        * Bottom: Text aligns with the bottom of the image.

        * AbsBottom: The bottom of the image is aligned with the bottom of the surrounding text.

        * Texttop: The image top is aligned with the top of the surrounding text.

        * Absmiddle: The middle of the image is aligned with the middle of the surrounding text.

        * Baseline: The bottom of the image is aligned with the baseline of the surrounding text.

    Play It Safe!

    Browser support is spotty for Absbottom, Texttop, Absmiddle, and Baseline. LEFT and RIGHT are the safest options because you can reliably predict exactly how the text will wrap. The other attributes may place one line of text where you expect, but then drop the rest below the image.

    For instance, when ALIGN = "middle," browsers only display one line of text next to the middle of the image. Any extra text drops down below the image and gives your layout a jerky, unstructured feel. Always consider browser display differences during the design process. Visitors will be using different size browser windows and screen resolutions. On your machine, the sentence that looks great next to an image may be broken in half on a visitor's monitor.

    Try this:

      

    Text Wrap Around Image Generator  - http://www.freecodesource.com/index.php?...

    Ron


  2. CSS solution:

    Add the following style attribute inside the <img> tag:

    style="float: left"

    if you want your picture to be left from the text or

    style="float: right"

    for the other way round. So it should look like

    <img src="something.jpg" style="float: left">

Question Stats

Latest activity: earlier.
This question has 2 answers.

BECOME A GUIDE

Share your knowledge and help people by answering questions.