my blog/photoblog and pic alignment

  • lilianl

    (@lilianl)


    21 years, 2 months ago

    hiya all, i’m new with blogging and i’m pretty much trying to work it through trial and error… the url of my blog is http://www.ifantabulous.com …

    i would like to have more freedom whenever i post an entry with pictur(s), so just wondering if anyone can tell me how i can, say, align the picture to center, or to the left with the text wrapped to the right and vice versa, etc…

    thanks a million!!

Viewing 4 replies - 1 through 4 (of 4 total)
  • markmichon

    (@markmichon)

    21 years, 2 months ago

    In order to set up photos to align in specific ways, you need to edit your css file.

    for example, say you want to center right align an image, and have the text around it wrap, you would insert the following into your css file:

    .rightalign {
    float: right;
    margin: 10px 0 10px 10px;
    }

    then in the post your image code would look like:
    ‘<img class=”rightalign” src=”http://yourimage…&#8221; alt=”…” />’

    for left align, you change float to left, and edit the margins as you see fit.

    for center, you would do something like:

    .center {
    float: left;
    margin: 0 auto;
    }
    the auto will automatically define the left and right margins so that the image appears in the center of the current div.

    Thread Starter lilianl

    (@lilianl)

    21 years, 2 months ago

    will these changes affect all past posts? or will these changes affect only a particular blog posting of which i would like to change the picture alignment? thanks!

    iand

    (@iand)

    21 years, 2 months ago

    Lots of good instructions on this subject here.

    Thread Starter lilianl

    (@lilianl)

    21 years, 1 month ago

    thanks guy, for all the help… i’ve managed to get the alignment sorted and am very happy with the outcome… 🙂

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

The topic ‘my blog/photoblog and pic alignment’ is closed to new replies.