Need help with CSS again! :)
-
If you go to my site (neeliarose.com) and click onc comments, you’ll see that some of it has a transparent background and it’s hard to read. Can someone point out what I’m missing in the code and how to change it? Thank you!
/* comment START */ #commentlist { background:#FFF; border-top:1px solid #000; border-bottom:1px solid #000; margin:0 0; padding:0 0; } #commentlist ol, #commentlist li { list-style:none; padding:0px; margin:0 0 10px 0; } #cmtswitcher { background:#FFF; font-size:10px; padding-top:5px; } #cmtswitcher a.tab, #cmtswitcher a.curtab { padding:5px 10px; margin-bottom:-1px; display:block; float:right; color:#555; text-decoration:none; } #cmtswitcher a.tab:hover, #cmtswitcher a.curtab:hover { color:#fa6ea5; } #cmtswitcher a.tab { border:1px solid #FFF; border-bottom-color:#000; } #cmtswitcher a.curtab { background:#FFF; border:1px solid #000; border-bottom-color:#FCFCFC; } #cmtswitcher .addcomment, #cmtswitcher .addtrackback { padding-left:; height:16px; line-height:16px; display:block; font-size:11px; float:left; margin-right:15px; margin-top:4px !important; margin-top:3px; } #cmtswitcher .addcomment { background:; } #cmtswitcher .addtrackback { background:; } #thecomments, #thetrackbacks { padding-bottom:15px; } #thecomments .comment, #thecomments .messagebox { margin-top:15px; } .comment .author { float:left; width:81px; text-align:center; } .comment .pic { background: #FFF 100% 33% no-repeat; padding-right:14px; margin-top:10px; } .comment .name { width:67px; padding-right:14px; font-weight:bold; overflow:hidden; } .comment .avatar { padding:1px; border:1px solid #999; } .comment .info { background:#FFFFFF; float:left; padding:10px 15px 0; margin:5px 0 0 0; width:470px; } .comment .date, .trackback .date { visibility:hidden; } .comment .act, .trackback .act { float:left; font-size:10px; } .comment .content { background: #FFF; margin:0 -15px; padding:0 15px 10px; line-height:145%; } .comment .content p { margin-top:10px; } .comment .content blockquote p { margin-top:0; margin-bottom:10px; } .admincomment .author { float:right; } .admincomment .pic { background:url(img/commentpoint.png) 0% 33% no-repeat; padding-right:0; padding-left:14px; } .admincomment .name { padding-right:0; padding-left:14px; } .admincomment .info { float:left; width: } #comment_login { margin-top:15px; } #thetrackbacks { display:none; } #thetrackbacks li { margin-top:15px; } .trackback { background:#EDEFF0 url(img/box.gif) 0 0 no-repeat; padding:10px 15px 0; width:575px; } .trackback .title { background:#EDEFF0 url(img/box.gif) 100% 100% no-repeat; padding:10px 15px !important; padding:0 15px 10px; width:575px; margin:0 -15px; } #respond { padding:10px 0 0; font-size:11px; } #respond .row { margin-bottom:5px; } #respond .textfield { width:200px; } #emoticon { float:right; margin-top:1px; margin-right:10px; } #comment { width:500px; float:center; } #commentnavi { background:#EDEFF0 url(img/box.gif) 0 0 no-repeat; padding:10px 15px; font-size:11px; } #commentnavi a.page-numbers { padding:5px 7px; text-decoration:none; border:1px solid #EDEFF0; margin:0 -2px; } #commentnavi a.page-numbers:hover { background:#F7F7F7; border:1px solid #CCC; text-decoration:none; } #commentnavi span.pages { padding:0 7px 0 22px; background:url(img/icons.gif) 0 -272px no-repeat; height:16px; line-height:16px; float:left; } #commentnavi span.current { background:#F7F7F7; padding:5px 7px; border:1px solid #F7F7F7; font-weight:bold; margin:0 -2px; } #commentnavi #commentpager { line-height:16px; } #submitbox a.feed { background:url(img/bg_rss2.gif) no-repeat; padding-left:22px; height:16px; line-height:16px; display:block; float:left; } #submitbox #submit { padding:3px 6px; background:#fff; border:1px solid #000; color:#000; font-size:11px; cursor:pointer; } #submitbox #submit:hover { color:#fa6ea5; } #submitbox .submitbutton { float:right; } #cp_post_id { display:none; } /* comment END */
Viewing 1 replies (of 1 total)
Viewing 1 replies (of 1 total)
- The topic ‘Need help with CSS again! :)’ is closed to new replies.