Hello,
Just curious if anyone knows of a CSS3 technique that would restrict a
photo's caption (in this case, I want to use figure and figcaption
for the markup) to the bottom of a photo of an unknown width?
I've been playing around with display inline-block and table, but I
haven't had any luck
On Thu, Jul 18, 2013 at 3:06 PM, Micky Hulse mickyhulse.li...@gmail.com wrote:
With all that said, I was just curious if there's a new-ish CSS3 way
of doing what I want. I don't mind not supporting the older browsers,
Heck, I'd even be interested in seeing how this is done using an HTML
table!
On 2013-07-18, at 6:06 PM, Micky Hulse wrote:
Hello,
Just curious if anyone knows of a CSS3 technique that would restrict a
photo's caption (in this case, I want to use figure and figcaption
for the markup) to the bottom of a photo of an unknown width?
I'm unclear: how can you be after
Hi John! Thanks for showing interest in my question, I really
appreciate the help.
On Thu, Jul 18, 2013 at 3:31 PM, John Snippe j...@snippe.ca wrote:
I'm unclear: how can you be after responsive and be dealing with an unknown
width at the same time? Would you not, at some point, be defining a
On Thu, Jul 18, 2013 at 3:40 PM, Micky Hulse mickyhulse.li...@gmail.com wrote:
Hopefully that helps to clarify. Please let me know if I can provide
more information.
Here's a quick demo I've slapped together:
http://jsbin.com/eruxew
Scale the view port up/down (Firefox/Mac users can use
On 2013-07-18, at 6:40 PM, Micky Hulse wrote:
Hopefully that helps to clarify. Please let me know if I can provide
more information.
Will this work?
http://www.snippe.ca/tests/hulse.html
--
John Snippe
__
css-discuss
TABLE + CAPTION, Micky ?
http://photos.for-charity.org/resources/tests/Wrapped-caption.html
Philip Taylor
Micky Hulse wrote:
Just curious if anyone knows of a CSS3 technique that would restrict a
photo's caption (in this case, I want to use figure and figcaption
for the
Hi John!
On Thu, Jul 18, 2013 at 4:20 PM, John Snippe j...@snippe.ca wrote:
Will this work?
http://www.snippe.ca/tests/hulse.html
Thanks so much for the additional help, I really appreciate it. :)
That would probably work, but I'm trying to avoid setting widths on
parent elements. I just want
Hi Philip, thanks for the help, I really appreciate it.
On Thu, Jul 18, 2013 at 4:22 PM, Philip Taylor p.tay...@rhul.ac.uk wrote:
TABLE + CAPTION, Micky ?
http://photos.for-charity.org/resources/tests/Wrapped-caption.html
Hmm, yah, that's an obvious one. ;)
I'll play with that. I
On 2013-07-18, at 7:26 PM, Micky Hulse wrote:
That would probably work, but I'm trying to avoid setting widths on
parent elements. I just want the body/viewport to be the only parent
the figure. Sorry that I did not specify that before.
OK... getting closer here ;)
On Thu, Jul 18, 2013 at 4:29 PM, Micky Hulse mickyhulse.li...@gmail.com wrote:
Hmm, yah, that's an obvious one. ;)
I'll play with that. I wonder how a table responds to max-width:100%?
But yah, I'll play with that and post back my findings to this thread.
Close! But a no-go on the responsive:
Wow, thanks for all the help John, I know I sound like a broken record
but I really do appreciate it!!! :)
On Thu, Jul 18, 2013 at 4:52 PM, John Snippe j...@snippe.ca wrote:
On 2013-07-18, at 7:26 PM, Micky Hulse wrote:
That would probably work, but I'm trying to avoid setting widths on
parent
On 2013-07-18, at 7:59 PM, Micky Hulse wrote:
Ahh, now that's interesting. I think I see what you're doing there
with the 100% width on the image. That's a good tactic!
I'm not sure what's going wrong with my test url... the server isn't sending
out what is ACTUALLY on the server
On Thu, Jul 18, 2013 at 5:07 PM, John Snippe j...@snippe.ca wrote:
I'm not sure what's going wrong with my test url... the server isn't sending
out what is ACTUALLY on the server currently... there seems to be some sort
of cache issue. Anyhow, here's where I am leaving it. You'll notice
Le 19 juil. 2013 à 09:07, John Snippe j...@snippe.ca a écrit :
You'll notice that the src has size attributes. They are over-ridden by the
CSS, it appears. I didn't know that would happen ;)
That is expected :-).
But you better leave out the width/height attributes, or, override _both_ of
Hi Philippe! Thanks for your help! I really appreciate it. :)
On Thu, Jul 18, 2013 at 5:32 PM, Philippe Wittenbergh e...@l-c-n.com wrote:
As for the original requirement (the caption won't be wider than the
intrinsic width of the image), I don't think there is a css property (current
or
Le 19 juil. 2013 à 10:05, Micky Hulse mickyhulse.li...@gmail.com a écrit :
Hey Philippe, any idea why Safari doesn't mind obeying max-width on a
table and Firefox does? See second example on this test page:
http://jsbin.com/eruxew/2
You mean on the table at the bottom?
Safari is a little
Firefox and Safari on my machine are doing the same thing here. FYI.
Although the one on the bottom does not have the same text in it so it is kind
of hard to tell if it is working.
The text on the bottom doesn't pass the width of the image.
have you tried..
word-wrap: break-word;
on your
Actually correction, I thought you were talking about the width of the text
below matching the image, I see now your talking about the responsive image
sizing.
Sorry.
Karl DeSaulniers
Design Drumm
http://designdrumm.com
On Jul 18, 2013, at 10:35 PM, Karl DeSaulniers wrote:
Firefox and
Hi Karl! Thanks for the help! Much appreciated. :)
On Thu, Jul 18, 2013 at 8:35 PM, Karl DeSaulniers k...@designdrumm.com wrote:
Firefox and Safari on my machine are doing the same thing here. FYI.
Although the one on the bottom does not have the same text in it so it is
kind of hard to tell
20 matches
Mail list logo