> On Nov 29, 2016, at 7:28 AM, Angela French <afre...@sbctc.edu> wrote: > > I'm having a heck of a time getting my figure caption text to be underneath > my figure. Thank you for any advice. > > http://www.dev.sbctc.edu/_testing/figure-caption.aspx > > This is my html: > > <figure><img src="/resources/images/colleges-staff/upk-help-01.png" > alt="""" width="600" height="341"> > <figcaption>this is my caption</figcaption> > </figure> > > > This is my CSS: > > figure { > position:relative; > } > > figure img { > display:block; > } > > figcaption { > > clear: both; > position:absolute; > bottom:0; > left:0; > > }
Well based on your example (good & correct HTML, no need for more), the caption is exactly where you want it to be - given the code above. So what exactly is your issue? Notes: 1. you don’t need the `clear:both` on the figcaption, position: absolute takes care of that. 2. there is lots of white space at the bottom of the image (inside / part of the image) 3. tip for debugging: use bright borders and backgrounds to see where those are, how they are sized (the developper tools in your favourite browser should do that as well…) Philippe -- Philippe Wittenbergh http://l-c-n.com/ ______________________________________________________________________ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
