...

View Full Version : How to place images side by side



shakoor6
05-06-2011, 08:17 PM
im trying to place images side by side but instead one image is pushing the other image down and wont allow it to be placed beside each other.

any help will be appreciated.

angst
05-06-2011, 09:35 PM
try:



<img src='SomeImage.jpg' align='left' />

shakoor6
05-06-2011, 10:24 PM
Iv tried that..still doesnt seem to move left...This is my code.

HTML

<div id="Newsbar">
<img src="Homepage/NewsBar.png" width="546" height="50" alt="News Bar"/>

<img class="nani" src="Homepage/Nani.jpg" align="left" width="85" height="54"/>

<img class="bpoints" src="Homepage/News.png" align="center" width="60" height="261"/>

<img class="gossip" src="Homepage/Gossip.png" width="295" height="320"/>
</div>
The two images im trying to position are 'nani' & 'bpoints'

CSS




img.nani{
padding-top: 0px;
padding-left: 200px;
}

img.bpoints{
padding-top: 0px;
padding-right: 0px;
}

shakoor6
05-06-2011, 10:30 PM
that actualy kind of works....my image when i used align left doesnt align fully to the left? why would this be.

angst
05-06-2011, 10:40 PM
ah, try adding css


img{
float: left;
padding: 0;
}

Hannan2011
05-07-2011, 06:50 PM
The only reason I can see why this would place them below one another is because there is not enough space to fit them side by side ie. Say you have 100px width of space and you are trying to fit two images that are 60px each wide, it will place them on top of each other because they are too wide.

Simply putting <img src="URL"><img src="URL"> should put them side by side with no space in between if there is enough space horizontally.

Hope this helps.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum