The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Text Overlapping

View previous topic View next topic Go down

In progress Text Overlapping

Post by angel_of_night on February 26th 2013, 11:08 pm

Hello.
In some places of my forum text is overlapping.





I am not sure about which CSS code is needed to change this. Thank you

angel_of_night
Forumember

Female Posts : 565
Reputation : 10
Language : portuguese

Back to top Go down

In progress Re: Text Overlapping

Post by Sir Chivas™ on February 26th 2013, 11:32 pm

Hi,

Can you please provide the forum URL? Thank you. =)


Regards,
Sir Chivas.



Attention!
- Please provide your forum URL at all times.
- When the issue is solved, please mark it as solved.



Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6783
Reputation : 430
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

In progress Re: Text Overlapping

Post by angel_of_night on February 27th 2013, 12:13 am

http://namelesscraft.org

it happends when I check my own profile or other's, not sure if happends somewhere else Smile
Thank you for the help

angel_of_night
Forumember

Female Posts : 565
Reputation : 10
Language : portuguese

Back to top Go down

In progress Re: Text Overlapping

Post by SLGray on February 27th 2013, 12:21 am

At this to your CSS (for the text on the left side):
Code:
.nav {
    margin-bottom: 10px;
}
Guests can not see the links on the right side.


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 36748
Reputation : 2449
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

In progress Re: Text Overlapping

Post by angel_of_night on February 27th 2013, 1:07 am

That code didn't work.

And sorry, I don't know what link in the right side.

angel_of_night
Forumember

Female Posts : 565
Reputation : 10
Language : portuguese

Back to top Go down

In progress Re: Text Overlapping

Post by SLGray on February 27th 2013, 1:17 am

Try this one:
Code:
  .nav {
        margin-bottom: 10px !important;
    }
These ones on the right side:
Add to friends
Add to foe


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 36748
Reputation : 2449
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

In progress Re: Text Overlapping

Post by angel_of_night on February 27th 2013, 1:36 am

Didn't work either Sad
This is my CSS code:
But I also don't understand if its the widgets that are doing it..
and f you click profile in any member, you can also see the overlap

Code:
body {
    background-attachment: fixed;
    background-color: #000000;
    background-image: url("http://i43.servimg.com/u/f43/14/73/12/96/bg-bod10.gif");
    background-position: center center;
    background-repeat: repeat;
    color: #E6E6E6;
}

#format-buttons {
    border: 1px solid #444;
    padding: 3px;
}

#forum_stats {
    background: #222;
    border: 0px solid #333;
    float: right;
    margin-right: 10px;
    min-width: 150px !important;
    padding: 8px;

}

#post_no {
    color: #E6B759;
    font-size: 14px;
}
#topics_no {
    color: #E6B759;
    font-size: 14px;
}


#page-body {
    margin-top: 15px;
}

.gen {
    font-size: 12px;
    margin-top: 10px;
}

.my_legend {
    border: 1px solid #111;
    padding: 4px;
    background:transparent url(http://i43.servimg.com/u/f43/14/73/12/96/menu_b10.png)  center no-repeat;
    margin: auto;
    width: 350px;
    -webkit-box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
    -moz-box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
    box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

#page-footer {
    background: url(http://img96.imageshack.us/img96/4231/70374949.png) bottom right no-repeat;
    height: 55px;
}

a:link {
    color: #E6B759;
    text-decoration: none;
}
a:visited {
    color: #E6B759;
}
a:active {
    color: #E6B759;
}
a:hover {
    text-decoration: none !important;
    color: #fdfdfd!important;
}

.bodyline{
    background-color: #222;
    border: 1px #353535 solid;
    -webkit-box-shadow: 0px 0px 10px 1px #000000;
    -moz-box-shadow: 0px 0px 10px 1px #000000;
    box-shadow: 0px 0px 10px 1px #000000;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

.bodylinewidth {
    width: 1050px;
}

.postdetails {
    color: #b4b4b4;
    font-size: 10px;
}
.postbody {
    font-size: 13px;
    line-height: 18px;
    color: #b4b4b4;
    font-family: Verdana, Arial, Sans-Serif;
    padding-left: 5px;
}

.topictitle, h1, h2 {
    color: #777;
    font-size: 11px;
    font-weight: 700;
}

form#quick_reply textarea#text_editor_textarea {
    padding: 4px;
    font-size: 13px;
    font-family: Verdana, Arial, Sans-Serif;
    color: #b4b4b4;
    border: 0px;
    background: transparent;
}

.gen, .genmed, .gensmall {
    color: #eee;
}

hr {
    border: 0px solid #444;
    height: 0;
}

.code {
    background-color: #2c2c2c;
    border:solid 1px #111;
    padding: 4px;
    -webkit-box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
    -moz-box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
    box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
}
       
.spoiler_closed {
    background-color: #262626;
    border: 1px solid #1c1c1c;
    padding: 4px;
}
       
.spoiler_content {
    background-color: #262626;
    border: 1px solid #1c1c1c;
    padding: 4px;
    color: #E6E6E6;
}

.maintitle, .maintitle h1 {
    display: none;
}

.quote {
    background-color: #262626;
    border: 1px solid #111;
    color: #E6E6E6;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
    line-height: 125%;
    padding: 4px;
    -webkit-box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
    -moz-box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
    box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
}

td.row1, td.row3.over:hover {
    background-color: #222;
    border: 1px solid #111;
    -webkit-box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
    -moz-box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
    box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
}
td.row1.over:hover, td.row2 {
    background-color: #222;
    border: 1px solid #111;
    -webkit-box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
    -moz-box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
    box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
}
td.row3 {
    background-color: #222;
    border: 1px solid #111;
    -webkit-box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
    -moz-box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
    box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
}

td.row3Right, td.spaceRow {
    background-color: #222;
    border: 1px solid #111;
    -webkit-box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
    -moz-box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
    box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
}

td.cat, td.catBottom, td.catHead, td.catLeft, td.catRight, td.catSides {
    background-color: rgba(0, 0, 0, 0.1);
    border: 0px;
    height: 30px;
    background-image: url("http://i43.servimg.com/u/f43/14/73/12/96/fo-bg10.png");
}

.secondarytitle, .secondarytitle h2 {
    color: #EEEEEE;
    text-align: left;
    font-family: minecraft;
    text-shadow: 0 -1px 0 #666;
    font-size: 13px;
    padding-left: 5px;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding-top: 5px;
    font-weight: normal;
}

.cattitle {
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
}

#text_editor_iframe, input, select, textarea {
    border: 0px solid #353535;
    color: #FFFFFF;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
}
#text_editor_iframe, input.post, select, textarea.inputbox, textarea.post {
    background-color: #222222;
}

input.mainoption {
    background-color: #222;
    font-weight: 700;
}
input.liteoption {
    background-color: #222;
    font-weight: 400;
}

input, select, textarea {
    background: #111;
}

th.thBottom, th.thCornerL, th.thCornerR, th.thHead, th.thLeft, th.thRight, th.thSides, th.thTop {
    font-weight: 700;
    border: 0px;
}

.nav {
    font-size: 11px;
    font-weight: 700;
    margin-top: 30px;
    margin-bottom: 10px !important;
}
a.nav {
    text-decoration: none;
    color: #fff;
    border: 1px solid #111;
    padding: 3px;
    background: #222;
    -webkit-box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
    -moz-box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
    box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
  margin-top: 20px;
      margin-bottom: 20px; 
}

.forumlink {
    color: #E6B759!important;
    font-size: 13px;
    font-weight: bold;
}

a.forumlink:hover {
    text-decoration: none!important;
    color: #fdfdfd!important;
    text-shadow: 0 0 5px #fff;
}

a.topictitle:link {
    text-decoration: none;
    color: #E6B759!important;
    font-size: 13px;
    font-weight: normal;
}
a.topictitle:hover {
    text-decoration: none!important;
    color: #fdfdfd!important;
    text-shadow: 0 0 2px #000;
}

a.topictitle:visited {
    text-decoration: none;
    color: #E6B759;
}


a.copyright {
    text-decoration: none;
    color: #656565 !important;
    border: 1px solid #111;
    padding: 3px;
    background: #222;
    -webkit-box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
    -moz-box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
    box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.poster-profile span {
    color: #fff !important;
}

.mainmenu {
    color: #E6B759;
    font-size: 17px;
    font-weight: normal;
    font-family: Arial, sans-serif;
}

a.mainmenu {
    text-decoration: none;
    border: 1px solid #111;
    background:transparent url(http://i43.servimg.com/u/f43/14/73/12/96/menu_b10.png)  center no-repeat;
    -webkit-box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
    -moz-box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
    box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding-bottom: 4px;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 4px;
}
a.mainmenu:hover {
    text-decoration: none !important;
    color: #fdfdfd !important;
    text-shadow: 0 0 0 transparent, -1px 2px 10px #979797, 1px 0px 10px #979797;
}

.mainmenu img {
    display: none;
}

th {
    background-color: transparent;
    background-image: url("http://i43.servimg.com/u/f43/14/73/12/96/fo-bg10.png");
    color: #f1f1f1;
    font-size: 11px;
    font-weight: 700;
    height: 30px;
    padding-bottom: 2px;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 2px;
}

.forumline {
    background-color: transparent;
    border: 0px solid #111;
    margin-top: 10px;
    box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.1) inset;
}

body.chatbox {
    background-color: #222;
    background-image: none;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    min-width: 550px !important;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
}
#chatbox_members {
    border-right: 1px solid #111;
    bottom: 0px;
    overflow-x: auto;
    overflow-y: auto;
    position: absolute;
    top: 30px;
    width: 180px;
    background: #1d1d1d;
}

.chatbox_row_1 {
    background-color: #222;
    padding: 4px;
    border-top: 1px solid #111;
    border-bottom: 1px solid #111;
}
.chatbox_row_2 {
    background-color: #242424;
    padding: 4px;
}

#chatbox_members .member-title {
    background-color: #1D1D1D;
    background-image: none;
    color: #fdfdfd;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
    padding: 0.5em 0.25em;
    text-align: center;
}

#message, #submit_button {
    borderwidth: 1px;
    color: #fff;
    background: #222;
}

div#chatbox {
    color: #fff;
}

.resizebox .resize_border {
    background: #2c2c2c;
    border: 1px solid #111;
    display: block;
    padding-top: 4px;
}
.resizebox .resize_content {
    display: inline;
    padding: 3px;
}

#wrap{
width: 20% !important;
}

EDIT: I realized now the code fixed the "NamelessCraft :: View the profile :: (user) but not the "add friend, add foe"

angel_of_night
Forumember

Female Posts : 565
Reputation : 10
Language : portuguese

Back to top Go down

In progress Re: Text Overlapping

Post by Sir Chivas™ on February 27th 2013, 1:42 am

Hello,

Can you please activate my account, "TesterBeta." The way to do this,
ACP >> Users & Groups >> Inactive users.

I want to see if the browsers or the screen resolution is affecting this. blackeye

Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6783
Reputation : 430
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

In progress Re: Text Overlapping

Post by angel_of_night on February 27th 2013, 1:53 am

I did Smile thank you very much to put much effort trying to solve it

angel_of_night
Forumember

Female Posts : 565
Reputation : 10
Language : portuguese

Back to top Go down

In progress Re: Text Overlapping

Post by Sir Chivas™ on February 27th 2013, 2:11 am

What's your screen's resolution. This is the way I see it.
My screen resolution: 1920x1080



Just trying to fix that part.
Code:
table {
border-collapse: separate;
border-spacing: 4px;
border-color: gray;
}

Okay, check what this does. Add it inside the CSS.

Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6783
Reputation : 430
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

In progress Re: Text Overlapping

Post by angel_of_night on February 27th 2013, 2:22 am

No Sad still the same.
Also this page has problems http://www.namelesscraft.org/profile?mode=editprofile

angel_of_night
Forumember

Female Posts : 565
Reputation : 10
Language : portuguese

Back to top Go down

In progress Re: Text Overlapping

Post by Sir Chivas™ on February 27th 2013, 3:33 am

What browser are you using?



Attention!
- Please provide your forum URL at all times.
- When the issue is solved, please mark it as solved.



Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6783
Reputation : 430
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

In progress Re: Text Overlapping

Post by Cassius Dio on February 27th 2013, 5:36 am

Hi! Very Happy

Add to CSS Stylesheet:
Code:
.nav {
margin-bottom: 20px !important;
margin-top: 20px !important;
}

Cassius Dio
Forumember

Male Posts : 581
Reputation : 79
Language : Romanian &English
Location : Yellow Submarine

http://beatles.forummo.com/

Back to top Go down

In progress Re: Text Overlapping

Post by angel_of_night on February 27th 2013, 1:07 pm

My screen resolution is 1366x768, and I use chrome. I even tried with firefox and looks the same. My boyfriend has a resolution of 1600x900 and has the same problem.
Thanks for trying to help SGSS, but I already have that in my codes Sad

angel_of_night
Forumember

Female Posts : 565
Reputation : 10
Language : portuguese

Back to top Go down

In progress Re: Text Overlapping

Post by Sir Chivas™ on February 27th 2013, 2:47 pm

The forum version? Invision, right?



Attention!
- Please provide your forum URL at all times.
- When the issue is solved, please mark it as solved.



Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6783
Reputation : 430
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

In progress Re: Text Overlapping

Post by angel_of_night on February 27th 2013, 6:42 pm

No. Phpbb3

EDIT: Well since I changed skin cause that one was causing me trouble, you can close the topic. Thanks for all the help though Smile

angel_of_night
Forumember

Female Posts : 565
Reputation : 10
Language : portuguese

Back to top Go down

In progress Re: Text Overlapping

Post by Sanket on February 28th 2013, 3:54 am

Thread Garbaged, since the user installed a new skin altogether.

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum