anyway to place image over text in html table??? - GoFuckYourself.com

xxweekxx · 08-26-2009, 05:35 PM

ok say you have a simple html table.. like

<table width="461" height="157" border="0">
<tr>
<td nowrap="nowrap">I am a table..</td>
</tr>
</table>

Is there a way to say use an image to kinda be the background of the table, but the text will be underneath??

basically lets say i have the text "I am a table", and i have some white blank image, can i use that image to cover up the text or overlap the text.. ive seen this done somewhere..

xxweekxx · 08-26-2009, 05:54 PM

basically using an image as a foreground, so it covers up the text in the table?

BaldBastard · 08-26-2009, 05:57 PM

you use the image as the table background, make the table to same size as the pic
then you can write on top of the pic

potter · 08-26-2009, 06:01 PM

Trying to figure out some black hat SEO are we?

You could do it very easily with CSS. Why do you need a table?

Voodoo · 08-26-2009, 06:02 PM

I believe they cover this in HTML 101.

FlexxAeon · 08-26-2009, 06:04 PM

more or less you'd have to float the image using CSS and use "position: absolute" so that it will go on top of whatever is in its way

....and i hope this isn't for SEO

woj · 08-26-2009, 06:13 PM

for more great seo tips, visit www.pr10.com

xxweekxx · 08-26-2009, 06:41 PM

not seo at all. i dont even do seo.. its for other blackhat shit..

So nobody has given me the code yet to use an image to cover the text in the table..

Jdoughs · 08-26-2009, 06:43 PM

Quote:

Originally Posted by xxweekxx

not seo at all. i dont even do seo.. its for other blackhat shit..

So nobody has given me the code yet to use an image to cover the text in the table..

Pretty sure a couple methods were both explained. And as stated, this is Grade 4 html.

xxweekxx · 08-26-2009, 06:52 PM

one method is to write on top of the image(not what i want)

the other guy said css(rather not use css)

i googled table foreground image.. nothing really coming up..
any other ideas?

Darkland · 08-26-2009, 06:57 PM

Quote:

Originally Posted by xxweekxx

one method is to write on top of the image(not what i want)

the other guy said css(rather not use css)

i googled table foreground image.. nothing really coming up..
any other ideas?

Inline styles or CSS is the ONLY way you are going to do it. No one can give you the code as the positioning requires specific placement coordinates based on where you want it on your page.

FlexxAeon · 08-26-2009, 06:59 PM

it ain't happening without CSS of some sort. maybe javascript of some sort could pull it off but that seems like pointless overkill

there's never been such a thing as "table foreground"

Basic_man · 08-26-2009, 07:06 PM

Pure CSS is the way to go!

I can do it for very cheap, just send me your webpage and I'll fix it for you. ICQ : 34916475

potter · 08-26-2009, 09:43 PM

People saying we need to see the page to do it. Or that they'll do it for "cheap"?

Yikes.

.thisisyourcontainerdiv { position: relative; z-index: 1; }
.thisistheimageclass { position: absolute; top: 0; left: 0; z-index: 2; }

<div class="thisisyourcontainerdiv">
This is text
<img src="thisistheimage.jpg" class="thisistheimageclass" />
</div>

Something like that should work.

potter · 08-26-2009, 09:46 PM

btw, wtf are you trying to do?

http://www.gofuckyourself.com/showthread.php?t=924108
http://www.gofuckyourself.com/showthread.php?t=922928
http://www.gofuckyourself.com/showthread.php?t=921591

08-26-2009, 05:35 PM	#1
xxweekxx Confirmed User Join Date: Oct 2002 Posts: 6,780	anyway to place image over text in html table??? ok say you have a simple html table.. like <table width="461" height="157" border="0"> <tr> <td nowrap="nowrap">I am a table..</td> </tr> </table> Is there a way to say use an image to kinda be the background of the table, but the text will be underneath?? basically lets say i have the text "I am a table", and i have some white blank image, can i use that image to cover up the text or overlap the text.. ive seen this done somewhere.. __________________ _________________ I am the best

08-26-2009, 05:54 PM	#2
xxweekxx Confirmed User Join Date: Oct 2002 Posts: 6,780	basically using an image as a foreground, so it covers up the text in the table? __________________ _________________ I am the best

08-26-2009, 06:01 PM	#4
potter Confirmed User Industry Role: Join Date: Dec 2004 Location: Denver Posts: 6,559	Trying to figure out some black hat SEO are we? You could do it very easily with CSS. Why do you need a table? __________________

08-26-2009, 06:02 PM	#5
Voodoo ♥ ♦ ♣ ♠ Industry Role: Join Date: Sep 2002 Location: Porn Valley, CA Posts: 10,590	I believe they cover this in HTML 101. __________________ "I'm selflessly supporting the common good, but only coincidentally looking out for No.1."

08-26-2009, 06:04 PM	#6
FlexxAeon Confirmed User Industry Role: Join Date: May 2003 Posts: 3,765	more or less you'd have to float the image using CSS and use "position: absolute" so that it will go on top of whatever is in its way ....and i hope this isn't for SEO __________________ flexx [dot] aeon [at] gmail

08-26-2009, 05:57 PM	#3
BaldBastard Too lazy to set a custom title Industry Role: Join Date: Jan 2001 Location: Sydney Posts: 15,923	you use the image as the table background, make the table to same size as the pic then you can write on top of the pic

08-26-2009, 06:13 PM	#7
woj <&(©¿©)&> Industry Role: Join Date: Jul 2002 Location: Chicago Posts: 47,882	for more great seo tips, visit www.pr10.com __________________ Custom Software Development, email: woj#at#wojfun#.#com to discuss details or skype: wojl2000 or gchat: wojfun or telegram: wojl2000 Affiliate program tools: Hosted Galleries Manager Banner Manager Video Manager Wordpress Affiliate Plugin Pic/Movie of the Day Fansign Generator Zip Manager

08-26-2009, 06:41 PM	#8
xxweekxx Confirmed User Join Date: Oct 2002 Posts: 6,780	not seo at all. i dont even do seo.. its for other blackhat shit.. So nobody has given me the code yet to use an image to cover the text in the table.. __________________ _________________ I am the best

08-26-2009, 06:52 PM	#10
xxweekxx Confirmed User Join Date: Oct 2002 Posts: 6,780	one method is to write on top of the image(not what i want) the other guy said css(rather not use css) i googled table foreground image.. nothing really coming up.. any other ideas? __________________ _________________ I am the best

08-26-2009, 06:59 PM	#12
FlexxAeon Confirmed User Industry Role: Join Date: May 2003 Posts: 3,765	it ain't happening without CSS of some sort. maybe javascript of some sort could pull it off but that seems like pointless overkill there's never been such a thing as "table foreground" __________________ flexx [dot] aeon [at] gmail

08-26-2009, 07:06 PM	#13
Basic_man Programming King Pin Industry Role: Join Date: Oct 2003 Location: Montreal Posts: 27,360	Pure CSS is the way to go! I can do it for very cheap, just send me your webpage and I'll fix it for you. ICQ : 34916475 __________________ UUGallery Builder - automated photo/video gallery plugin for Wordpress! Stop looking! Checkout Naked Hosting, online since 1999 !

08-26-2009, 09:43 PM	#14
potter Confirmed User Industry Role: Join Date: Dec 2004 Location: Denver Posts: 6,559	People saying we need to see the page to do it. Or that they'll do it for "cheap"? Yikes. .thisisyourcontainerdiv { position: relative; z-index: 1; } .thisistheimageclass { position: absolute; top: 0; left: 0; z-index: 2; } <div class="thisisyourcontainerdiv"> This is text <img src="thisistheimage.jpg" class="thisistheimageclass" /> </div> Something like that should work. __________________

08-26-2009, 09:46 PM	#15
potter Confirmed User Industry Role: Join Date: Dec 2004 Location: Denver Posts: 6,559	btw, wtf are you trying to do? http://www.gofuckyourself.com/showthread.php?t=924108 http://www.gofuckyourself.com/showthread.php?t=922928 http://www.gofuckyourself.com/showthread.php?t=921591 __________________