HTML Sandbox 2015

Free Republic | 2 Januray 2105 | Self+other FReepers

[mund1011]

[mund1011]

Is the format different for posting a .gif image?

I am trying to upload the video clip at:

http://i.imgur.com/wIOwvZT.gif

For some reason all I get is the small square box.

[timestax]

I don’t know about gifs.

[Mycroft Holmes]

.gif works just fine, and I did see yours.

<img src="http://enemiesforeignanddomestic.com//sj/images/61cb2_zQLMZ.gif" alt="Kittie doing its nails." align="right">

Yields:

With a right alignment the text will flow around the image.

	Freedom ≠ Free Stuff☭
	I, for one, welcome our new Cybernetic Overlords /.
Mash Dobbshead® for HTML, bop Hello_Cthlhu for XAMPP

[packrat01]

I had a while ago tried to bold a word, and < b > didn’t work. < strong > didn’t, either. I had to use < big >.

Doesn’t bolding work with a < b > any longer?

[Drago]

Hmmmmmm...

Doesn't bolding work with a < b > any longer?

Doesn't bolding work with a < b > any longer?

< b >< /b > (take out spaces) seems to work for me.

[packrat01]

(take out spaces) seems to work for me.

I put the spaces in so they'd print on-screen. Took 'em out to post this, and no bolding. I don't get it. Ain't working for me and this time I (again) had to use < big > (without the spaces) to get a bold appearance. FireFox on an old XP machine...

[Drago]

That reminds me...I have been wanting to see if different browsers/old versions could be using/forced to use different encoding standards to view pages (ASCII vs. UTF-8 for example). Set in prefs??? On my “low priority “to do” list since the FR problems popped up. ;-)

[Drago]

BTW...what you posted...”(take out spaces) seems...” IS in bold on my browser (Safari)...perhaps your < B > is working, and you are just not seeing it on your browser???

[freedumb2003]

Here is one for the HTML mavens. I want to simulate YT posts -- so far I have come up with this:

<a href="https://www.youtube.com/watch?v=yVVnbpKpMiY" target="_blank">
<img src="https://i.ytimg.com/vi/yVVnbpKpMiY/hqdefault.jpg"></a>

Where yVVnbpKpMiY is the YouTube Video ID. I want to overlay the YT Play button and have not been able to come up with a way to do it with HTML (FR apparently dies not support CSS) ideas?

This is what the above produces:

[ShadowAce]

Ping to Post #150.

I do not know how to overlay the play button--It seems that freedumb2003 has done what he wants, or maybe I'm misunderstanding the question.

[freedumb2003]

>>I do not know how to overlay the play button—It seems that freedumb2003 has done what he wants, or maybe I’m misunderstanding the question.<<

I got halfway there — I can get the image I want but I ALSO want to get the play button gif to sit on top of the image from the movie. This would perfectly simulate how other sites have “Video” or “Youtube”meta-tags.

All the google-fu I have used suggest using CSS div meta-tags but we don’t seem to support that here.

Anyone know any old HTML techniques to accomplish getting one picture on top of another?

Thanks!

[dayglored]

> get the play button gif to sit on top of the image from the movie

Old-timer's hack might work -- make a 1-cell table, use the movie image as the "background image" of that cell, and then position the play button as the content image of the cell, using something like "ALIGN=center" and "VALIGN=middle" to place it in the middle of the cell (you might not need both of those aligns if you use a TH rather than a TD for the cell).

Roughly off the top-o'-my-head (I haven't tried this):

<TABLE BORDER=0 CELLPADDING=0 CELLSPACING0=0>
<TR>
<TH ALIGN=center VALIGN=middle>
<IMG SRC="https:/www.youtube.com/...the_youtube_URL...">
</TH>
</TR>
</TABLE>

Something like that anyway....

[freedumb2003]

Clever — thanks, I’ll give it a shot!

[dayglored]

Just noticed a typo. Should have been CELLSPACING not CELLSPACING0.

Good luck!

[freedumb2003]

Thanks, amigo.

Attention to detail is a sign of a fine-tuned mind.

Many of us typo (is that a verb?) — the sharp ones note and correct.

:)

[dayglored]

So I forgot to say something else. If the YouTube video picture that is intended to fill the cell is intended as a background image (as I suggested), then its image source URL has to be an element part of the TH (or TD) tag, and you have to specify WIDTH=xxx and HEIGHT=yyy where xxx and yyy are the dimensions of the background graphic image in pixels. (If you don't do that, the cell size will be only the dimensions of the smaller image, and that's all you'll see.)

So the cell spec would be like this:

<TH ALIGN=center VALIGN=middle BACKGROUND="...the_youtube_image URL..." WIDTH=xxx HEIGHT=yyy>
<IMG SRC="...the_play_button_URL...">
</TH>

And for what it's worth, I just tried this out and it does work. And for the heck of it I used an animated GIF for the central (smaller) image, and it animates correctly.

[freedumb2003]

Cool!

Tomorrow when I have not traveled for 10 hours I will give it a shot.

Right now it is all I can do but thank you, which I do, greatly.

[dayglored]

> Right now it is all I can do but thank you, which I do, greatly.

My pleasure, FRiend.

Now that you've got me all energized, I'm gonna try something.

Take the FreeRepublic logo:

... and the American Flag waving:

... and combine them!

Howzat?

You'll notice I shrunk the American flag waving a little bit to fit better. That's the "WIDTH=75" in its IMG tag; by default the HEIGHT will follow proportionately (or vice versa) if you only specify one dimension.

[freedumb2003]

Works like a charm!!!! You are amazing!

Thanks -- if we can't play them embedded at least we can link them using a youtube style link.

Now getting them to play embedded -- that is more of a challenge. Any ideas O HTML maestro?