I have an issue in Safari when a floated image is immediately followed by a
non-floated , and that has a drop-cap using the -webkit-initial-letter
CSS declaration. The drop-cap pushes the rest of the line of text to the
right, but it doesn’t always wrap at the right location, so the end of the
> On Mar 18, 2018, at 8:24, John Beales wrote:
>
> I have an issue in Safari when a floated image is immediately followed by a
> non-floated , and that has a drop-cap using the -webkit-initial-letter
> CSS declaration. The drop-cap pushes the rest of the line of text to the
> right, but it
I forgot to mention why I wasn’t doing that ;)
In real life, the top block is an image in a blog post coming from a CMS,
so it can be any width. It’s Flores right, and if the image is narrow, or
the screen is wide, the is beside the image.
I’ve been trying to figure out a better way to lay thing
Just trying to follow this. Sorry if I’m not. Would clear:right/left/both
on the help?
--
Tom Livingston | Senior Front End Developer | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com
#663399
__
css-di
It would, but then the will be below the image when there’s space
beside the image.
In this case the float is used as they were originally intended - to let
content slide up beside the block, if possible - not just to put the first
block over to the right.
On Sat, Mar 17, 2018 at 9:24 PM Tom Livi
> On Mar 18, 2018, at 10:14, John Beales wrote:
>
> I forgot to mention why I wasn’t doing that ;)
>
> In real life, the top block is an image in a blog post coming from a CMS,
> so it can be any width. It’s Flores right, and if the image is narrow, or
> the screen is wide, the is beside the
A media query then? No clear when they fit side by side?
On Sat, Mar 17, 2018 at 9:27 PM John Beales wrote:
> It would, but then the will be below the image when there’s space
> beside the image.
>
> In this case the float is used as they were originally intended - to let
> content slide up be
The image is coming from the CMS and isn’t a set width, otherwise I that’s
what I would be doing.
Too bad I there’s no media query equivalent to “ if the image is more than
half the width of the containing block”
On Sat, Mar 17, 2018 at 11:38 PM Tom Livingston wrote:
> A media query then? No cle
You might have better luck putting the first letter in a span inside the
paragraph.
No floats needed, just clear:left; and the paragraph contains it all.
You can then add float left or right to your span if desired.
Best,
Karl DeSaulniers
Design Drumm
http://designdrumm.com
> On Mar 17, 2018
