can someone tell me how to do this???

~~Sourcer_2002~~ · Oct 9, 2002, 02:58 AM

so do i make a graphic and then make a table and put it below that with a border?
Or i am i way off?

Edit i wanna make the graident thing. the graphic that incoles my user name.

UberLord · Oct 9, 2002, 01:19 PM

Cyborg's the man to answer this one - he does the nitty gritty like that around here

~~Sourcer_2002~~ · Oct 9, 2002, 04:48 PM

i figured out that out but not how do make it fluch it still leaves a little space betweent he graphic and the text cell

Jeff · Oct 12, 2002, 03:02 AM

You have to do a background image on the cell, here's an example:

Code:

asymlt;table cellspacing="0" cellpadding="0" style="border:0px;"asymgt;
 asymlt;trasymgt;
 asymlt;td style="border:1px solid black; background-image: url("table_header.jpg");"asymgt;
 asymlt;div style="text-align:center;"asymgt;
 Welcome Sourcer_2002!
 asymlt;/divasymgt;
 asymlt;/tdasymgt;
 asymlt;/trasymgt;
asymlt;/tableasymgt;

Now you could do those with CSS Classes as well. (But I thought i'd show it to you this way)

Anyways, that the basic Idea, you can add a margin around the text using CSS as well, so instead of asymlt;div style="text-align:center;"asymgt; you would have asymlt;div style="text-align:center; margin:3px;"asymgt;

(Also note that i did that in XHTML style, (which is also valid HTML 4.x) but you could do it easier.)

Well there you go, have fun, and don't hesitate to ask questions!

~~Sourcer_2002~~ · Oct 12, 2002, 06:59 AM

cool thanks a lot man if i got any more guestions i let u know.

Oct 9, 2002, 02:58 AM	#1
~~Sourcer_2002~~ BANNED Join Date: Jul 2002 Location: Indiana , USA Posts: 2,677 Rep Power: 0	can someone tell me how to do this??? so do i make a graphic and then make a table and put it below that with a border? Or i am i way off? Edit i wanna make the graident thing. the graphic that incoles my user name.

Oct 9, 2002, 01:19 PM	#2
UberLord A Legend in Underwear Join Date: May 2002 Location: Unknown Posts: 5,255 Rep Power: 0	Cyborg's the man to answer this one - he does the nitty gritty like that around here __________________ Gentoo Linux - Developer (baselayout) Read my blog "I contend that we are both atheists. I just believe in one fewer god than you do. When you understand why you dismiss all the other possible gods, you will understand why I dismiss yours." Stephen Roberts

Oct 12, 2002, 03:02 AM	#4
Jeff Yarr... I be blind! Join Date: May 2002 Location: Calgary, Canada Posts: 3,191 Rep Power: 80	You have to do a background image on the cell, here's an example: Code: asymlt;table cellspacing="0" cellpadding="0" style="border:0px;"asymgt; asymlt;trasymgt; asymlt;td style="border:1px solid black; background-image: url("table_header.jpg");"asymgt; asymlt;div style="text-align:center;"asymgt; Welcome Sourcer_2002! asymlt;/divasymgt; asymlt;/tdasymgt; asymlt;/trasymgt; asymlt;/tableasymgt; Now you could do those with CSS Classes as well. (But I thought i'd show it to you this way) Anyways, that the basic Idea, you can add a margin around the text using CSS as well, so instead of asymlt;div style="text-align:center;"asymgt; you would have asymlt;div style="text-align:center; margin:3px;"asymgt; (Also note that i did that in XHTML style, (which is also valid HTML 4.x) but you could do it easier.) Well there you go, have fun, and don't hesitate to ask questions! __________________

Oct 9, 2002, 04:48 PM	Thread Starter #3
~~Sourcer_2002~~ BANNED Join Date: Jul 2002 Location: Indiana , USA Posts: 2,677 Rep Power: 0	i figured out that out but not how do make it fluch it still leaves a little space betweent he graphic and the text cell

Oct 12, 2002, 06:59 AM	Thread Starter #5
~~Sourcer_2002~~ BANNED Join Date: Jul 2002 Location: Indiana , USA Posts: 2,677 Rep Power: 0	cool thanks a lot man if i got any more guestions i let u know.