I can’t seem to be able to get a few things to show up correctly in my comment box on my webpage. I can’t post the address because I’m a new member and am not allowed to display links. It’s inkzoid||||com|||slash our_gallery2||| dot ||| html
-
The comment box works, but the submit button is invisible even though it is in fact there and working.
-
There are white lines directly above the text area field and I’m not sure how to remove them.
-
I also have images that are supposed to be placed at the top and bottom right hand corners of the text area to give the illusion of rounded corners.
Thanks in advance for your help
Alex
Here’s the CSS:
div.hcb-shadow-tl {background:url(shadow-bg.jpg) top left;}
div.hcb-shadow-tr {background:url(shadow-bg.jpg) top right;}
div.hcb-shadow-bl {background:url(shadow-bg.jpg) bottom left;}
div.hcb-shadow-br {background:url(shadow-bg.jpg) bottom right;}
div.hcb-shadow-t {background: url(shadow-bg-t.jpg) repeat-x;}
div.hcb-shadow-b {background: url(shadow-bg-t.jpg) repeat-x bottom;
margin-bottom: 5px;}
div.hcb-shadow-m {background: url(shadow-bg-r.jpg) repeat-y right;
padding-right: 7px;
clear:both;}
div.hcb-shadow-r {background: url(shadow-bg-l.jpg) repeat-y left;
display:block;}
div.hcb-shadow-t,div.hcb-shadow-tr,div.hcb-shadow-b,div.hcb-shadow-br,div.hcb-shadow-tl,div.hcb-shadow-bl {
background-color:white;
height:7px;
}
div.hcb-shadow-tr,div.hcb-shadow-br,div.hcb-shadow-tl,div.hcb-shadow-bl{
width:7px;
}
div.hcb-shadow-tr,div.hcb-shadow-br{
float:right;
}
div.hcb-shadow-tl,div.hcb-shadow-bl{
float:left;
}
br.hcb-shadow-clear {
display:block;
clear:both;
}
#HCB_comment_box {
position: absolute;
top: 171px;
left: 387px;
width: 415px;
height: auto;
background-color: #128911;
}
#HCB_comment_box * {
margin:0;
padding:0;
outline:0;
border-width:0;
}
#HCB_comment_box textarea.commentbox {
width:100%;
display:block;
border: 0;
background-color: #ffffff;
}
#HCB_comment_box textarea, #HCB_comment_box input.text, #HCB_comment_box input.submit {
border: 0px none transparent;
background-color: transparent;
padding-left:5px;
color: #yellow;
}
#HCB_comment_box div.hcb-wrapper {
width: 70%;
}
#HCB_comment_box input.text {
width: 70%;
}
/* the submit button */
#HCB_comment_box .submit {
cursor:pointer;
font-weight:bold;
background-color:#ffffff;
width:84px;
height:25px;
color: transparent;
}
#HCB_comment_box span.home-desc {
font-size:10px;
opacity:0.4;
}
#HCB_comment_box blockquote {
margin:0 !important;
padding:20px;
background:url(speech-bubble.jpg) no-repeat;
}
/* the individual comment display containers */
#HCB_comment_box div.comment {
border-bottom:1px solid #ffffff;
margin-bottom:5px;}
Here’s the HTML - I hope it posts correctly because I have trouble with forums sometimes interpreting the code…I’ll remove the brackets from the div and script tags just to be on the safe side.
BRACKETdiv id=“HCB_comment_box”> some website address">HTML Comment Box</a> is loading comments…</div>
BRACKETscript type=“text/javascript” language=“javascript” id=“hcb”> /BRACKET!–/ (function(){s=document.createElement(“script”);s.setAttribute(“type”,“text/javascript”);s.setAttribute(“src”, “some website address/jread?page=”+escape(window.location)+“&mod=%241%24wq1rdBcg%24r7GwXg/mW5NqXzlWiCOdB.”+“&opts=478&num=30”);if (typeof s!=“undefined”) document.getElementsByTagName(“head”)[0].appendChild(s);})(); if(typeof hcb_user==“undefined”)hcb_user={};hcb_user.submit=“”;/–>/ </script>
BRACKET!-- end some website address –>
</div>
