how to bring picture inline with the logo

This site is best viewed in a modern browser with JavaScript enabled.

how to bring picture inline with the logo

ketanco

Hello,
On this site I am working on
autonomouscars.com
i want to bring the logo picture in line with the picture below. how can i do that?

also how can i make the logo picture transparent so that only the letters are visible but it doesnt close the background?

auntnini

Make it click-able http://www.autonomouscars.com

Not sure exactly what you need. Generally, use float property to include several elements/images on same line In image editor program (e.g. Photoshop) eliminate image background and save in .GIF format. .GIF and .PNG file formats have transparency. images/robotcar.jpg .JPEG format does not have transparency and fills in blank areas with white.

LearningCoder

Images are inline elements, just put it in the same container. To do what you said I'd generally do something like:

<div id="header">
<img src="img1.jpg" alt="img1" style="width: 200px;height: 200px;" />
<img src="img2.jpg" alt="img2" style="width: 200px;height: 200px;" />
</div>

Alternatively like auntnini said you can float the images.

Regards,

LC.

john00

hi.. Images are inline by writting this as below:
Code:
<div>
<img src="img1" alt="not found" />
<img src="img2" alt="not found" />
</div>

If it doesn't finish your bug than surely you have to use floating for it.. Put float on first image as float:left;

john00

john00;1244463 wrote:
hi.. Images are inline by writting this as below:
Code:
<div>
<img src="img1" alt="not found" />
<img src="img2" alt="not found" />
</div>

If it doesn't finish your bug than surely you have to use floating for it.. Put float on first image as float:left;

Web Design NY