tiggeret86
05-28-2008, 10:42 PM
i can figure out why the right side of the table wont align properly. can someone help?
<html>
<head>
<style>
#main-content {
FLOAT: right; WIDTH: 530px
}
.cb H2 {
FONT-WEIGHT: bold; FONT-SIZE: 12px; BACKGROUND: url(http://i248.photobucket.com/albums/gg199/kookiebunny/left-title.gif) #1d1d1d no-repeat; FLOAT: left; TEXT-TRANSFORM: uppercase; WIDTH: 100%; COLOR: #ffffff; FONT-FAMILY: Trebuchet MS, Trebuchet,Verdana,Arial,Helvetica,sans-serif; HEIGHT: 30px
}
.cb H2 B {
BACKGROUND: url(http://i248.photobucket.com/albums/gg199/kookiebunny/right-title.gif) no-repeat right 50%; FLOAT: right; MARGIN: 0px; WIDTH: 100%; HEIGHT: 30px
}
.cb H2 B B {
PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 1px; BACKGROUND: url(http://i248.photobucket.com/albums/gg199/kookiebunny/back-title.gif) repeat-x; FLOAT: none; PADDING-BOTTOM: 0px; MARGIN: 0px 11px; WIDTH: auto; PADDING-TOP: 8px; HEIGHT: 26px
}
.cb-body {
CLEAR: left; BACKGROUND: #3f3f3f; BORDER-RIGHT: #000000 1px solid; PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 10px; PADDING-BOTTOM: 8px; OVERFLOW: hidden; BORDER-LEFT: #000000 1px solid; PADDING-TOP: 10px
}
.cb-bottom {
BACKGROUND: url(http://i248.photobucket.com/albums/gg199/kookiebunny/box-left-bottom.gif) #3f3f3f no-repeat left top; FLOAT: left; WIDTH: 100%; HEIGHT: 9px
}
.cb-bottom B {
BACKGROUND: url(http://i248.photobucket.com/albums/gg199/kookiebunny/box-right-bottom.gif) no-repeat right top; FLOAT: right; WIDTH: 100%; HEIGHT: 9px
}
.cb-bottom B B {
DISPLAY: block; BACKGROUND: none transparent scroll repeat 0% 0%; FLOAT: none; MARGIN: 0px 6px; OVERFLOW: hidden; WIDTH: auto; BORDER-BOTTOM: #000000 1px solid; HEIGHT: 8px
}
</style>
</head>
<body bgcolor="#333333">
<div id="main-content">
<div class="cb forum-post">
<h2><b><b>NEW FACES COMMUNITY FORUMS </b></b></h2>
<div class="cb-body">
<table cellspacing="1" cellpadding="0" width="100%">
<tr>
<td>test
</td>
</tr>
</table>
</div>
<b class="cb-bottom"><b><b></b></b></b>
</div>
</div>
</div>
</body>
</html>
<html>
<head>
<style>
#main-content {
FLOAT: right; WIDTH: 530px
}
.cb H2 {
FONT-WEIGHT: bold; FONT-SIZE: 12px; BACKGROUND: url(http://i248.photobucket.com/albums/gg199/kookiebunny/left-title.gif) #1d1d1d no-repeat; FLOAT: left; TEXT-TRANSFORM: uppercase; WIDTH: 100%; COLOR: #ffffff; FONT-FAMILY: Trebuchet MS, Trebuchet,Verdana,Arial,Helvetica,sans-serif; HEIGHT: 30px
}
.cb H2 B {
BACKGROUND: url(http://i248.photobucket.com/albums/gg199/kookiebunny/right-title.gif) no-repeat right 50%; FLOAT: right; MARGIN: 0px; WIDTH: 100%; HEIGHT: 30px
}
.cb H2 B B {
PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 1px; BACKGROUND: url(http://i248.photobucket.com/albums/gg199/kookiebunny/back-title.gif) repeat-x; FLOAT: none; PADDING-BOTTOM: 0px; MARGIN: 0px 11px; WIDTH: auto; PADDING-TOP: 8px; HEIGHT: 26px
}
.cb-body {
CLEAR: left; BACKGROUND: #3f3f3f; BORDER-RIGHT: #000000 1px solid; PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 10px; PADDING-BOTTOM: 8px; OVERFLOW: hidden; BORDER-LEFT: #000000 1px solid; PADDING-TOP: 10px
}
.cb-bottom {
BACKGROUND: url(http://i248.photobucket.com/albums/gg199/kookiebunny/box-left-bottom.gif) #3f3f3f no-repeat left top; FLOAT: left; WIDTH: 100%; HEIGHT: 9px
}
.cb-bottom B {
BACKGROUND: url(http://i248.photobucket.com/albums/gg199/kookiebunny/box-right-bottom.gif) no-repeat right top; FLOAT: right; WIDTH: 100%; HEIGHT: 9px
}
.cb-bottom B B {
DISPLAY: block; BACKGROUND: none transparent scroll repeat 0% 0%; FLOAT: none; MARGIN: 0px 6px; OVERFLOW: hidden; WIDTH: auto; BORDER-BOTTOM: #000000 1px solid; HEIGHT: 8px
}
</style>
</head>
<body bgcolor="#333333">
<div id="main-content">
<div class="cb forum-post">
<h2><b><b>NEW FACES COMMUNITY FORUMS </b></b></h2>
<div class="cb-body">
<table cellspacing="1" cellpadding="0" width="100%">
<tr>
<td>test
</td>
</tr>
</table>
</div>
<b class="cb-bottom"><b><b></b></b></b>
</div>
</div>
</div>
</body>
</html>