Chatbox unreadable; messing up forum
4 posters
Page 1 of 1
Chatbox unreadable; messing up forum
Okay, so I've read other topics that have had the same problem, and it's not working. I can't change it via CSS, it brings errors.
Here's what it looks like:
Whenever I edit the CSS code, this comes up:
I've reread it. I need help, please.
Here's what it looks like:
Whenever I edit the CSS code, this comes up:
Error
Detected error
We have counted a different number of "{" and of "}". It means your CSS risks to be not valid and will not be posted correctly on your forum.
We advise you to reread your code.
I've reread it. I need help, please.
Starflight73- New Member
- Posts : 2
Reputation : 0
Language : English
Re: Chatbox unreadable; messing up forum
It may be your CSS code, not covered by the "}" or you forgot to add "{", maybe you should look at CSS code,must begin "{" and end with "}"
Re: Chatbox unreadable; messing up forum
It's a fair point, but I've checked it many times.
Starflight73- New Member
- Posts : 2
Reputation : 0
Language : English
Re: Chatbox unreadable; messing up forum
try to see the css at the bottom, sometimes the bug there.
Css cover sign is missing or not? "}" if it does not exist "}" you can add a mark. "}"
make sure the css is always preceded by "{" and ends with "}"
sorry if I'm wrong.
Css cover sign is missing or not? "}" if it does not exist "}" you can add a mark. "}"
make sure the css is always preceded by "{" and ends with "}"
sorry if I'm wrong.
Re: Chatbox unreadable; messing up forum
For the chatbox check the row padding in CSS
- Code:
.chatbox_row_1 {
background-color: #EFEFEF;
padding: 4px;
}
.chatbox_row_2 {
background-color: #DEE3E7;
padding: 4px;
}
.chatbox_row_3 {
background-color: #D1D7DC;
padding: 4px;
}
Nera.- Energetic
- Posts : 7078
Reputation : 2017
Language : English
Location : -
Re: Chatbox unreadable; messing up forum
I have the same problem atm...
But I don't get a error when editting the CSS. The padding is allright for me.
Here is my Chat CSS code:
But I don't get a error when editting the CSS. The padding is allright for me.
Here is my Chat CSS code:
- Code:
/* Chatbox-------------------------------------------------------------*/
body.chatbox {
background-image: none;
padding: 0;
margin: 0;
background-color: #ffffff;
}
#chatbox_header {
height: 30px;
}
#chatbox_header.main-head {
padding: 0 1.3em;
color: #000000;
background-color: #000000;
}
.chatbox-title,.chatbox-title a.chat-title {
color: #000000;
text-decoration: none;
}
.chatbox-title {
float: left;
margin: 0;
padding: 2px 5px 0 5px;
width: 15em;
}
.chatbox-options {
float: right;
list-style: none;
font-size: 11px;
margin: 0.7em 0.5em 0.5em 0.5em;
}
.chatbox-options li {
display:inline;
}
.chatbox-options li,.chatbox-options li a,.chatbox-options li label {
color: #dedfdf;
}
#chatbox_members {
position: absolute;
top: 30px;
bottom: 30px;
width: 180px;
overflow: auto;
border-right: 1px dashed #ccc;
}
#chatbox_messenger_form {
margin: 10px 0 0 0;
}
#chatbox_members .member-title {
text-align: center;
padding: 0.5em 0.25em;
background-image: none;
font-size: 12px;
background-color: #f4f9fd;
font-family: Verdana,Arial,Helvetica,sans-serif;
}
#chatbox_members ul {
list-style: none;
margin: 0 0 0 1em;
}
#chatbox_members ul li {
margin: 0.5em 0.5em 0.5em 0;
}
#chatbox {
position: absolute;
top: 30px;
left: 181px;
right: 0;
bottom: 30px;
overflow: auto;
line-height: 10px;
}
#chatbox p {
line-height: 1.2em;
}
.chatbox_row_1 {
padding: 4px;
background-color: #fbfbfb;
}
.chatbox_row_2 {
padding: 4px;
background-color: #f4f4f4;
}
.chatbox_row_3 {
padding: 4px;
background-color: #f4f9fd;
}
#chatbox .user {
font-weight: bold;
}
.memberlist_row_1 {
background-color: #fbfbfb;
}
#chatbox_footer {
position: absolute;
bottom: 0;
left: 0;
right: 0;
border-top: 1px dashed #ccc;
}
#message,#submit_button{
border-width: 1px;
}
.fontbutton {
padding: 1px;
cursor: pointer;
text-align: left;
}
.fontbutton_normal {
background: #E1E1E2;
}
.fontbutton_selected {
background: #BBC7CE;
border: 1px solid #22229C;
}
.fontbutton_clicked {
background: #959595;
border: 1px solid #22229C;
}
.fontbutton_hover {
background: #E1E1E2;
border: 1px solid #22229C;
}
.fontbutton {
background:#E1E1E2 none repeat scroll 0%;
border:medium none;
color:#000000;
float:left;
margin-right:10px;
padding:1px;
}
/*Internet Explorer fixers and hacks for Chatbox *
/* html #chatbox-members {
/* IE expressions helping IE work in Standards mode */
height: expression(( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 3) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px");
}
* html #chatbox {
/* IE expressions helping IE work in Standards mode */
height: expression(( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 3) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px");
width: expression(( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 10) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 1) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 1.3) ) + "px");
}
* html #chatbox-footer {
/* IE expressions helping IE work in Standards mode */
width: expression(( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 0) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 0) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px");
}
#chatbox_contextmenu {
border: 2px solid black;
background-color: #f4f9fd;
}
#chatbox_contextmenu p {
margin:0;
padding: 1px 4px;
font-family: verdana, arial, sans-serif;
background: #fbfbfb;
border-bottom:1px solid #777;
}
#chatbox_contextmenu p.hover {
background: #f4f4f4;
}
#chatbox_contextmenu p.close {
padding: 1px;
font-size: 95%;
color:#fff;
background: url('');
}
#chatbox_contextmenu p.close img {
vertical-align: middle;
padding-left: 20px;
}
#chatbox_contextmenu a {
color: #00569c;
text-decoration: none;
font-size: 95%;
}
#chatbox_contextmenu a:hover {
color: ;
}
Similar topics
» Chatbox is messing up
» Forum Messing Up - Don't Know How To Fix
» Help with my forum, it is messing up
» Ads keep messing up using the forum
» White Text/Unreadable Text in Forum
» Forum Messing Up - Don't Know How To Fix
» Help with my forum, it is messing up
» Ads keep messing up using the forum
» White Text/Unreadable Text in Forum
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum