Sunday, 21 February 2010

Putting Caption under Image

From Brickwork Home Page

Original size, 158 x 96 pixels
neither Hide or Image boxes ticked, copy and paste code from Embedded link box. Okay, that gave me a hyper-link to Picasaweb




Emebbed code from Picasweb, with Hide album ticked

From Clip Art
Copied code from first example, wrote ClipArt after From and deleted hyper-link which included everything from inside the 'a brackets'




From Clip Art


Another example, Using code from blogger help

Put some text here
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur tincidunt malesuada nulla, in commodo neque vestibulum at. Praesent quam nisl, molestie ac tincidunt vitae, facilisis vitae nisi. Fusce consectetur auctor tortor id auctor. Nulla tempus arcu nec sem pellentesque interdum vitae ut sem. Aliquam odio dolor, porttitor et congue quis, malesuada eu enim. Suspendisse pharetra, massa eu fringilla vulputate, mi risus tempus risus, eu sodales odio lorem eget erat. Morbi ultricies ullamcorper tortor, in elementum orci tincidunt sed. Etiam eget purus nisl, ut mollis augue. Sed enim dui, tincidunt vel pellentesque in, ullamcorper et dolor. Quisque turpis quam, porttitor nec molestie ac, vehicula at magna. Sed enim purus, condimentum nec tincidunt at, tincidunt id orci. Morbi malesuada fermentum arcu, sit amet lacinia neque tempus quis. Fusce ipsum lorem, luctus ut molestie sit amet, facilisis at nunc.


Code from above, but with div bracket align left
From Clip Art


Quisque turpis quam, porttitor nec molestie ac, vehicula at magna. Sed enim purus, condimentum nec tincidunt at, tincidunt id orci. Morbi malesuada fermentum arcu, sit amet lacinia neque tempus quis. Fusce ipsum lorem, luctus ut molestie sit amet, facilisis at nunc

Next example, code from above, but with div bracket for left align, still can't add text
From Clip Art

Next example, use p style float dividers instead

From Clip Art



Next example, use class seperator for text

From Clip Art
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur tincidunt malesuada nulla, in commodo neque vestibulum at. Praesent quam nisl, molestie ac tincidunt vitae, facilisis vitae nisi. Fusce consectetur auctor tortor id auctor. Nulla tempus arcu nec sem pellentesque interdum vitae ut sem. Aliquam odio dolor, porttitor et congue quis, malesuada eu enim. Suspendisse pharetra, massa eu fringilla vulputate, mi risus tempus risus, eu sodales odio lorem eget erat. Morbi ultricies ullamcorper tortor, in elementum orci tincidunt sed. Etiam eget purus nisl, ut mollis augue. Sed enim dui, tincidunt vel pellentesque in, ullamcorper et dolor. Quisque turpis quam, porttitor nec molestie ac, vehicula at magna. Sed enim purus, condimentum nec tincidunt at, tincidunt id orci. Morbi malesuada fermentum arcu, sit amet lacinia neque tempus quis. Fusce ipsum lorem, luctus ut molestie sit amet, facilisis at nunc.

No comments:

Post a Comment