The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Text Overlapping

5 posters

Go down

In progress Text Overlapping

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

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

Text Overlapping Overlap1

Text Overlapping Overlap2

I am not sure about which CSS code is needed to change this. Thank you
angel_of_night
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™ February 26th 2013, 11:32 pm

Hi,

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


Regards,
Sir Chivas.
Sir Chivas™
Sir Chivas™
Helper
Helper

Male Posts : 6965
Reputation : 457
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 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
angel_of_night
Forumember

Female Posts : 565
Reputation : 10
Language : portuguese

Back to top Go down

In progress Re: Text Overlapping

Post by SLGray 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.


Text Overlapping Slgray10

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

Male Posts : 51463
Reputation : 3519
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

In progress Re: Text Overlapping

Post by angel_of_night 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
angel_of_night
Forumember

Female Posts : 565
Reputation : 10
Language : portuguese

Back to top Go down

In progress Re: Text Overlapping

Post by SLGray 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


Text Overlapping Slgray10

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

Male Posts : 51463
Reputation : 3519
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

In progress Re: Text Overlapping

Post by angel_of_night 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
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™ 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™
Sir Chivas™
Helper
Helper

Male Posts : 6965
Reputation : 457
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 February 27th 2013, 1:53 am

I did Smile thank you very much to put much effort trying to solve it
angel_of_night
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™ February 27th 2013, 2:11 am

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

Text Overlapping Statis10

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™
Sir Chivas™
Helper
Helper

Male Posts : 6965
Reputation : 457
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 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
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™ February 27th 2013, 3:33 am

What browser are you using?
Sir Chivas™
Sir Chivas™
Helper
Helper

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

Back to top Go down

In progress Re: Text Overlapping

Post by Cassius Dio 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
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 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
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™ February 27th 2013, 2:47 pm

The forum version? Invision, right?
Sir Chivas™
Sir Chivas™
Helper
Helper

Male Posts : 6965
Reputation : 457
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 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
angel_of_night
Forumember

Female Posts : 565
Reputation : 10
Language : portuguese

Back to top Go down

In progress Re: Text Overlapping

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

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

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

Back to top Go down

Back to top

- Similar topics

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