jordanwb Posted October 2, 2007 Share Posted October 2, 2007 Stylesheet (as seperate file): @charset "utf-8"; /* CSS Document */ .menu { border-collapse:collapse; border-width:0px; padding:0px; margin:0px; width:200px; } .top_left { background-image:url(images/top_left.jpg); background-repeat:no-repeat; border-collapse:collapse; width:18px; height:18px; padding:0px; margin:0px; } .top_center { background-image:url(images/top_center.jpg); background-repeat:repeat; border-collapse:collapse; height:18px; padding:0px; margin:0px; } .top_right { background-image:url(images/top_right.jpg); background-repeat:no-repeat; border-collapse:collapse; width:18px; height:18px; padding:0px; margin:0px; } .center_left { background-image:url(images/center_left.jpg); background-repeat:repeat; border-collapse:collapse; width:18px; padding:0px; margin:0px; } .center_center { background-image:url(images/center_center.jpg); background-color:#CAC998; background-repeat:no-repeat; border-collapse:collapse; padding:0px; margin:0px; } .center_right { background-image:url(images/center_right.jpg); background-repeat:repeat; border-collapse:collapse; width:18px; padding:0px; margin:0px; } .bottom_left { background-image:url(images/bottom_left.jpg); background-repeat:no-repeat; border-collapse:collapse; width:18px; height:18px; padding:0px; margin:0px; } .botton_center { background-image:url(images/bottom_center.jpg); background-repeat:repeat-x; border-collapse:collapse; height:18px; padding:0px; margin:0px; } .bottom_right { background-image:url(images/bottom_right.jpg); background-repeat:no-repeat; border-collapse:collapse; width:18px; height:18px; padding:0px; margin:0px; } body { background-color:#E3DEA6; } table { border: 0px; } HTML: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Rounded Edges</title> <link href="style.css" rel="stylesheet" type="text/css"> </head> <body> <table class="menu"> <tr> <td class="top_left"> </td> <td class="top_center"> </td> <td class="top_right"> </td> </tr> <tr> <td class="center_left"> </td> <td class="center_center"> </td> <td class="center_right"> </td> </tr> <tr> <td class="bottom_left"> </td> <td class="botton_center"> </td> <td class="bottom_right"> </td> </tr> </table> </body> </html> I don't know why there's a space between the first and second row. Images used is in the attatched zip file. I'll probably figure it out when I make this post [attachment deleted by admin] Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.