Aligning Multiple Images On A Page
-
Hello,
What I’m trying to do seems so simple, so I apologize for having to post this, but after spending many hours and reading an unbelievable amount of posts on the topic, I am still stuck.
I want to create a page on my website with a column of images aligned on the left side of the page, and corresponding blocks of text on the right side of the page. I have gone back and forth between using tables, and not using tables, to try to accomplish this, but either way, I get different problems that I can’t fix.
Here is the page in its current state:
https://actionathena.com/comics/Right now, the code looks like this:
<a href="https://actionathena.com/comics/actionathena/"><img class="alignleft size-full wp-image-6227" alt="160_actionathena" src="https://actionathena.com/wp-content/uploads/2012/12/160_actionathena.jpg" width="160" height="160" /></a> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla dui metus, volutpat eu consectetur eget, adipiscing nec augue. Vivamus molestie, risus vel eleifend sodales, est nisl ullamcorper ipsum, vitae feugiat justo leo et leo. Duis at orci blandit turpis consequat placerat sed vitae enim. Donec feugiat aliquam posuere. Fusce pharetra accumsan tortor ac luctus. Nunc suscipit pulvinar mi, in commodo ante posuere quis. Nunc sed congue dui. Curabitur at est eros. Aliquam et molestie mauris. Suspendisse potenti.
The top image looks fine, but with each additional image I add, the images no longer remain fixed to the left side of the page. Rather, they pick up where the last block of text left off, creating an ugly staircase of images and text.
All I want to do is ensure that ALL images remain locked FIRMLY to the left side of the page, regardless of what browser I’m using, or if the amount of text beside each image varies a bit.
I have read a number of posts about the importance of adding this code to style.css. However, adding that code to style.css seemed to make no difference for me.
The reason that tables have not been working for me is that, in certain browsers, the images shrink to thumbnail size. I can’t figure out what code needs to be changed to prevent this.
The WordPress theme I’m currently using is Portfolio Press. I also have the Options Framework plugin activated, a framework for building theme options.
Thanks in advance for any help you can offer,
Athena
- The topic ‘Aligning Multiple Images On A Page’ is closed to new replies.