Not Solved [General] How can I solve this visual problem?
#1
Not Solved
Hello Comminity!
How can I solve this visual problem?
[Image: kObYl.png]

THX in advance for your help!

Greets,
blongso
Reply
#2
Not Solved
Without checking your code (can you provide a link to your forum?), I guess you're using a "white-space: nowrap" in combination with "overflow: visible".
This effect will make the element not breaking a line while the text is still forced to be displayed out of the element.
Check the CSS used in your Forum Display template(s) ...lastpost.

[ExiTuS]
[Image: logo_wernicke_8040.png]
MyBB Forum + innovative full-responsive Theme
Live-Escape-Game-Forum
Reply
#3
Not Solved
white-space: nowrap;
and
overflow: visible
are the normal CSS lines for this place by mybb and both are working fine,

It looks more like a problem with the avatars in the td. They need more space, so the standard width of the td is not enough anymore.

Simple put a "min-width" in this td.

But ExiTuS is right. We need your site to look into the browser console to give more advice.
Reply
#4
Not Solved
Have you tried tweaking it for example:

.avatarep_img.avatarep_forumindex_img {
    margin-right: 5px !important;
}

.tborder [id^="cat_"] td:nth-child(5){
    text-align: left;
}

Or:

.avatarep_img.avatarep_forumindex_img {
    margin-right: 5px !important;
}

.tborder [id^="cat_"] td:nth-child(5){
    width: 20%;
    text-align: right;
}

Or:

.avatarep_img.avatarep_forumindex_img {
    margin-right: 5px !important;
}

.tborder [id^="cat_"] td:nth-child(5){
     width: 20%;
     text-align: right;
}

.tborder [id^="cat_"] td:nth-child(4){
     width: 5%;
}

.tborder [id^="cat_"] td:nth-child(3){
     width: 5%;
}

etc, etc...
Reply


Forum Jump:


Users browsing this thread: 1 Guest(s)