:: Forum >>

How do I align image by the right side of the button ?

Hi guys I tried your previous suggestion and put orientation right to left but it did not help, image is displayed right after text but is not aligned by the right side.

how do I fix it ?
Andrew
Wednesday, December 21, 2005
Maybe this one is better -

#myButton {
        width: 200px;
        text-align: left;
    }


    #myButton .aw-item-image {
        position: absolute;
        top: 50%;
        right: -4px;
        margin-top: -9px;
    }
Alex (ActiveWidgets)
Wednesday, December 21, 2005
Alex, that's perfect fit!! Thanks.

Do you have any good manual of CSS ? I thought I knew it pretty good but now I see that my knowledge is nothing :)

by the way, is the image inside your button moved to an absolute position with coordinates relative to your button? cause I still can't get it how this combination of css tags work in case of our button :)

thanks,
andrew
Andrew
Thursday, December 22, 2005
I can suggest a good CSS book:

HTML Utopia: Designing without tables using CSS by Dan Shafer published by SitePoint

I can't say enough good things about the book.
Jim Hunter
Thursday, December 22, 2005

This topic is archived.


Back to support forum

Forum search