Image float

  • draghnfly1

    (@draghnfly1)


    15 years, 7 months ago

    Can anyone help a CSS novice? My style sheet has this code:

    float: left;
	border: none;
	margin-right: 15px;
	margin-bottom: 10px;

    I understand how this works but how can I override it to position my pics inline or floated right without changing the default? Thanks for any help.

Viewing 1 replies (of 1 total)
  • stvwlf

    (@stvwlf)

    15 years, 7 months ago

    hi

    if these don’t already exist in your theme’s stylesheet, create

    .alignleft {
    float: left;
    border: none;
    margin-right: 15px;
    margin-bottom: 10px;
    }
    .alignright {
    float: right;
    border: none;
    margin-left: 15px;
    margin-bottom: 10px;
    }
    To make it float right,
    In the post editor, edit your post and go into the HTML tab. For the post you want to float right, find the <img tag

    add this
    <img class=”alignright” src=”… “

    If it already has a class for alignleft or something similar, remove that and leave the alignright. That will float it right.

    If you want to center it, an easy way is wrap it in a div
    <div align=”center”><img … /></div>

Viewing 1 replies (of 1 total)
  • The topic ‘Image float’ is closed to new replies.