Help with "display:inline

User 107145 Photo


Registered User
88 posts

I am trying to put images on the same line. I even tried to put text on the same line. I must be missing something. My ultimate goal is to have things centered. The url of my test page is...... http://www.paperandclay.com/test-010409.html

Thanks for your help
pk

PS. is there a way to put element identifier inside the "img" tag rather than listing the "img"s separately?
... so much to learn!!
User 364143 Photo


Guest
5,410 posts

Instead of repeating the same div with the same id four times, place all the images in a single div and they will display in a row.

Each div should have a unique id.
CoffeeCup... Yeah, they are the best!
User 107145 Photo


Registered User
88 posts

Thanks Tom but it didn't work. When I put the images( 3 of them for this test) within a single div it rendered the images vertically in a column. This column had a single red border around the 3 images .

What I am after is to have the single images inside their own border and the bordered images display on the same line.

Thanks
pk
... so much to learn!!
User 107145 Photo


Registered User
88 posts

Finally figured out how to get the layout I want. I basically built on Tom's suggestion... after I figured out what he was suggesting!!

Thanks
pk
... so much to learn!!
User 364143 Photo


Guest
5,410 posts

Glad you got it working.

I know some folks in here will scour through and rewrite code to function properly. My style is not to "hand hold" but rather to point folks in the right direction.
CoffeeCup... Yeah, they are the best!

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.