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] Link to comment https://forums.phpfreaks.com/topic/71458-space-appearing-between-two-rows-but-dont-know-why/ Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.