How to simply position images on the same line.

[yourdairyman]

Hi, thanks for any help first off. I’m trying to position two images side by side (column next to column) in CSS. I’m linking to an external style sheet. I tried searching the web but none of the code I try works :/

[joshuanhibbert]

Like this? http://jsfiddle.net/joshnh/rvZ2Z/

[yourdairyman]

Yeah, I’m trying to position just two images next to each other without leaving to much empty space. Thanks for that site. Looks like you can test css and html code right inside, which seems immensely helpful. I’m trying to figure out the CSS code.

[JPC776]

Do you have a link to the page your are working on?

[Mellowfellon]

Give us a link via bitly or some other url shortening devices :) It could be your struggling with code that is getting in your way.

[yourdairyman]

Thanks! Here is what I’m working with:

Here is the HTML part:

And here is the CSS part:

#leftplacement{
width:100%;
float:left;

}

#rightplacement{
width:100%;
float:right;
}

[yourdairyman]

Here is the HTML part:

[yourdairyman]

[yourdairyman]

I’m not sure about “sidebar” as I’m working off some other code.

[Senff]

Remove the width:100%; from the DIVs declarations and they should end up on the same line (if the container has enough room, of course).

[JPC776]

Try This

[yourdairyman]

Oh, wow. It worked! Thank you so much. What was throwing me off now I see was setting the width. I read that you should always have a width set. But anyways, thank you!

[Author]

Posts