Breaking username

For support and discussion related to templates, themes, and imagesets in phpBB 3.0.
Suggested Hosts
Locked
Leo
Registered User
Posts: 20
Joined: Sun Feb 10, 2008 6:48 pm

Breaking username

Post by Leo » Sat Feb 16, 2008 10:01 pm

View this in IE and compare it to FF:

http://www.forge.empiresx.net

The name "Elena55 Suckvashhh" breaks in IE but not in FF, anyone know why? Thanks

User avatar
Matthew69
Registered User
Posts: 170
Joined: Sat Jul 28, 2007 4:37 pm
Contact:

Re: Breaking username

Post by Matthew69 » Sun Feb 17, 2008 3:17 am

Not realyl sure, but I may be how the browser reads the stylesheets and template files.

One question. Do you not want it to break?
If so maybe find where thats at in the stylesheet(s), and see if its the width is auto-adjusting. Thats just a thought, I don't know much about CSS, I just wanted to say my comments to see if they helped, if you would post the stylesheet then maybe I could show you how to fix it, not sure though.

By the way, nice style. Is it custom?
Image

Leo
Registered User
Posts: 20
Joined: Sun Feb 10, 2008 6:48 pm

Re: Breaking username

Post by Leo » Sun Feb 17, 2008 3:22 am

Oh sorry, I forgot to mention that, yes, I want it to break like how it is in IE but FF isn't doing so.

Here's the CSS:

http://forge.empiresx.net/styles/subsil ... esheet.css

Yes I made the theme, thanks!

User avatar
Matthew69
Registered User
Posts: 170
Joined: Sat Jul 28, 2007 4:37 pm
Contact:

Re: Breaking username

Post by Matthew69 » Sun Feb 17, 2008 3:28 am

okay, I am not sure if I fixed it or not, because I don't really know what is what, but try this:

Code: Select all

/*  phpBB 3.0 Style Sheet
    --------------------------------------------------------------
	Style name:		subsilver2
	Based on style:	subSilver (the default phpBB 2 style)
	Original author:	subBlue ( http://www.subBlue.com/ )
	Modified by:		psoTFX and the phpBB team ( http://www.phpbb.com )
	
	This is an alternative style for phpBB3 for those wishing to stay with
	the familiar subSilver style of phpBB version 2.x
	
	Copyright 2006 phpBB Group ( http://www.phpbb.com/ )
    --------------------------------------------------------------
*/

/* Layout
 ------------ */
* {
	/* Reset browsers default margin, padding and font sizes */	margin: 0;
	padding: 0;
}
body {
   font-family: Arial, Tahoma, sans-serif;
   background: url(/styles/subsilver2/theme/images/headerbg.jpg) repeat-x top #6D6D6D;
   font-size: 11px;
   margin: 0;
   color: #84ACC5;
}

#forge1{background: url(/styles/subsilver2/theme/images/forge1.jpg) no-repeat;width:779px; height: 152px;float:left;}
#forge2{background: url(/styles/subsilver2/theme/images/forge2.jpg) no-repeat;width:779px; height: 134px;float:left;}
#forge3{background: url(/styles/subsilver2/theme/images/forge3.jpg) no-repeat;width:779px; height: 100%;float:left;padding-left: 61px;}
#forge4{background: url(/styles/subsilver2/theme/images/forge4.jpg) no-repeat;width:779px; height: 418px;clear:both;}

#bg {
background: url(/styles/subsilver2/theme/images/footerbg.jpg) repeat-x bottom;
}

#smaller {
padding: 0 20px;
margin: 0 auto;
min-width: 650px;
width: 779px;
}

#contentbg {
background: url(/styles/subsilver2/theme/images/contentbg.jpg) repeat-y;
width: 779px;
}

#container {
width: 779px;
margin: 0 auto;
text-align: left;
}

.postsimages{
color: #86a8b1;
margin: 20px 0px 0px 200px;
}

.stats{
color: #86a8b1;
margin: 15px 0px 0px 150px;
}

.poweredby {
color: #9d9f9e;
font: 11px arial, tahoma, sans-serif;
float:left;
margin: 94px 0px 0px 240px;
width: 50%;
}

.usersonline {
color: #86a8b1;
font: 11px arial, tahoma, sans-serif;
float:left;
margin: 10px 0px 0px 125px;
width: 100%;
}

.usersonline2 {
color: #86a8b1;
font: 11px arial, tahoma, sans-serif;
margin: 0px 0px 0px 0px;
width: 180px;
}

.float {
float:left;
}

.float-right {
float:right;
}

em {
color: #c5270c;
font: bold 12px Tahoma, arial, sans-serif;
margin-right: 1px;
}

.menu {
margin: 126px 0px 0px 329px;
}

.m:link, .m:visited, .m:active {
font-size: 12px;
color: #D1D6DB;
font-weight: bold;
text-decoration: none;
cursor: default;
outline: none;
}
.m:hover {
font-size: 12px;
color: #fff;
font-weight: bold;
text-decoration: none;
cursor: default;
outline: none;
}

.date {
color: #558ea2;
margin: 18px 0px 0px 430px;
}

.topmenu {
color: #fff;
margin: 37px 0px 0px 90px;
float: left;
width: 300px;
}
.topmenu2 {
color: #fff;
float: left;
width: 300px;
margin-top: 37px;
}
.topmenu3 {
color: #79a4c7;
font-weight: bold;
float: left;
width: 480px;
margin: -24px 0px 0px 180px;
}


.m2:link, .m2:visited, .m2:active {
color: #79a4c7;
text-decoration: none;
cursor: default;
outline: none;
}
.m2:hover {
color: #85b4da;
text-decoration: none;
cursor: default;
outline: none;
}
.from-left {
margin: 0px 0px 0px 25px;
}

input, textarea {
font: 12px arial, tahoma, sans-serif;
color: #4f6d4d;
background-color: #2b2b2b;
border: 1px solid #6e5656;
padding: 3px;
}

.clear{
clear:both;
}




















#wrapheader {
	min-height: 120px;
        margin: 0 auto;
	height: auto !important;
	height: 120px;
	background-repeat: repeat-x;*/
/*	padding: 0 25px 15px 25px;*/
	padding: 0;
}

#wrapcentre {
	margin: 15px 25px 0 25px;
}

#wrapfooter {
	text-align: center;
	clear: both;
}

#wrapnav {
	width: 100%;
	margin: 0;
	background-color: #ECECEC;
	border-width: 1px;
	border-style: solid;
	border-color: #A9B8C2;
}

#logodesc {
	margin-bottom: 5px;
	padding: 5px 25px;
	background: #D9DFE4;
	border-bottom: 1px solid #4787A7;
}

#menubar {
	margin: 0 25px;
}

#datebar {
	margin: 10px 25px 0 25px;
}

#findbar {
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0;
}

.forumrules {
	background-color: #F9CC79;
	border-width: 1px;
	border-style: solid;
	border-color: #BB9860;
	padding: 4px;
	font-weight: normal;
	font-size: 1.1em;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

.forumrules h3 {
	color: red;
}

#pageheader {}
#pagecontent { }
#pagefooter { }

#poll { }
#postrow { }
#postdata { }


/*  Text
 --------------------- */
h1 {
	color: black;
	font-family: "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	font-weight: bold;
	font-size: 1.8em;
	text-decoration: none;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.5em;
	text-decoration: none;
	line-height: 120%;
}

h3 {
	font-size: 1.3em;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 120%;
}

h4 {
	margin: 0;
	font-size: 1.1em;
	font-weight: bold;
        border: 0px solid #818181;
}

p {
	font-size: 1.1em;
}

p.moderators {
	margin: 0;
	color: black;
	font-weight: bold;
}

.rtl p.moderators {
	float: right;
}

p.linkmcp {
	margin: 0;
	float: right;
	white-space: nowrap;
}

.rtl p.linkmcp {
	float: left;
}

p.breadcrumbs {
	margin: 0;
	float: left;
	color: #519e85;
	font-weight: bold;
	white-space: normal;
	font-size: 1em;
}

.rtl p.breadcrumbs {
	float: right;
}

p.datetime {
	margin: 0;
	float: right;
	white-space: nowrap;
	font-size: 1em;
}

.rtl p.datetime {
	float: left;
}

p.searchbar {
	padding: 2px 0;
	white-space: nowrap;
} 

p.searchbarreg {
	margin: 0;
	float: right;
	white-space: nowrap;
}

.rtl p.searchbarreg {
	float: left;
}

p.forumdesc {
	padding-bottom: 4px;
}

p.topicauthor {
	margin: 1px 0;
}

p.topicdetails {
	margin: 1px 0;
}

.postreported, .postreported a:visited, .postreported a:hover, .postreported a:link, .postreported a:active {
	margin: 1px 0;
	color: red;
	font-weight:bold;
}

.postapprove, .postapprove a:visited, .postapprove a:hover, .postapprove a:link, .postapprove a:active {
	color: green;
	font-weight:bold;
}

.postapprove img, .postreported img {
	vertical-align: bottom;
}

.postauthor {
	color: #000000;
        font-size: 13px;
        text-align: center;
}

.postdetails {
	color: #9c9c9c;
        font-size: 11px;
	font-family: Arial, sans-serif;
}

.postbody {
	font-size: 11px;
        text-align: justify;
        letter-spacing: 0.5px;
	font-family: Tahoma, sans-serif;
}

.postbody li, ol, ul {
	margin: 0 0 0 1.5em;
}

.rtl .postbody li, .rtl ol, .rtl ul {
	margin: 0 1.5em 0 0;
}

.posthilit {
	background-color: yellow;
}

.nav {
	margin: 0;
	color: #949494;
	font-weight: bold;
}

.pagination {
	padding: 4px;
	color: black;
	font-size: 1em;
	font-weight: bold;
}

.gen {
	margin: 0px 0px;
	font-size: 1.2em;
}

.genmed {
	margin: 0px 0px;
	font-size: 1.1em;
}

.gensmall {
	margin: 0px 0px;
	font-size: 1em;
        color: #5c93ae;
}

.copyright {
	color: #444;
	font-weight: normal;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

.titles, .titles a:link,.titles a:active, .titles a:visited {
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 1.3em;
	text-decoration: none;
        background-color: #494949;
}

.titles a:hover{
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 1.3em;
	text-decoration: none;
        background-color: #494949;
}

.error {
	color: red;
}


/* Tables
 ------------ */
th {
        
	font: bold 12px arial;
        text-transform: uppercase;
        color: #BDE1F3;
	background-color: #808080;
	white-space: nowrap;
	padding: 5px;
        border: 0px solid #818181;
}

.forumhead2 {
        
	font: bold 12px arial;
        text-transform: uppercase;
        color: #609cb9;
	background-color: #343434;
	white-space: nowrap;
	padding: 0px 5px;
        border-right: 0px solid #818181;
background: url('/styles/subsilver2/theme/images/forumhead2.jpg') no-repeat;
height: 23px;
width: 649px;
}


.forumhead3 {
        
	font: bold 12px arial;
        text-transform: uppercase;
        color: #609cb9;
	background-color: #343434;
	white-space: nowrap;
	padding: 0px 5px;
        border-right: 0px solid #818181;
background: url('/styles/subsilver2/theme/images/forumhead2.jpg') no-repeat top right;
height: 23px;
width: 649px;
}

headers {
        
	font: bold 14px arial;
        text-transform: uppercase;
        color: #609cb9;
	background-color: e5e5e5;
	white-space: nowrap;
        border: 0px;
}

td {
	padding: 0px 0px 0px 0px;
        border: 0px solid #818181;
}
td.profile {
	padding: 4px;
}

.tablebg2 {
	background: url(/styles/subsilver2/theme/images/box4.jpg) no-repeat top right;


}

.tablebg{
background-color: #000;
}
.catdiv {
	height: 28px;
	margin: 0;
	padding: 0;
	border: 0;
	background: white url('./images/cellpic2.jpg') repeat-y scroll top left;
}
.rtl .catdiv {
	background: white url('./images/cellpic2_rtl.jpg') repeat-y scroll top right;
}

.cat {
background: url('/styles/subsilver2/theme/images/forumhead.jpg') no-repeat;
height: 28px;
width: 649px;
margin: 0;
padding: 0;
border: none;
text-indent: 8px;
font: bold 12px arial;
color: #609cb9;
text-transform: uppercase;

}


.rowforums {
	background: url(/styles/subsilver2/theme/images/cell1bg.jpg) repeat-x;
        height: 57px;
	padding: 4px;
}

.rowposts{
	background: url(/styles/subsilver2/theme/images/box3.jpg) no-repeat top right;
        height: 60px;
	padding: 0px 30px;
        color: #567f98;
        font-family: tahoma;
        font-size: 10px;
}

.rowdesc{
	background-color: #3c3c3c;
        border-bottom: 1px solid #6B6C6D;
        border-right: 1px solid #6B6C6D;     
        padding: 0px 8px 0px 8px;
        color: #638FA6;
        font-family: tahoma;
        text-align: justify;
        font-size: 11px;
		width:354px;
}
.rowdesc:hover{
	background-color: #484848;
        border-right: 1px solid #939393; 
        color: #84A9BB;
}

.rowlatestposts{
	background: url(/styles/subsilver2/theme/images/box5.jpg) no-repeat top right;
        height: 60px;
        width: 110px;
	padding-right: 7px;
        color: #567f98;
        font-family: tahoma;
        font-size: 10px;
        word-wrap: break-word;
}

.topics{
        background-color: #535353;
        font: 12px bold #89B2C7;
}

.topics:hover{
        background-color: #5e5e5e;
        font: 12px bold #AEC8D6;
}

.topics2{
        background-color: #535353;
        font: 12px bold #89B2C7;
        border-right: 1px solid #7B7B7B;
}

.topics2:hover, .topics3 a:visited, .topics3 a:active{
        background-color: #5e5e5e;
        font: 12px bold #CADAE2;
        border-right: 1px solid #9F9F9F;
}

.topics3{
        background-color: #3F525F;
        font: 12px bold #AEC8D6;
}

.iconbox{
	background: url(/styles/subsilver2/theme/images/box1.jpg) no-repeat;
        height: 60px;
        width: 59px;
        color: #697f95;
        font-family: tahoma;
        text-align: justify;
        font-size: 11px;
        padding: 0px 2px 0px 2px;
}

.row3 {
	background-color: #C0C8D0;
	padding: 4px;
}

.pagesheader{
        background-color: #808080;
        padding: 5px;
        color: #BDE1F3;
        font: bold 12px arial;
}

.pagesbox{
        background-color: #484848;
        color: #96C8E0;
        padding: 5px;
        font: 11px arial;
}
.pagesbox2{
        background-color: #585858;
        color: #96C8E0;
        padding: 5px;
        font: 11px arial;
        height: 10px;
}
.userbg{
        background: url(/styles/subsilver2/theme/images/userbg.jpg) repeat-x;
        background-color: #2b2b2b;
}
.spacer {
	background-color: #D1D7DC;
}

hr {
	height: 1px;
	border-width: 0;
	background-color: #D1D7DC;
	color: #D1D7DC;
}

.legend {
	text-align:center;
	margin: 0 auto;
}

/* Links
 ------------ */
a:link {
	color: #84a9b1;
	text-decoration: none;
}

a:active,
a:visited {
	color: #84a9b1;
	text-decoration: none;
}

a:hover {
	color: #A9C6CC;
	text-decoration: underline;
}

a.forumlink {
	color: #B8B8B8;
	font-weight: bold;
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	font-size: 1.2em;
}

a.topictitle {
	margin: 1px 0;
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 1.2em;
}

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

th a,
th a:visited {
	color: #78AEC3!important;
	text-decoration: none;
}

th a:hover {
	text-decoration: underline;
}


/* BBCode
 ------------ */
.quotetitle, .attachtitle {
	margin: 10px 5px 0 5px;
	padding: 4px;
	color: #333333;
	background-color: #808080;
	font-size: 0.85em;
        border-top: 1px solid #A5A5A5;
        border-right: 1px solid #A5A5A5;
        border-left: 1px solid #A5A5A5;
        border-bottom: 1px solid #A5A5A5;
	font-weight: bold;
}

.quotetitle .quotetitle {
	font-size: 1em;
}

.quotecontent, .attachcontent {
	margin: 0 5px 10px 5px;
	padding: 5px;
	font-weight: normal;
	font-size: 1em;
	line-height: 1.4em;
	font-family: "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif;
	background-color: #585858;
	color: #84ACC5;
        border-bottom: 1px solid #A5A5A5;
        border-right: 1px solid #A5A5A5;
        border-left: 1px solid #A5A5A5;
}

.attachcontent {
	font-size: 0.85em;
}

.codetitle {
	margin: 10px 5px 0 5px;
	padding: 2px 4px;
	border-width: 1px 1px 0 1px;
	border-style: solid;
	border-color: #A9B8C2;
	color: #333333;
	background-color: #A9B8C2;
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	font-size: 0.8em;
}

.codecontent {
	direction: ltr;
	margin: 0 5px 10px 5px;
	padding: 5px;
	border-color: #A9B8C2;
	border-width: 0 1px 1px 1px;
	border-style: solid;
	font-weight: normal;
	color: #006600;
	font-size: 0.85em;
	font-family: Monaco, 'Courier New', monospace;
	background-color: #FAFAFA;
}

.syntaxbg {
	color: #FFFFFF;
}

.syntaxcomment {
	color: #FF8000;
}

.syntaxdefault {
	color: #0000BB;
}

.syntaxhtml {
	color: #000000;
}

.syntaxkeyword {
	color: #007700;
}

.syntaxstring {
	color: #DD0000;
}


/* Private messages
 ------------------ */
.pm_marked_colour {
	background-color: #000000;
}

.pm_replied_colour {
	background-color: #A9B8C2;
}

.pm_friend_colour {
	background-color: #007700;
}

.pm_foe_colour {
	background-color: #DD0000;
}


/* Misc
 ------------ */
img {
	border: none;
}

.sep {
	color: black;
	background-color: #FFA34F;
}

table.colortable td {
	padding: 0;
}

pre {
	font-size: 1.1em;
	font-family: Monaco, 'Courier New', monospace;
}

.nowrap {
	white-space: nowrap;
}

.username-coloured {
	font-weight: bold;
}

.width{
width: 109px;
}
.latests-fix {
width: 100px;
font-size:11px;
padding: 0px 25px; 0px -20px;
}
Image

User avatar
Matthew69
Registered User
Posts: 170
Joined: Sat Jul 28, 2007 4:37 pm
Contact:

Re: Breaking username

Post by Matthew69 » Sun Feb 17, 2008 3:36 am

Okay, well I am getting off, but what you might need to do, is add specific widths to all the rowforums, rowposts, and etc.

Maybe that will work, but I am not completely sure. If not then I will be back in the morning sometime, and will help you then!
Image

Leo
Registered User
Posts: 20
Joined: Sun Feb 10, 2008 6:48 pm

Re: Breaking username

Post by Leo » Sun Feb 17, 2008 4:51 am

Yikes that definitely did not work. Thanks for trying though!

bennzy
Registered User
Posts: 36
Joined: Mon Nov 26, 2007 8:37 am

Re: Breaking username

Post by bennzy » Sun Feb 17, 2008 10:19 am

ive just viewed the forum in firefox which im using at the moment and what your talking about has a space between them, maybe refresh the browser?

Leo
Registered User
Posts: 20
Joined: Sun Feb 10, 2008 6:48 pm

Re: Breaking username

Post by Leo » Sun Feb 17, 2008 5:46 pm

I don't want a space between them because it pushes the boxes to the left and makes it off with the category above it, it doesn't align, so I want it to break like how it is in IE but it's not in FF.

Leo
Registered User
Posts: 20
Joined: Sun Feb 10, 2008 6:48 pm

Re: Breaking username

Post by Leo » Mon Feb 18, 2008 2:34 am

It's fixed now. Thanks to those who helped!

Locked

Return to “[3.0.x] Styles Support & Discussion”