Re: [css-d] help getting my under by
Thank you all. I got it using a clear:both on the . I realized I
don't have a good understanding of the clear property values for example
clear:both vs clear:left or clear:right;
-Original Message-
From: css-d-boun...@lists.css-discuss.org
[mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of Chris Rockwell
Sent: Tuesday, November 29, 2016 10:58 AM
To: Angela French; Philippe Wittenbergh
Cc: CSS-D
Subject: Re: [css-d] help getting my under by
The issue appears to be at line 1725 of sbctc.css. Is floating every image in
the main container the desired behavior? If so, you'll have to explicitly reset
for either all within a element or use a class. You'll need to
be more specific with your declaration than what you've done here:
@media (min-width: 992px) {
main img {
...
float: left;
}
}
On Tue, Nov 29, 2016 at 1:03 PM Angela French wrote:
>
>
> 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/
>
>
> I found an example online to try to model mine after:
> http://html5doctor.com/the-figure-figcaption-elements/
>
> I got it to work by a simple .
> However, if I remove the clear:left from the inline declaration and put it in
> the
> style sheet, it doesn't work, even with !important. I can't figure out
> what is playing on it in the css.
>
> http://www.dev.sbctc.edu/_testing/figure-caption.aspx
>
>
>
> __
> 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/
__
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/
__
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/
Re: [css-d] help getting my under by
The issue appears to be at line 1725 of sbctc.css. Is floating every image
in the main container the desired behavior? If so, you'll have to
explicitly reset for either all within a element or use a
class. You'll need to be more specific with your declaration than what
you've done here:
@media (min-width: 992px) {
main img {
...
float: left;
}
}
On Tue, Nov 29, 2016 at 1:03 PM Angela French wrote:
>
>
> 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/
>
>
> I found an example online to try to model mine after:
> http://html5doctor.com/the-figure-figcaption-elements/
>
> I got it to work by a simple . However,
> if I remove the clear:left from the inline declaration and put it in the
> style sheet, it doesn't work, even with !important. I can't figure out
> what is playing on it in the css.
>
> http://www.dev.sbctc.edu/_testing/figure-caption.aspx
>
>
>
> __
> 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/
__
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/
Re: [css-d] help getting my under by
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/ I found an example online to try to model mine after: http://html5doctor.com/the-figure-figcaption-elements/ I got it to work by a simple . However, if I remove the clear:left from the inline declaration and put it in the style sheet, it doesn't work, even with !important. I can't figure out what is playing on it in the css. http://www.dev.sbctc.edu/_testing/figure-caption.aspx __ 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/
