Not signed in (Sign In)
SkillShare - A place to discuss Web Standards and Web Design topics
Categories
Vanilla 1.1.4 is a product of Lussumo. More Information: Documentation, Community Support.
-
I have created some pictures that go with text instructions. The pictures will be on the left and instructions on the right. Is it acceptable to use a table for this? If not how do you recommend laying it out in css?
-
no go. Tables should only be used for tabular data (think excel type data).
At first glance, i'd probably put each instance (photo with text) as a list in an ordered list and then use floats to position the photo and the text within the list. So maybe something like this:
<ol>
<li>
<img src="photo.jpg" alt="" />
<cite>photo caption goes here</cite>
</li>
</ol>
And then just repeat the <li></li> over and over again. This is the HTML mark-up I'd recommend using. -
Hi, that's what I expected.
Here is a picture of my pics and info: http://www.coastalpet.com/pad.jpg
When I float the pic of the instruction to the left, the text slides up to the top right side of the pic. Is there some style I can give it to keep them all aligned with the bottom of the picture as in the above pic? -
I can't think of the fix off the top of my head. I know vertical-align:middle can do the trick, but this is something more to it. if no one has helped you out by end of day, I'll try and remember what it is and hit you back up.
-
Thanks. I'll continue to try and figure it out in the mean time. It can be frustrating!! lol.
-
In the mean-time, since it appears to be a fixed universe of content/imagery .. you could just ensure all images are the same height -- even if some have extra whitespace above/below and then use padding-top on your content. So, you are more centering the images than the content; not sexy, but works quickly.
-
Thanks again, mringlein. I ended up following your suggestion, and it worked for now.
1 to 7 of 7