the shoutbox is a mess in firefox

Status
Not open for further replies.
P

Persian Empire

New member
hello
i installed the shoutbox
in google chrome and IE shoutbox is ok
but in Firefox it is a complete mess

the icons moved to an other section under the box
view window is so small
and etc

i tried to reinstall it again
i removed completly from server and installed again
but i have same problem

do you know what should i do

thanks
 
Have you tried it on the default skin? Does it look ok for you here on DBTech? (most of the users and owners here use firefox no problem)
 
here it is ok
also i vistied my friends website it works fine

but in mine it does not
as i said it looks ok in google chrome and IE but in firefox it is a complete mess
the only change i did was to add picture for user groups

i did not change any template
but still have the problem
i had to diseable it
but if you want i can enable again and you check it
and yes in default template it is mess also
 
It sounds like your change to add pictures is messing with the alignment. Try running it on a skin etc without those changes and see how it looks.
 
Very strange. This is the first time we've had anyone have these problems, and as you can see it works fine here. Fillip H. will let you know if he can think of anything, but since it affects only your board, it must be a customisation you have performed somewhere causing the issue :(
 
myvbshout.jpg


this is how it look like
i delet mysql entries as well
removed from server installed again
even installed new theme
but nothing fixed the problem
sorry i am going off the net but i will check again tomorrow
it is now 16 hours i try to fix it
lol
thanks for replies
i forgot to say
you are all programmers and good in VB
it is quiet a long time i am looking with a slide show maker which take pictures from latest forum post
but categorised
take from 10 forums and show them in different categories

i found some source codes but i am not good enough to make them work

have look at here
www.persianhub.org
Click to expand...
this is what i want
and i know lots of people want
can you make it
 
Last edited:
The Shoutbox isn't visible to guests so I have no way to confirm, but it could look like the CSS file is missing. Try viewing the source, finding dbtech_vbshout.css and copy/paste the full URL to the CSS file into your browser and see what happens.
 
thanks again

here is my css
where should i write the url

Code: 
@charset "UTF-8";
/* CSS Document */

.collapse .blockhead .collapse img {
    position:relative;
    top:-4px;
}

.formcontrols .blockrow .dbtech_vbshout_activeusers {
    width:120px !important;
    min-width:120px !important;
    padding-left:6px;
    vertical-align:top;
}

.formcontrols .blockrow .dbtech_vbshout_padding {
    width:6px !important;
    min-width:6px !important;
}

.formcontrols .blockrow .dbtech_shoutarea_left {
    width:25%;
    float:left;
    clear:left;
}

.formcontrols .blockrow .dbtech_shoutarea_right {
    width:25%;
    float:right;
    clear:right;
}
.formcontrols .blockrow .dbtech_shouts {
    width:75%;
}

.formcontrols .blockrow .dbtech_fullshouts {
    width:100%;
}

.formcontrols .blockrow .dbtech_shouts .dbtech_vbshout_tabs.alt {
    border-bottom:1px solid {vb:stylevar postbit_background.backgroundColor};
    position:relative;
    top:1px;
    z-index:2;
}

.formcontrols .blockrow .dbtech_shouts .dbtech_vbshout_tabs.alt2 {
    border-bottom:{vb:stylevar blockhead_border};
    position:relative;
    top:{vb:stylevar blockhead_border.borderWidth}{vb:stylevar blockhead_border.units};
}

.formcontrols .blockrow .dbtech_vbshout_smallfont {
    font-size:{vb:stylevar small_fontSize};
}

.formcontrols .blockrow .dbtech_shouts .dbtech_vbshout_tabwrapper {
    border-bottom:{vb:stylevar blockhead_border};
    margin: 0px;
    padding: 0px;
}

.formcontrols .blockrow .dbtech_shouts .dbtech_vbshout_tabcontainer {
    margin: 0px;
    padding: 0px;
}

.formcontrols .blockrow .dbtech_shouts .dbtech_vbshout_tabs {
    text-align:center;
    white-space:nowrap;
    padding:5px;
    padding-top:3px;
    padding-bottom:4px;
    margin-right:6px;
    border-left:{vb:stylevar blockhead_border};
    border-right:{vb:stylevar blockhead_border};
    border-top:{vb:stylevar blockhead_border};
    font-size:{vb:stylevar small_fontSize};
}

.formcontrols .blockrow .dbtech_shouts .dbtech_vbshout_window {
    border-left:{vb:stylevar blockhead_border};
    border-right:{vb:stylevar blockhead_border};
    border-bottom:{vb:stylevar blockhead_border};
}

.formcontrols .blockrow .dbtech_shouts .dbtech_vbshout_window .dbtech_vbshout_shout {
    margin-top: 1px;
    margin-bottom: 1px;
}

.formcontrols .blockrow .dbtech_shouts .dbtech_vbshout_window .dbtech_vbshout_frame {
    border:0px !important;
    display:block;
    padding:3px;
    padding-left:5px;
    overflow:auto;
    position:relative;
}

.formcontrols .blockrow .dbtech_shouts .dbtech_vbshout_window .dbtech_vbshout_message_frame {
    /*position:absolute;
    padding-bottom:2px;*/
    width:99%;    
}

.formcontrols .blockrow .dbtech_shoutarea li textarea {
    width:95%;
    margin-bottom: 3px;
}

.editor_controls a.popupctrl.dbtech_vbshout_newchat {
    background-image:none;
    padding-{vb:stylevar right}:0;
    _padding-{vb:stylevar right}:0;
    border:0;
}
 
<font color=#FF00Admin</font>

These tags are found all over your HTML source and is the cause of this problem.
 
hi

what should i do
how should i fix it

if i give you my admin details would you be so kind to me and fix it
or guide me true that

regards
 
Last edited:
Persian Empire said:
what should i do
how should i fix it

if i give you my admin details would you be so kind to me and fix it
or guide me true that

regards
Click to expand...

The tags are found in the usergroup HTML markup, edit any usergroups with HTML Markup and you can resolved the tags there, here's an example prefix/suffix using that colour:

Prefix: <span style="color: #ff00;">
Suffix: </span>

Hope that helps :)
 
thanks alot

it was the problem
and thanks alot
it fixed
my admin user group had a picture as well
can i use this code with a picture?
how can i make it Resolved
i forgot the way to do that


may i pm you about creating a modification?
 
Last edited:
Status
Not open for further replies.

Similar threads

Ozzy47
Dragonbyte Technologies Lite vs Pro Differences
Replies
13
Views
17K
Ozzy47
Ozzy47
Top