Create a div and put the first image in it and then create another div and put the other image in it and then float one left and one right.
I prefer CSS display:inline
HTML:
<img class="img_inline"...the rest...>
<img class="img_inline"...the rest...>
CSS:
.img_inline {display:inline}
perhaps im an idiot but i still cant get it right listed below are the two images im trying to align.. where exactly would i place the code?
<p><iframe src=”http://widget.ranker.com/lists/281788?rows=5&width=300″ height=”355″ width=”300″ seamless=”seamless” allowfullscreen=”false” frameborder=”0″></iframe>
List Of Companies That Hire Felons</p>
<p><img alt=”InternetModeling.com – Webcam Models Wanted!” src=”http://www.internetmodeling.com/banners/im_300x250_3.gif” /> </p>
An iframe is not an img..
As suggested above:
Create a div and put the first image in it and then create another div and put the other image in it and then float one left and one right.
<div id="div1">
put the first item here
</div>
<div id="div2">
put the second item here
</div>
CSS:
#div1 {
width: 400px;
float: left;
}
#div2 {
width: 400px;
float: left;
}
Adjust widths, add padding, margins or other styles as you like. You may also prefer to use more description id’s for the divs.
thats not changing a thing unless im doing something wrong or putting the code in the wrong place
I don’t see that HTML on your page – where did you put it?
i took it back out when it didnt work… these are the codes for the images..
<iframe src=”http://widget.ranker.com/lists/281788?rows=5&width=300″ height=”355″ width=”300″ seamless=”seamless” allowfullscreen=”false” frameborder=”0″></iframe>
<img class=”img_inline”<img alt=”InternetModeling.com – Webcam Models Wanted!” src=”http://www.internetmodeling.com/banners/im_300x250_3.gif” />
i got it thanks.. i did something wrong the first time with the placement i guess… im pretty new to this learning as i go… that was a big help.. i appreciate it
