Can't make img and text go together properly

[Starshine Moonbeam]

I want an image on the left and text to the right of it. Here are two
ways that don't work:

http://home.earthlink.net/~absolutelyfake/theLib.htm

I purposely left out the photo because that shows part of what's
happening.

So how should I do this?

<p>
<img src="whatever.jpg" align="left hspace="20" alt="text">
<blockquote>You can add hspace as needed if it's not showing up the way
you want it. </blockquote>
</p>

 

[Karl Groves]

<p>
<img src="whatever.jpg" align="left hspace="20" alt="text">
<blockquote>You can add hspace as needed if it's not showing up the way
you want it. </blockquote>
</p>

Please do not give anymore HTML advice.

-Karl

 

[Sam Hughes]

<p>
<img src="whatever.jpg" align="left hspace="20" alt="text">
<blockquote>You can add hspace as needed if it's not showing up the way
you want it. </blockquote>
</p>

That makes you a LIAR, unless the text is quoted content.

What about when the browser puts quotes around the blockquote? Eh?

How about floating the text to the left and just having padding, neh? Uses
purer HTML without LYING. LIAR. PANTS ON FIRE. MAYBE YOUR UNDERWEAR TOO.
Ok I'm getting carried away

 

[Neal]

<p>
<img src="whatever.jpg" align="left hspace="20" alt="text">
<blockquote>You can add hspace as needed if it's not showing up the way
you want it. </blockquote>
</p>

Oh, even better than this - make it all an image in Photoshop and set it
up like that. But be sure the fonts are smaller than 6px high or it won't
look cool.

Seriously, you shouldn't advise using blockquote like this. It's not a
blockquote. And align should not be used unless you are writing for (all
thirteen) NN4 users primarily.

 

[Neal]

What about when the browser puts quotes around the blockquote? Eh?

Are there UAs in use today which actually do that? Most do not, largely
because authors ruined it with misapplication like the above. Could have
been damn useful.

Then again, <q> should insert quotes too, but they never have in some
browsers. (IE for sure, and another popular one? I forgot...)

 

[Starshine Moonbeam]

Please do not give anymore HTML advice.

That's some good advice you gave him.

Feel free to offer examples of alternatives.

 

[Starshine Moonbeam]

Oh, even better than this - make it all an image in Photoshop and set it
up like that. But be sure the fonts are smaller than 6px high or it won't
look cool.

Seriously, you shouldn't advise using blockquote like this. It's not a
blockquote. And align should not be used unless you are writing for (all
thirteen) NN4 users primarily.

a) You are correct, blockquote wasn't meant for that.
b) It'll work anyway.

I'm doing it right now. It's not putting quotation marks around
anything. (Someone else's point, and that may depend on the browser. IE
and Opera don't put quotes around your text.

It WILL work, albeit with a couple of conditions. The text will start at
the top of the picture. It won't start above the picture, don't even
try. So if you want that vertically even wraparound effect, forget about
it. Also, if you go past the bottom of the pic, the wraparound starts at
the next line, all the way on the left (and whatever vspace you set is
factored in)
You can't place a horizontal rule after your little combination either.
I tried it. Even with <br clear="all"> (a few of them even) it won't
work. Gotta go with something else. Nothing else I've seen anyway's been
affected by it. I have no effect what this would have on stylesheets or
anything like that but like I've said, it'll do for html.

Shit, don't take my word for it, try it for yourself.

It'll also work in an ordered list using pictures (Don't bitch at me,
not my call. And ironically, it was the only way to do that.)

 

[Starshine Moonbeam]

Are there UAs in use today which actually do that? Most do not, largely
because authors ruined it with misapplication like the above. Could have
been damn useful.

Then again, <q> should insert quotes too, but they never have in some
browsers. (IE for sure, and another popular one? I forgot...)

Or you could just do this...

<blockquote>" blah blah blah... "</blockquote>

 

[Starshine Moonbeam]

I do need to correct this, though.

<p><img src="blah.jpg" hspace="x" align="left"></p>

(One note here: hspace is much more important than vspace. You can set
your vspace low and it'll still render. hspace you can go as low as low-
teens for hspace and then it gets wonky. I haven't tried it with
border="x" either, so I can't speak to that.)

<blockquote>You can adjust the hspace as needed to render your picture,
you can even add font tags. Any standard <font color="#0000FF"
size="+1"> Font Tag
</font> seems to work.</blockquote>

<br />
<hr />
<br />

(I take back the hr thing too. It works provided you don't do it between
blockquotes or in the vertical space of the pic [pic height + vspace)
Once it stops wrapping around then you can do a horizontal rule if you
so desired, provided you use a break before it)

(One other note, it won't center the text if you type less than the
vertical space [pic height + vspace] It'll read from the top of the pic
down. You'll want to make sure that your text maintains some kind of
continuity until it stops wrapping around the picture.)

 

[rf]

Are there UAs in use today which actually do that? Most do not, largely
because authors ruined it with misapplication like the above. Could have
been damn useful.

Then again, <q> should insert quotes too, but they never have in some
browsers. (IE for sure, and another popular one? I forgot...)

http://www.w3.org/TR/html4/struct/text.html#h-9.2.2

This states that a UA *must* put quotation marks around the content of a q
element. If a UA does not then it is broken.

Further, because "some authors have used blockquite [incorrectly] merely as
a mechanism to indent text" the UA *should* not insert quotation marks in
the default style. It is *recommended* that style sheet implementation
provide a mechanism for inserting quotation marks.

The usage of blockquote to indent text *is* deprecated, so the example we
are all talking about should not even be used

 

[rf]

Starshine Moonbeam wrote

I do need to correct this, though.

<p><img src="blah.jpg" hspace="x" align="left"></p>

Regardless of what you think works, or not, hspace is deprecated, as is
using blockquote merely to indent text. Align is also deprecated, as have
all attributes that concern visual alignment and presentation. None of this
should be used for new designs, CSS should be used instead.

 

[Karl Groves]

That's some good advice you gave him.

I wasn't replying to the OP, I was replying to you.
I can reply to both of you now:

Dear OP - please ignore any HTML advice you get from "Starshine Moonbeam"

Dear "Starshine Moonbeam" - please stop giving HTML advice when it is clear
you don't know WTF you're doing. please acclimate yourself to the fact that
it is now 2003 and stop using shitty markup from the 90s.

-Karl

 

[Els]

acclimate yourself to the fact that it is now 2003

^^^^
Hate to break this to you Karl, but we're all one year ahead of
you already ;-)

 

[Karl Groves]

^^^^
Hate to break this to you Karl, but we're all one year ahead of
you already ;-)

UGH. I just woke up. I was up writing a DTD all night.
Sorry!

-Karl

 

[kchayka]

<p>
<img src="whatever.jpg" align="left hspace="20" alt="text">
<blockquote>You can add hspace as needed if it's not showing up the way
you want it. </blockquote>
</p>

Including <blockquote> within <p> is invalid. Next time you offer up
some code, I suggest you validate it first. Try HTML 4.01 strict.