ZDaemon

[Thadeuss]

I know this isn't ZD orientated, but I was wondering if anyone would be able to help me with this. I've recently set up a new forum for my website www.areashiftybun.com and I have applied a style to it, but part of it won't display correctly. Where the member's name is displayed in a post at the side, it seems to be cut off. I was wondering if anyone could tell me what I'm doing wrong and whether editing the code will fix it. Incidentally I know the forum header and background are a bit messed up, but they are from our old forum and are just place holders until a friend of mine finishes the design.


Can anyone help? I really don't want to edit it any more than I have as I'm not certain of what I'm doing. Any help would be greatly appreciated. Thanks.

Here's the code:

#page {
background-color: transparent
}
body {
background-color: black;
background-image: url(http://www.areashiftybun.com/images/bun%20background%20big.jpg);
background-position: center top;
background-attachment: fixed
}
#header {
background-color: transparent;
background-image: url(http://www.areashiftybun.com/images/51345bunlogo.png);
background-repeat: no-repeat;
border: none
}
#start_conversation, #forum_title, #forum_description {
display: none
}
#nav {
margin-top: 86px;
background-color: transparent
}
#sidebar, #footer {
background-color: transparent;
background-image: url(http://i76.photobucket.com/albums/j23/CJO_UK/hyltest1/nybg1.png);
border: 1px solid #FEDE3E;
color: #FFF
}
.section.last-section {
border-bottom: 1px solid #FEDE3E
}
.section.header-section, .section.first-section, .section.head-section {
border-top: 1px solid #FEDE3E
}
.section {
background-color: transparent;
background-image: url(http://i76.photobucket.com/albums/j23/CJO_UK/hyltest1/nybg1.png);
border-left: 1px solid #FEDE3E;
border-right: 1px solid #FEDE3E;
color: #FFF
}
.nav_table td {
border: 1px solid #FEDE3E
}
.nav_table thead {
background-color: #490D0C
}
.nav_table tbody {
background-color: transparent
}
.nav_table td a {
border-bottom: 1px DOTTED #FEDE3E;
color: #FEDE3E
}
.nav_table td a:hover {
border-bottom: 1px solid #FFF;
color: #FFF
}
#thread-list-page h1, #all-categories-page h2 {
background-color: #320407;
color: #fff;
border-bottom: 1px solid #FEDE3E
}
#thread-list-page .item_subtitle {
color: #FEDE3E
}
#admin_topic_panel {
background-color: transparent;
background-image: url(http://i76.photobucket.com/albums/j23/CJO_UK/hyltest1/nybg1.png);
border: 4px solid #FEDE3E
}
.page-control {
background-color: transparent;
background-image: url(http://i76.photobucket.com/albums/j23/CJO_UK/hyltest1/nybg1.png);
margin-top: -10px;
border-left: 1px solid #FEDE3E;
border-right: 1px solid #FEDE3E;
border-bottom: 1px solid #FEDE3E;
color: #FEDE3E
}
.page-control .paginator {
background-color: transparent
}
.page-control .pages a {
color: #FEDE3E
}
.post_col_head {
background-color: #320407;
color: #FFF
}
.post_col_head a {
color: #FEDE3E
}
.post_outer {
border: 1px solid #FEDE3E
}
.post_user_col {
background-color: #490D0C
}
.post_post_col {
background-color: transparent;
background-image: url(http://i76.photobucket.com/albums/j23/CJO_UK/hyltest1/nybg1.png);
color: #fff
}
.post_footer_text {
color: #000
}
.widget .title_wrapper, .widget .title_wrapper a {
background-color: #FEDE3E;
color: #320407
}
.widget .content a {
color: #FEDE3E
}
#footer a {
color: #FEDE3E;
border-bottom: 1px dotted #FEDE3E
}
#footer a:hover {
color: #FFF;
border-bottom: 1px solid #FFF
}
.start-topic-wrapper {
margin: 4px 4px 0 0
}
#forum_body #community_menu #app_forum a, #headlines_body #community_menu #app_headlines a, #members_body #community_menu #app_members a, #about_body #community_menu #app_about a {
color: #FEDE3E
}
.location {
background-color: transparent;
background-image: url(http://i76.photobucket.com/albums/j23/CJO_UK/hyltest1/nybg1.png);
border: 1px solid #FEDE3E;
padding-left: 5px;
padding-right: 5px;
color: #FEDE3E
}
.location a, .location a:visited {
color: #FEDE3E
}
a.post_author {
color: #FEDE3E
}
div.posts_user_status {
color: #FFF
}
.post_footer_text {
color: #fff
}
.post_footer_text a {
color: #FEDE3E;
font-weight: bold
}
.memberlist div.member_block a.user_name {
color: #fff
}
.info_block {
color: #FEDE3E
}
.button_link {
border: 1px solid #FEDE3E;
background-color: #320407;
color: #FEDE3E
}
.topic_title_row, .topic_title_row h1 {
color: #FEDE3E
}
.topic_category_row a {
color: #Ffffff
}
.topic_category_row a:hover {
color: #FEDE3E
}
:-moz-any-link:focus {
text-decoration: none;
outline-style: none;
outline-width: 0
}
.start-topic-wrapper .button_link {
background-color: #AC351D;
color: #fff
}
a {
color: #FEDE3E
}
*|*:visited {
color: #FEDE3E
}
div.viewmark {
background-color: transparent;
background-image: url(http://i76.photobucket.com/albums/j23/CJO_UK/hyltest1/nybg1.png);
border: 1px solid #FEDE3E;
color: #FEDE3E
}

[spacepirate]

Using margin with px can cause problems with other people's monitor.. or am I wrong with that? Maybe that is the problem, also when you test it in firefox or IE, it is also again different.

Can you show us a picture of where the awful cut off is taking place?

[Thadeuss]

This is what it kind of looks like: http://www.areashiftybun.com/screencap.jpg

So the name under the avatar is cut off. Any ideas?

[spacepirate]

Not that big of deal right, you can do a lot with 3 letters:
LOL
FUK
COK
FUN
MAN
FAG
HAX

No but seriously, are those the last 3 letters or the first ones??

Does this help you anything?
http://www.pageresource.com/dhtml/csstut6.htm

[Jad]

In the page source I found that replacing the "post_user_name" class with the "post_user_status" class got the desired affect, but neither are listed in the stylesheet you provided. I suppose if you could find the relevant stylesheet, you could just replace the "post_user_name" class values with that of the "post_user_status" class.

[BAZOOKA]

What web browsing are you using Thad?
I see it perfectly with Firefox and i tested with IE6 and it is ok. The names are not cut.

[Thadeuss]

Oh, awesome, thx bazooka maybe it's something my side, I'm using Google Chrome.

[Sniper]

seems ok to me on firefox mate

[Geit-vd-plas]

Overall it seems to be ok. Your source code is a mess though. It's not bad, but it's not good practise.

For example,