lickity Posted September 23, 2006 Share Posted September 23, 2006 im trying to get the effect of the nuke tables into a css format, ive looked upmultpul css backgrounds and it seems like the way to go.think this is how the code would look background-image: url(tl.png), url(tm.png), url(tr.png), url(ml.png), url(mm.png), url(mr.png), url(bl.png), url(bm.png), url(br.png);background-position: top left, top center, top right, center left, center center, center right, bottum left, bottum center, bottum right;background-repeat: no-repeat, repeat-x, no-repeat, repeat-y, repeat, repeat-y, no-repeat, repeat-x, no-repeat; am i missing anything here? i cant test it right now cause i gotta go but trying to find out in my spare time =Pthis is what im want | this is what im using Link to comment Share on other sites More sharing options...
DeathRay2K Posted September 24, 2006 Share Posted September 24, 2006 You misspelled bottom, and more importantly multiple backgrounds don't work prior to CSS3, and only WebKit supports them right now. Link to comment Share on other sites More sharing options...
aquatsr Posted September 24, 2006 Share Posted September 24, 2006 Why not just use images in a table format? The outer table cells would be your border and top and the center cell would be your content. Otherwise use divisions. Link to comment Share on other sites More sharing options...
lickity Posted September 25, 2006 Author Share Posted September 25, 2006 yeah bad habbit on the bottom spelling, but since it doesnt work anyways, how do i go about using these divisions?as for table format, this is what it looks like this is what its at right now <html><body bgcolor="000000"><table width="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="30" height="25" background="http://www.sol-gaming.net/themes/zoneCopper/images/darkSilverHeader_01.gif"></td> <td height="25" background="http://www.sol-gaming.net/themes/zoneCopper/images/darkSilverHeader_03.gif"><div align="center"></div></td> <td width="30" height="25" background="http://www.sol-gaming.net/themes/zoneCopper/images/darkSilverHeader_05.gif"></td></tr></table><table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="000000"><tr> <td width="16" background="http://www.sol-gaming.net/themes/zoneCopper/images/darkSilverFooter_05.gif"><img src="http://www.sol-gaming.net/themes/zoneCopper/images/darkSilverFooter_05.gif"></td> <td width="50%" align="left" border="1"><div align="center"> content goes here <td width="16" background="http://www.sol-gaming.net/themes/zoneCopper/images/darkSilverFooter_06.gif"><img src="http://www.sol-gaming.net/themes/zoneCopper/images/darkSilverFooter_06.gif"></td></tr></table><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="16"><img src="http://www.sol-gaming.net/themes/zoneCopper/images/darkSilverFooter_01.gif" width="16" height="13"></td> <td height="13" background="http://www.sol-gaming.net/themes/zoneCopper/images/darkSilverFooter_02.gif"><img src="themes/zoneCopper/images/darkSilverFooter_02.gif" width="1" height="13"></td> <td width="16"><img src="http://www.sol-gaming.net/themes/zoneCopper/images/darkSilverFooter_04.gif" width="16" height="13"></td></tr></table></div></body></html> Link to comment Share on other sites More sharing options...
lickity Posted October 24, 2006 Author Share Posted October 24, 2006 how do i do this with divs anyone? Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now