|
|
Unit12
Apr 13, 2015 20:39:25 GMT -8
Post by takumi on Apr 13, 2015 20:39:25 GMT -8
I'm sorry for the late submission. I couldn't get text wrap around images no matter how I try. I appreciate if you can tell me what I'm doing wrong. For this assignment, I included column count property, curved corners, box shadow and text shadow. gc.palomar.edu/34634/34634todo7260/Unit12.html |
|
|
|
Unit12
Apr 14, 2015 10:56:19 GMT -8
Post by Brett Ludwick on Apr 14, 2015 10:56:19 GMT -8
Wrapping text around an image should be fairly easy - I think. Your images are inline elements, so you'll need to add a "float" property to the images. It looks like all your images are on the left of the text, so just add a new class, such as: .floatLeft or .floatImage in your styles, then apply the class to the image. Something like: .floatLeft {float: left;} then in html: <img class="floatLeft" src=".............">. You'll also need to add some margin or padding to the class as well, so the text isn't right up against the image. Your next paragraph or heading should clear the float. Hope this helps.
|
|
|
|
Unit12
Apr 14, 2015 16:54:19 GMT -8
Post by takumi on Apr 14, 2015 16:54:19 GMT -8
Hi Brett Ludwick,
Thank you so much for your reply and an easy explanation. I thought it would be pretty easy as well, but for some reason, I couldn't get it with the way I usually do it. I added style="float:right" in html. I works fine.
Again, thank you for taking your time and helping me out.
P.S. I love your pages! You always create a lovely page. Love your dog too.
|
|
|
|
Unit12
Apr 14, 2015 20:40:03 GMT -8
Post by Brett Ludwick on Apr 14, 2015 20:40:03 GMT -8
Thank you for your nice comments, and I'm glad it worked out for you.
|
|
|
|
Unit12
Apr 15, 2015 0:41:40 GMT -8
Post by Judy Fontanella on Apr 15, 2015 0:41:40 GMT -8
So nice to see this dialog between students. Love it.
|
|
