xcingix
05-25-2007, 12:38 AM
NOTE: THREAD BROKEN UP INTO 2 POSTS.
Hi all,
I have a problem that is really bothering me. I have created rounded corners for my "<!-- user info -->" table using CSS. My CSS is as follows
/* ***** H1 Tags ***** */
H1 {font-family: tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; font-size: 13px;
margin: 3px 3px 0px 3px;
font-weight: bold;}
H2 {font-family: tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; font-size: 12px;
margin: 6px 3px 6px 3px;
font-weight: normal;}
/* ***** Yellow1 ***** */
.yellow1 .a,.yellow1 .b,.yellow1 .c,.yellow1 .d{height:1px}
.yellow1 .a,.yellow1 .b,.yellow1 .c,.yellow1 .d,.yellow1 .content2{background:#fff9dd;overflow:hidden;borde r:0 solid #fff9dd;border-width:0 1px}
.yellow1 .a{margin:0 5px;background:#fff9dd;border:0}
.yellow1 .b{margin:0 3px;border-width:0 2px}
.yellow1 .c{margin:0 2px}
.yellow1 .d{height:2px;margin:0 1px}
.yellow1 .content2{padding:0}
/* ***** Dark Blue ***** */
.dark_blue1{margin:0 auto;width:100%}
.dark_blue1 .a,.dark_blue1 .b,.dark_blue1 .c,.dark_blue1 .d{height:1px}
.dark_blue1 .a,.dark_blue1 .b,.dark_blue1 .c,.dark_blue1 .d,.dark_blue1 .content3{background:#e1ebf2;overflow:hidden;borde r:0 solid #e1ebf2;border-width:0 1px}
.dark_blue1 .a{margin:0 5px;background:#e1ebf2;border:0}
.dark_blue1 .b{margin:0 3px;border-width:0 2px}
.dark_blue1 .c{margin:0 2px}
.dark_blue1 .d{height:2px;margin:0 1px}
.dark_blue1 .content3{padding:0}
/* ***** Dark Blue2 ***** */
.dark_blue2{margin:0 auto;width:100%}
.dark_blue2 .a,.dark_blue2 .b,.dark_blue2 .c,.dark_blue2 .d{height:1px}
.dark_blue2 .a,.dark_blue2 .b,.dark_blue2 .c,.dark_blue2 .d,.dark_blue2 .content4{background:#b8c8d6;overflow:hidden;borde r:0 solid #b8c8d6;border-width:0 1px}
.dark_blue2 .a{margin:0 5px;background:#b8c8d6;border:0}
.dark_blue2 .b{margin:0 3px;border-width:0 2px}
.dark_blue2 .c{margin:0 2px}
.dark_blue2 .d{height:2px;margin:0 1px}
.dark_blue2 .content4{padding:0}
.yellow9{margin:0 auto;width:100%}
.yellow9 .a,.yellow9 .b,.yellow9 .c,.yellow9 .d{height:1px}
.yellow9 .a,.yellow9 .b,.yellow9 .c,.yellow9 .d,.yellow9 .content8{background:#fff9dd;overflow:hidden;borde r:0 solid #fff9dd;border-width:0 1px}
.yellow9 .a{margin:0 5px;background:#fff9dd;border:0}
.yellow9 .b{margin:0 3px;border-width:0 2px}
.yellow9 .c{margin:0 2px}
.yellow9 .d{height:2px;margin:0 1px}
.yellow9 .content8{padding:0}
.green8{margin:0 auto;width:100%}
.green8 .a,.green8 .b,.green8 .c,.green8 .d{height:1px}
.green8 .a,.green8 .b,.green8 .c,.green8 .d,.green8 .content12{background:#f5f4e0;overflow:hidden;bord er:0 solid #fff9dd;border-width:0 1px}
.green8 .a{margin:0 5px;background:#f5f4e0;border:0}
.green8 .b{margin:0 3px;border-width:0 2px}
.green8 .c{margin:0 2px}
.green8 .d{height:2px;margin:0 1px}
.green8 .content12{padding:0}
.light{margin:0 auto;width:100%}
.light .a,.light .b,.light .c,.light .d{height:1px}
.light .a,.light .b,.light .c,.light .d,.light .contentr{background:#e1ebf2;overflow:hidden;borde r:0 solid #e1ebf2;border-width:0 1px}
.light .a{margin:0 5px;background:#e1ebf2;border:0}
.light .b{margin:0 3px;border-width:0 2px}
.light .c{margin:0 2px}
.light .d{height:2px;margin:0 1px}
.light .contentr{padding:0}
.whiter{margin:0 auto;width:100%}
.whiter .a,.whiter .b,.whiter .c,.whiter .d{height:1px}
.whiter .a,.whiter .b,.whiter .c,.whiter .d,.whiter .contente{background:#eeeeee;overflow:hidden;borde r:0 solid #eeeeee;border-width:0 1px}
.whiter .a{margin:0 5px;background:#eeeeee;border:0}
.whiter .b{margin:0 3px;border-width:0 2px}
.whiter .c{margin:0 2px}
.whiter .d{height:2px;margin:0 1px}
.whiter .contente{padding:0}
.ny_postbit_bottom {
border-bottom:2px solid #e1ebf2;
}
.nymember_postbitround * {
display:block;
height:1px;
overflow:hidden;
background:#e1ebf2;
}
.nymember_postbitround1 {
border-right:1px solid #e1ebf2;
padding-right:1px;
margin-right:3px;
border-left:1px solid #e1ebf2;
padding-left:1px;
margin-left:3px;
background:#e1ebf2;
}
.nymember_postbitround2 {
border-right:1px solid #e1ebf2;
border-left:1px solid #e1ebf2;
background:#e1ebf2;
margin:0 1px;
padding:0 1px;
}
.nymember_postbitround3 {
border-right:1px solid #e1ebf2;
border-left:1px solid #e1ebf2;
margin:0 1px;
}
.nymember_postbitround4 {
border-right:1px solid #e1ebf2;
border-left:1px solid #e1ebf2;
}
.nymember_postbitround5 {
border-right:1px solid #e1ebf2;
border-left:1px solid #e1ebf2;
}
.nymember_postbitround_content {
background:#e1ebf2;
padding:0 5px;
}
.ny_roundalt1,.ny_roundnavbar,.ny_newpostbox,.ny_p ostbit,.nymember_postbitround,.ny_quicksearch,.ny_ extrabar,.ny_currentver,ny_box1,.ny_box2,.ny_box3, .ny_box4,.ny_navbits_info,.ny_poll,.ny_announcemen t,.ny_unapbutton,.ubunu_loginbox,.ny_lastpost,.ny_ announce,.ny_tags,.ny_forumhomelayout,.uf_normal_r ound,.ny_feisty_a {
display:block;
}.ny_roundnavbar *,.ny_postbit * {
display:block;
height:1px;
overflow:hidden;
background:#e1ebf2;
}
.ny_roundnavbar1,.ny_postbit1 {
border-right:1px solid #e1ebf2;
padding-right:1px;
margin-right:3px;
border-left:1px solid #e1ebf2;
padding-left:1px;
margin-left:3px;
background:#e1ebf2;
}
.ny_roundnavbar2,.ny_postbit2 {
border-right:1px solid #e1ebf2;
border-left:1px solid #e1ebf2;
background:#e1ebf2;
margin:0 1px;
padding:0 1px;
}
.ny_roundnavbar3,.ny_postbit3 {
border-right:1px solid #e1ebf2;
border-left:1px solid #e1ebf2;
margin:0 1px;
}
.ny_roundnavbar4,.ny_postbit4 {
border-right:1px solid #e1ebf2;
border-left:1px solid #e1ebf2;
}
.ny_roundnavbar5,.ny_postbit5 {
border-right:1px solid #e1ebf2;
border-left:1px solid #e1ebf2;
}
.ny_roundnavbar_content,.ny_postbit_content {
background:#e1ebf2;
padding:0 5px;
}
.ny_lastpost * {
display:block;
height:1px;
overflow:hidden;
font-size:.01em;
background:#f6f5f0;
}
.ny_lastpost1 {
margin-left:3px;
margin-right:3px;
padding-left:1px;
padding-right:1px;
border-left:1px solid #fbfaf8;
border-right:1px solid #fbfaf8;
background:#f8f7f3;
}
.ny_lastpost2 {
margin-left:1px;
margin-right:1px;
padding-right:1px;
padding-left:1px;
border-left:1px solid #fefefd;
border-right:1px solid #fefefd;
background:#f7f6f2;
}
.ny_lastpost3 {
margin-left:1px;
margin-right:1px;
border-left:1px solid #f7f6f2;
border-right:1px solid #f7f6f2;
}
.ny_lastpost4 {
border-left:1px solid #fbfaf8;
border-right:1px solid #fbfaf8;
}
.ny_lastpost5 {
border-left:1px solid #f8f7f3;
border-right:1px solid #f8f7f3;
}
.ny_lastposter {
background:#f6f5f0;
color:#000;
font:12px Tahoma, Sans, Arial, Helvetica, sans-serif;
padding:5px;
}
.ny_cat * {
display:block;
height:1px;
overflow:hidden;
font-size:.01em;
background:#FFC;
}
.ny_cat1 {
margin-left:3px;
margin-right:3px;
padding-left:1px;
padding-right:1px;
border-left:1px solid #ffffe9;
border-right:1px solid #ffffe9;
background:#ffffd8;
}
.ny_cat2 {
margin-left:1px;
margin-right:1px;
padding-right:1px;
padding-left:1px;
border-left:1px solid #fffff9;
border-right:1px solid #fffff9;
background:#ffffd5;
}
.ny_cat3 {
margin-left:1px;
margin-right:1px;
border-left:1px solid #ffffd5;
border-right:1px solid #ffffd5;
}
.ny_cat4 {
border-left:1px solid #ffffe9;
border-right:1px solid #ffffe9;
}
.ny_cat5 {
border-left:1px solid #ffffd8;
border-right:1px solid #ffffd8;
}
.ny_cater {
background:#FFC;
padding:5px;
}
.ny_cathead a:link,.ny_cathead_alink,.ny_cathead a:visited,.ny_cathead_avisited {
color:#4d4d4d;
text-decoration:none;
}
.ny_cathead {
color:#79786c;
font-weight:400;
font:normal 1.5em "Trebuchet MS",Verdana,Helvetica,Arial,sans-serif;
}
.ny_cathead a:hover,.ny_cathead a:active,.ny_cathead_ahover {
color:#79786c;
text-decoration:underline;
}
.ny_log * {
display:block;
height:1px;
overflow:hidden;
font-size:.01em;
background:#ffffff;
}
.ny_log1 {
margin-left:3px;
margin-right:3px;
padding-left:1px;
padding-right:1px;
border-left:1px solid #ffffff;
border-right:1px solid #ffffff;
background:#ffffff;
}
.ny_log2 {
margin-left:1px;
margin-right:1px;
padding-right:1px;
padding-left:1px;
border-left:1px solid #ffffff;
border-right:1px solid #ffffff;
background:#ffffff;
}
.ny_log3 {
margin-left:1px;
margin-right:1px;
border-left:1px solid #ffffff;
border-right:1px solid #ffffff;
}
.ny_log4 {
border-left:1px solid #ffffff;
border-right:1px solid #ffffff;
}
.ny_log5 {
border-left:1px solid #ffffff;
border-right:1px solid #ffffff;
}
.ny_loger {
background:#ffffff;
padding:3px;
}
If someone could take a look at it and tell me if I messed up somewhere it would be greatly appreciated.
How I implimented the rounded corners:
In the postbit template I added
<div>
<b class="ny_postbit">
<b class="ny_postbit1"><b></b></b>
<b class="ny_postbit2"><b></b></b>
<b class="ny_postbit3"></b>
<b class="ny_postbit4"></b>
<b class="ny_postbit5"></b>
</b> <div class="ny_postbit_content">
Right above
<table cellpadding="0" cellspacing="$stylevar[cellpadding]" border="0" width="100%">
<tr>
In postbit(same template) I added
</div>
<b class="ny_postbit">
<b class="ny_postbit5"></b>
<b class="ny_postbit4"></b>
<b class="ny_postbit3"></b>
<b class="ny_postbit2"><b></b></b>
<b class="ny_postbit1"><b></b></b>
</b>
</div>
Right above
<!-- / user info -->
I have to break this thread up into 2 posts. Please view second post.
Hi all,
I have a problem that is really bothering me. I have created rounded corners for my "<!-- user info -->" table using CSS. My CSS is as follows
/* ***** H1 Tags ***** */
H1 {font-family: tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; font-size: 13px;
margin: 3px 3px 0px 3px;
font-weight: bold;}
H2 {font-family: tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; font-size: 12px;
margin: 6px 3px 6px 3px;
font-weight: normal;}
/* ***** Yellow1 ***** */
.yellow1 .a,.yellow1 .b,.yellow1 .c,.yellow1 .d{height:1px}
.yellow1 .a,.yellow1 .b,.yellow1 .c,.yellow1 .d,.yellow1 .content2{background:#fff9dd;overflow:hidden;borde r:0 solid #fff9dd;border-width:0 1px}
.yellow1 .a{margin:0 5px;background:#fff9dd;border:0}
.yellow1 .b{margin:0 3px;border-width:0 2px}
.yellow1 .c{margin:0 2px}
.yellow1 .d{height:2px;margin:0 1px}
.yellow1 .content2{padding:0}
/* ***** Dark Blue ***** */
.dark_blue1{margin:0 auto;width:100%}
.dark_blue1 .a,.dark_blue1 .b,.dark_blue1 .c,.dark_blue1 .d{height:1px}
.dark_blue1 .a,.dark_blue1 .b,.dark_blue1 .c,.dark_blue1 .d,.dark_blue1 .content3{background:#e1ebf2;overflow:hidden;borde r:0 solid #e1ebf2;border-width:0 1px}
.dark_blue1 .a{margin:0 5px;background:#e1ebf2;border:0}
.dark_blue1 .b{margin:0 3px;border-width:0 2px}
.dark_blue1 .c{margin:0 2px}
.dark_blue1 .d{height:2px;margin:0 1px}
.dark_blue1 .content3{padding:0}
/* ***** Dark Blue2 ***** */
.dark_blue2{margin:0 auto;width:100%}
.dark_blue2 .a,.dark_blue2 .b,.dark_blue2 .c,.dark_blue2 .d{height:1px}
.dark_blue2 .a,.dark_blue2 .b,.dark_blue2 .c,.dark_blue2 .d,.dark_blue2 .content4{background:#b8c8d6;overflow:hidden;borde r:0 solid #b8c8d6;border-width:0 1px}
.dark_blue2 .a{margin:0 5px;background:#b8c8d6;border:0}
.dark_blue2 .b{margin:0 3px;border-width:0 2px}
.dark_blue2 .c{margin:0 2px}
.dark_blue2 .d{height:2px;margin:0 1px}
.dark_blue2 .content4{padding:0}
.yellow9{margin:0 auto;width:100%}
.yellow9 .a,.yellow9 .b,.yellow9 .c,.yellow9 .d{height:1px}
.yellow9 .a,.yellow9 .b,.yellow9 .c,.yellow9 .d,.yellow9 .content8{background:#fff9dd;overflow:hidden;borde r:0 solid #fff9dd;border-width:0 1px}
.yellow9 .a{margin:0 5px;background:#fff9dd;border:0}
.yellow9 .b{margin:0 3px;border-width:0 2px}
.yellow9 .c{margin:0 2px}
.yellow9 .d{height:2px;margin:0 1px}
.yellow9 .content8{padding:0}
.green8{margin:0 auto;width:100%}
.green8 .a,.green8 .b,.green8 .c,.green8 .d{height:1px}
.green8 .a,.green8 .b,.green8 .c,.green8 .d,.green8 .content12{background:#f5f4e0;overflow:hidden;bord er:0 solid #fff9dd;border-width:0 1px}
.green8 .a{margin:0 5px;background:#f5f4e0;border:0}
.green8 .b{margin:0 3px;border-width:0 2px}
.green8 .c{margin:0 2px}
.green8 .d{height:2px;margin:0 1px}
.green8 .content12{padding:0}
.light{margin:0 auto;width:100%}
.light .a,.light .b,.light .c,.light .d{height:1px}
.light .a,.light .b,.light .c,.light .d,.light .contentr{background:#e1ebf2;overflow:hidden;borde r:0 solid #e1ebf2;border-width:0 1px}
.light .a{margin:0 5px;background:#e1ebf2;border:0}
.light .b{margin:0 3px;border-width:0 2px}
.light .c{margin:0 2px}
.light .d{height:2px;margin:0 1px}
.light .contentr{padding:0}
.whiter{margin:0 auto;width:100%}
.whiter .a,.whiter .b,.whiter .c,.whiter .d{height:1px}
.whiter .a,.whiter .b,.whiter .c,.whiter .d,.whiter .contente{background:#eeeeee;overflow:hidden;borde r:0 solid #eeeeee;border-width:0 1px}
.whiter .a{margin:0 5px;background:#eeeeee;border:0}
.whiter .b{margin:0 3px;border-width:0 2px}
.whiter .c{margin:0 2px}
.whiter .d{height:2px;margin:0 1px}
.whiter .contente{padding:0}
.ny_postbit_bottom {
border-bottom:2px solid #e1ebf2;
}
.nymember_postbitround * {
display:block;
height:1px;
overflow:hidden;
background:#e1ebf2;
}
.nymember_postbitround1 {
border-right:1px solid #e1ebf2;
padding-right:1px;
margin-right:3px;
border-left:1px solid #e1ebf2;
padding-left:1px;
margin-left:3px;
background:#e1ebf2;
}
.nymember_postbitround2 {
border-right:1px solid #e1ebf2;
border-left:1px solid #e1ebf2;
background:#e1ebf2;
margin:0 1px;
padding:0 1px;
}
.nymember_postbitround3 {
border-right:1px solid #e1ebf2;
border-left:1px solid #e1ebf2;
margin:0 1px;
}
.nymember_postbitround4 {
border-right:1px solid #e1ebf2;
border-left:1px solid #e1ebf2;
}
.nymember_postbitround5 {
border-right:1px solid #e1ebf2;
border-left:1px solid #e1ebf2;
}
.nymember_postbitround_content {
background:#e1ebf2;
padding:0 5px;
}
.ny_roundalt1,.ny_roundnavbar,.ny_newpostbox,.ny_p ostbit,.nymember_postbitround,.ny_quicksearch,.ny_ extrabar,.ny_currentver,ny_box1,.ny_box2,.ny_box3, .ny_box4,.ny_navbits_info,.ny_poll,.ny_announcemen t,.ny_unapbutton,.ubunu_loginbox,.ny_lastpost,.ny_ announce,.ny_tags,.ny_forumhomelayout,.uf_normal_r ound,.ny_feisty_a {
display:block;
}.ny_roundnavbar *,.ny_postbit * {
display:block;
height:1px;
overflow:hidden;
background:#e1ebf2;
}
.ny_roundnavbar1,.ny_postbit1 {
border-right:1px solid #e1ebf2;
padding-right:1px;
margin-right:3px;
border-left:1px solid #e1ebf2;
padding-left:1px;
margin-left:3px;
background:#e1ebf2;
}
.ny_roundnavbar2,.ny_postbit2 {
border-right:1px solid #e1ebf2;
border-left:1px solid #e1ebf2;
background:#e1ebf2;
margin:0 1px;
padding:0 1px;
}
.ny_roundnavbar3,.ny_postbit3 {
border-right:1px solid #e1ebf2;
border-left:1px solid #e1ebf2;
margin:0 1px;
}
.ny_roundnavbar4,.ny_postbit4 {
border-right:1px solid #e1ebf2;
border-left:1px solid #e1ebf2;
}
.ny_roundnavbar5,.ny_postbit5 {
border-right:1px solid #e1ebf2;
border-left:1px solid #e1ebf2;
}
.ny_roundnavbar_content,.ny_postbit_content {
background:#e1ebf2;
padding:0 5px;
}
.ny_lastpost * {
display:block;
height:1px;
overflow:hidden;
font-size:.01em;
background:#f6f5f0;
}
.ny_lastpost1 {
margin-left:3px;
margin-right:3px;
padding-left:1px;
padding-right:1px;
border-left:1px solid #fbfaf8;
border-right:1px solid #fbfaf8;
background:#f8f7f3;
}
.ny_lastpost2 {
margin-left:1px;
margin-right:1px;
padding-right:1px;
padding-left:1px;
border-left:1px solid #fefefd;
border-right:1px solid #fefefd;
background:#f7f6f2;
}
.ny_lastpost3 {
margin-left:1px;
margin-right:1px;
border-left:1px solid #f7f6f2;
border-right:1px solid #f7f6f2;
}
.ny_lastpost4 {
border-left:1px solid #fbfaf8;
border-right:1px solid #fbfaf8;
}
.ny_lastpost5 {
border-left:1px solid #f8f7f3;
border-right:1px solid #f8f7f3;
}
.ny_lastposter {
background:#f6f5f0;
color:#000;
font:12px Tahoma, Sans, Arial, Helvetica, sans-serif;
padding:5px;
}
.ny_cat * {
display:block;
height:1px;
overflow:hidden;
font-size:.01em;
background:#FFC;
}
.ny_cat1 {
margin-left:3px;
margin-right:3px;
padding-left:1px;
padding-right:1px;
border-left:1px solid #ffffe9;
border-right:1px solid #ffffe9;
background:#ffffd8;
}
.ny_cat2 {
margin-left:1px;
margin-right:1px;
padding-right:1px;
padding-left:1px;
border-left:1px solid #fffff9;
border-right:1px solid #fffff9;
background:#ffffd5;
}
.ny_cat3 {
margin-left:1px;
margin-right:1px;
border-left:1px solid #ffffd5;
border-right:1px solid #ffffd5;
}
.ny_cat4 {
border-left:1px solid #ffffe9;
border-right:1px solid #ffffe9;
}
.ny_cat5 {
border-left:1px solid #ffffd8;
border-right:1px solid #ffffd8;
}
.ny_cater {
background:#FFC;
padding:5px;
}
.ny_cathead a:link,.ny_cathead_alink,.ny_cathead a:visited,.ny_cathead_avisited {
color:#4d4d4d;
text-decoration:none;
}
.ny_cathead {
color:#79786c;
font-weight:400;
font:normal 1.5em "Trebuchet MS",Verdana,Helvetica,Arial,sans-serif;
}
.ny_cathead a:hover,.ny_cathead a:active,.ny_cathead_ahover {
color:#79786c;
text-decoration:underline;
}
.ny_log * {
display:block;
height:1px;
overflow:hidden;
font-size:.01em;
background:#ffffff;
}
.ny_log1 {
margin-left:3px;
margin-right:3px;
padding-left:1px;
padding-right:1px;
border-left:1px solid #ffffff;
border-right:1px solid #ffffff;
background:#ffffff;
}
.ny_log2 {
margin-left:1px;
margin-right:1px;
padding-right:1px;
padding-left:1px;
border-left:1px solid #ffffff;
border-right:1px solid #ffffff;
background:#ffffff;
}
.ny_log3 {
margin-left:1px;
margin-right:1px;
border-left:1px solid #ffffff;
border-right:1px solid #ffffff;
}
.ny_log4 {
border-left:1px solid #ffffff;
border-right:1px solid #ffffff;
}
.ny_log5 {
border-left:1px solid #ffffff;
border-right:1px solid #ffffff;
}
.ny_loger {
background:#ffffff;
padding:3px;
}
If someone could take a look at it and tell me if I messed up somewhere it would be greatly appreciated.
How I implimented the rounded corners:
In the postbit template I added
<div>
<b class="ny_postbit">
<b class="ny_postbit1"><b></b></b>
<b class="ny_postbit2"><b></b></b>
<b class="ny_postbit3"></b>
<b class="ny_postbit4"></b>
<b class="ny_postbit5"></b>
</b> <div class="ny_postbit_content">
Right above
<table cellpadding="0" cellspacing="$stylevar[cellpadding]" border="0" width="100%">
<tr>
In postbit(same template) I added
</div>
<b class="ny_postbit">
<b class="ny_postbit5"></b>
<b class="ny_postbit4"></b>
<b class="ny_postbit3"></b>
<b class="ny_postbit2"><b></b></b>
<b class="ny_postbit1"><b></b></b>
</b>
</div>
Right above
<!-- / user info -->
I have to break this thread up into 2 posts. Please view second post.