html experts - need help - Tilted Forum Project Discussion Community

Sion · 09-21-2003, 06:52 AM

take a look at the following html code for a webpage. it is from the episode guide for The Sopranos from HBO.com. notice the part of the text that I have highlighted in bold. this is for the picture from the episode that accompanies the episode guide. notice that instead of linking directly to the picture in question, it is a gif spacer. so right click>save picture as is of no help. so, my question to you is this: HOW can I save that picture? also, how the hell does this work? the command from each page of the episode guide is the same, and yet each one shows a different picture. how? i dont see anything that differentiates the pic to be shown.

can anyone help out here? thanks.

edit: ok, so html code doesnt mix well with whatever code is used to control this bb. here is the command without some of the necessary syntax:

src="/img/core_template/spacer.gif" alt="" width="360" height="204" border="0"></td

if this isnt enough info, try going to any of the episode guides and looking at the source code in its entirety. from what I saw, there doesnt seem to be anything in the code that links directly to the picture, but then, I am no expert in html. hell, Im not even a beginner. I know just enough about programming to be able to recognize some of the commands for what they are, but the syntax and structure of html is outside my knowledge base. I've only ever programmed in basic and pascal so that tells you how long its been and how limited my programming skills are.

yakimushi · 09-21-2003, 07:39 AM

Is this what you're looking for?

Code:

 

{td vAlign=top background="HBO Sopranos_files/main_ep39.jpg"}
            {table cellSpacing=0 cellPadding=0 width=545 border=0}
              {tbody}
              {tr}
                {td background="HBO Sopranos_files/spacer.gif"}{img height=20 alt="" src="HBO Sopranos_files/spacer.gif" width=185 
                border=0}{/td}

What HBO did was use a table to format the page, then within the specific cell they defined the image you want as the background for that cell (ie, no right click). Then, they used a "clear" 1x1 pixel spacer to fill the cell leaving the image underneath.

To tell you the truth, its quite an elegant solution, it had me stumped for about 5 minutes. Anyways, the easiest way I got the image was to just save the page then find the image in the files folder.

Hope I've helped!

edit: damn HTML, all carrots replaced with brackets

Sion · 09-21-2003, 02:53 PM

"To tell you the truth, its quite an elegant solution, it had me stumped for about 5 minutes. Anyways, the easiest way I got the image was to just save the page then find the image in the files folder."

shit, I shoulda thought of that. thanks a bunch.

thebigk · 09-21-2003, 03:01 PM

I was going to suggest doing a screen capture and then cropping and saving - but saving the page works too.

spectre · 09-21-2003, 07:10 PM

I fixed your post so it doesn't screw with the page. Try posting it again, but use &lt; for < and &gt; for >
That should make it so you can post the code without issue.

09-21-2003, 06:52 AM	#1 (permalink)
Sion Dumb all over...a little ugly on the side Location: In the room where the giant fire puffer works, and the torture never stops.	html experts - need help take a look at the following html code for a webpage. it is from the episode guide for The Sopranos from HBO.com. notice the part of the text that I have highlighted in bold. this is for the picture from the episode that accompanies the episode guide. notice that instead of linking directly to the picture in question, it is a gif spacer. so right click>save picture as is of no help. so, my question to you is this: HOW can I save that picture? also, how the hell does this work? the command from each page of the episode guide is the same, and yet each one shows a different picture. how? i dont see anything that differentiates the pic to be shown. can anyone help out here? thanks. edit: ok, so html code doesnt mix well with whatever code is used to control this bb. here is the command without some of the necessary syntax: src="/img/core_template/spacer.gif" alt="" width="360" height="204" border="0"></td if this isnt enough info, try going to any of the episode guides and looking at the source code in its entirety. from what I saw, there doesnt seem to be anything in the code that links directly to the picture, but then, I am no expert in html. hell, Im not even a beginner. I know just enough about programming to be able to recognize some of the commands for what they are, but the syntax and structure of html is outside my knowledge base. I've only ever programmed in basic and pascal so that tells you how long its been and how limited my programming skills are. __________________ He's the best, of course, of all the worst. Some wrong been done, he done it first. -fz I jus' want ta thank you...falettinme...be mice elf...agin... Last edited by spectre; 09-21-2003 at 07:07 PM..

09-21-2003, 07:39 AM	#2 (permalink)
yakimushi Addict	Is this what you're looking for? Code: {td vAlign=top background="HBO Sopranos_files/main_ep39.jpg"} {table cellSpacing=0 cellPadding=0 width=545 border=0} {tbody} {tr} {td background="HBO Sopranos_files/spacer.gif"}{img height=20 alt="" src="HBO Sopranos_files/spacer.gif" width=185 border=0}{/td} What HBO did was use a table to format the page, then within the specific cell they defined the image you want as the background for that cell (ie, no right click). Then, they used a "clear" 1x1 pixel spacer to fill the cell leaving the image underneath. To tell you the truth, its quite an elegant solution, it had me stumped for about 5 minutes. Anyways, the easiest way I got the image was to just save the page then find the image in the files folder. Hope I've helped! edit: damn HTML, all carrots replaced with brackets Last edited by yakimushi; 09-21-2003 at 07:42 AM..

09-21-2003, 02:53 PM	#3 (permalink)
Sion Dumb all over...a little ugly on the side Location: In the room where the giant fire puffer works, and the torture never stops.	"To tell you the truth, its quite an elegant solution, it had me stumped for about 5 minutes. Anyways, the easiest way I got the image was to just save the page then find the image in the files folder." shit, I shoulda thought of that. thanks a bunch. __________________ He's the best, of course, of all the worst. Some wrong been done, he done it first. -fz I jus' want ta thank you...falettinme...be mice elf...agin...

09-21-2003, 07:10 PM	#5 (permalink)
spectre Junkie	I fixed your post so it doesn't screw with the page. Try posting it again, but use &lt; for < and &gt; for > That should make it so you can post the code without issue. __________________ "Fuck these chains No goddamn slave I will be different" ~ Machine Head

09-21-2003, 03:01 PM	#4 (permalink)
thebigk Insane	I was going to suggest doing a screen capture and then cropping and saving - but saving the page works too.