Position an image to the left or right

damy · #1 09-Jan-2009, 05:47

How I do to put images where I want, for example I have a frame at the top of page ( like a banner ) and I want to pot aligned on the same row an image, some space, text, and an image but I don't know how to put the second image at a distance from the text.

Thanx.

Blake · #2 09-Jan-2009, 18:14

The css attributes float :left and float: right will make a tag move to the left or right side of the parent tag, while other content flows around it. I think that's what you're talking about, but it would be helpful if you could find a website that does what you're trying to do a an example.

damy · #3 11-Jan-2009, 09:13

Look at this page, I have two pictures and I want that the text to be centered and the pictures, first picture at the start of the row and second at the end of the row, but I don't know how?

And something more, if I resize the window browser, the second picture goes on the second row.

If you can to say to me some attributes something I'll be gladly.

Thanx

Blake · #4 11-Jan-2009, 09:36

If I'm understanding what you're asking, this is the effect you're looking for:

HTML Code:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html>
    <head>
        <title>example</title>
        <style type="text/css">
            div.row {min-width: 512px; /* minimumm width of row in pixels */}
            div.center {text-align: center;}
            img.left {float: left;}
            img.right {float: right;}
        </style>
    </head>
    <body>
        <div class="row">
            <img class="left" src="im1.gif" alt=""/>
            <img class="right" src="im2.gif" alt=""/>
            <div class="center">Hello world!</div>
        </div>
    </body>
</html>

I've attached the two images that I used.

damy · #5 12-Jan-2009, 12:16

Thanks this is what I want, at the first glance I don't understend all the code, butt at least now I have where to start with studies.

Thank you very much.

Blake · #6 12-Jan-2009, 12:25

You're welcome. I would recommend taking a look at this tutorial. It explains all the code that I used.

damy · #7 12-Jan-2009, 14:52

Thank you, it's a very good tutorial, I readed but it seems that wasn't enough. thx again.

adyuts · #8 30-Jan-2009, 07:47

use CSS to do that!
about posts are quite OK. try those.

Im using dreamweaver to do hard coding for me and some freeware for text editor.

Thread Tools	Search this Thread
Show Printable Version Email this Page	Search this Thread: Advanced Search
Rate This Thread
Rate This Thread:

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Display more than 2 images in fltk	centos1986	FLTK Forum	2	15-May-2007 05:01
Loading wrong images.	Sujith	MS Visual C++ / MFC Forum	0	08-May-2007 05:48
Loading several images simultaneously	yashin	MS Visual C++ / MFC Forum	0	08-Apr-2007 14:03
Scaling Images	Richardknox	MySQL / PHP Forum	2	01-Dec-2006 11:25
Why are my images distorted?	rhino1616	Graphics Forum	0	27-Jun-2003 10:30

Position an image to the left or right

Re: images

Re: Position an image to the left or right

Re: Position an image to the left or right

Re: Position an image to the left or right

Re: Position an image to the left or right

Re: Position an image to the left or right

Re: Position an image to the left or right