Text Overlapping
5 posters
Page 1 of 1
Text Overlapping
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
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
- Posts : 565
Reputation : 10
Language : portuguese
Re: Text Overlapping
Hi,
Can you please provide the forum URL? Thank you. =)
Regards,
Sir Chivas.
Can you please provide the forum URL? Thank you. =)
Regards,
Sir Chivas.
Sir Chivas™- Helper
- Posts : 6965
Reputation : 457
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||
Re: Text Overlapping
http://namelesscraft.org
it happends when I check my own profile or other's, not sure if happends somewhere else
Thank you for the help
it happends when I check my own profile or other's, not sure if happends somewhere else
Thank you for the help
angel_of_night- Forumember
- Posts : 565
Reputation : 10
Language : portuguese
Re: Text Overlapping
At this to your CSS (for the text on the left side):
- Code:
.nav {
margin-bottom: 10px;
}
Lost Founder's Password |Forum's Utilities |Report a Forum |General Rules |FAQ |Tricks & Tips
You need one post to send a PM.
You need one post to send a PM.
When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
Re: Text Overlapping
That code didn't work.
And sorry, I don't know what link in the right side.
And sorry, I don't know what link in the right side.
angel_of_night- Forumember
- Posts : 565
Reputation : 10
Language : portuguese
Re: Text Overlapping
Try this one:
Add to friends
Add to foe
- Code:
.nav {
margin-bottom: 10px !important;
}
Add to friends
Add to foe
Lost Founder's Password |Forum's Utilities |Report a Forum |General Rules |FAQ |Tricks & Tips
You need one post to send a PM.
You need one post to send a PM.
When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
Re: Text Overlapping
Didn't work either
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
EDIT: I realized now the code fixed the "NamelessCraft :: View the profile :: (user) but not the "add friend, add foe"
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
- Posts : 565
Reputation : 10
Language : portuguese
Re: Text Overlapping
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.
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.
Sir Chivas™- Helper
- Posts : 6965
Reputation : 457
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||
Re: Text Overlapping
I did thank you very much to put much effort trying to solve it
angel_of_night- Forumember
- Posts : 565
Reputation : 10
Language : portuguese
Re: Text Overlapping
What's your screen's resolution. This is the way I see it.
My screen resolution: 1920x1080
Just trying to fix that part.
Okay, check what this does. Add it inside the CSS.
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™- Helper
- Posts : 6965
Reputation : 457
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||
Re: Text Overlapping
No still the same.
Also this page has problems http://www.namelesscraft.org/profile?mode=editprofile
Also this page has problems http://www.namelesscraft.org/profile?mode=editprofile
angel_of_night- Forumember
- Posts : 565
Reputation : 10
Language : portuguese
Re: Text Overlapping
What browser are you using?
Sir Chivas™- Helper
- Posts : 6965
Reputation : 457
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||
Re: Text Overlapping
Hi!
Add to CSS Stylesheet:
Add to CSS Stylesheet:
- Code:
.nav {
margin-bottom: 20px !important;
margin-top: 20px !important;
}
Re: Text Overlapping
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
Thanks for trying to help SGSS, but I already have that in my codes
angel_of_night- Forumember
- Posts : 565
Reputation : 10
Language : portuguese
Re: Text Overlapping
The forum version? Invision, right?
Sir Chivas™- Helper
- Posts : 6965
Reputation : 457
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||
Re: Text Overlapping
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
EDIT: Well since I changed skin cause that one was causing me trouble, you can close the topic. Thanks for all the help though
angel_of_night- Forumember
- Posts : 565
Reputation : 10
Language : portuguese
Re: Text Overlapping
Thread Garbaged, since the user installed a new skin altogether.
Sanket- ForumGuru
- Posts : 48766
Reputation : 2830
Language : English
Location : Mumbai
Similar topics
» Overlapping Forum text
» Vote Poll Bar Overlapping Text
» Profile info overlapping text in Invision!wat to do???
» nearlly ready to launch forum,then i come across this problem..overlapping text
» overlapping posts!?
» Vote Poll Bar Overlapping Text
» Profile info overlapping text in Invision!wat to do???
» nearlly ready to launch forum,then i come across this problem..overlapping text
» overlapping posts!?
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum