I'm messing around with Blueprint, and so far so good.
I have three images, all the same size, 185px in width and 300px in
height. I want one to the left, one centered, and one to the right. I
have the following code, which works:
<div id="left" class="span-8">
<img src="images/one.jpg">
</div>
<div id="middle" class="span-8">
<img src="images/two.jpg">
</div>
<div id="right" class="span-8 last">
<img src="images/three.jpg">
</div>
The relevant css:
#left { text-align: left;}
#middle { text-align: center;}
#right { text-align: right;}
OK, this works. My three images are evenly spaced across the page.
Now, I want to have a snippet of text under each image, centered on
the image above, and cannot for the life of me get anything reasonable
to work.
Help?
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Blueprint CSS" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to
[email protected]
For more options, visit this group at
http://groups.google.com/group/blueprintcss?hl=en
-~----------~----~----~----~------~----~------~--~---
