|
View Full Version : .::Borders::. Stormx 03-29-2003, 06:08 PM I want a fraphic border (I have got the graphic) going on the left and top of the page. The is a corner in the top-left corner. It looks like and "r". The thing is, I can't seem to put he repeat-x and repeat-y comands to work at the same time. I am not intirely sure how to alighn the corner either but I will probably use a precise align (I haven't tried that yet). Could somone give me the CSS code? MaGiCSuN 03-29-2003, 07:40 PM what is the code you are using currently? because repeat-x and repeat-y make together just a normal 'background' for example. Love, Mirna Stormx 03-29-2003, 07:53 PM The code I am using is: <style type="text/css"> <!-- BODY {background-image: url(http://www.users.globalnet.co.uk/~timgale/gf/images/bar1.jpg); background-repeat: repeat-y;background-position: 0% 0%} BODY {background-image: url(http://www.users.globalnet.co.uk/~timgale/gf/images/bar2.jpg); background-repeat: repeat-x;background-position: 0% 0%} --> </style> Alcy 03-29-2003, 08:12 PM <body topmargin=0 leftmargin=0> <div style="background-image:url(background.gif); background-repeat:repeat-x; width:100%; height:100%;"> <div style="background-image:url(background.gif); background-repeat:repeat-y; width:100%; height:100%;"> The rest of the page goes here :) </div> </div> </body> MaGiCSuN 03-29-2003, 08:30 PM or an other way: <html> <head> <style type="text/css"> <!-- BODY {background-image: url(http://www.users.globalnet.co.uk/~timgale/gf/images/bar1.jpg); background-repeat: repeat-y; background-position: 0 0} --> </style></head> <body topmargin=0 leftmargin=0 marginwidth=0 marginheight=0> <table background="http://www.users.globalnet.co.uk/~timgale/gf/images/bar2.jpg" width="100%" height="10"> <tr><td></td></tr></table> <div style="position: absolute; top: 0px; left: 0px"> all content in here</div> </body></html> Love, Mirna Stormx 03-29-2003, 08:46 PM Wow, thanks. I had to mess around wiith that a bit to get the corner in but I ended up with <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <body topmargin="0" leftmargin="0"> <div style="background: transparent url(http://www.users.globalnet.co.uk/~timgale/gf/images/bar2.jpg) repeat-x scroll 0% 0%; width: 100%; height: 100%;"> <div style="background: transparent url(http://www.users.globalnet.co.uk/~timgale/gf/images/bar1.jpg) repeat-y scroll 0% 0%; width: 100%; height: 100%;"> <img style="position: absolute; top: 0px; left: 0px; width: 10px;" src="http://www.users.globalnet.co.uk/%7Etimgale/gf/images/bar3.jpg"> </div> </div> Thanks again! |