… And it has been kicking my ass over the past few weeks.
How do I get a blockquote to not move entirely beneath an aligned image?
For example, if I write a post wherein a blockquote starts before the author icon ends, the blockquote drops entirely beneath the image, leaving a very large blank space, like what can be seen in this post.
What HTML/CSS magickery is necessary to unscrew that?
Easiest way would be to float the image left or blockquote right.
Unfortunately, floating ruins the textwrap on the images, making the first line of text start with its bottom even with the bottom of the image. Bleh.
I took a look at the difference between your “Gunny” post and my recent post and the difference is that I’m using an img class alignleft to align the picture left.. and you’re using align=”left”. Try that out.
You can do it with an in-post STYLE tag. I was going to say do a DIV with a CENTER or LEFT tag, but CENTER and the rest have been “Deprecated.”
http://www.w3schools.com/html/default.asp
That’s odd, unless you’ve got some other css code affecting the layout this should work and align the text with the top of the image
More info @ W3
http://www.w3schools.com/css/pr_class_float.asp
including a place where you can try out code;
http://www.w3schools.com/css/tryit.asp?filename=trycss_float
@Dixie – Yeah. Deprecation always confused me.
@dave – Welp, you are absolutely right – floating should work. Guess I need to do some digging and figure out what is wrong in my CSS scripts, then. Thanks!
i replied yesterday but it must have got caught by your spam filter, so ill paste it again in another comment
argh its blocking me for duplicate comment, i guess its still in your spam folder.
Thanks for calling my attention to it, Mike – for some reason, your comment got shuffled straight into the “Spam” bin.
At any rate, no dice, which makes sense – the code for the “alignleft” class is:
.alignleft {
float: left;
}
Pretty much the same thing as what I wrote.
Deprecation always confused me.
Essentially, “deprecation” means that the tag is on death row. Eventually (read: a few decades from now), browser creators will no longer code their products to use the tags. In reality, you can still use “i” instead of “em” just fine.
Well, yeah, that is what confuses me
. If the intertubes are going to stop using something, stop using it. Letting people continue to code with tags that are going to be eventually nixed is simply going to encourage people to actually continue using them, rather than breaking their habits. Hell, I am doing it right now with some of my code.
Sure, browsers should keep supporting the code, otherwise it will get all kinds of wierd, but if the tags are going away, get them away
.
[...] at least I can take some solace in not being the only one having some technical [...]
[...] Found the fix. [...]