Question With Style Issue

emblym · March 2006

Hey I'm new to the forums. I like it so far. Anyways I'm having a few minor cosmetic issues, and was wondering if anyone here had some insight. First of all my forums are located at www.emblym.com/music This is just a dummy forum until I have everything set up. My first issue is that that I am a Mac user, and in Safari the "Proceed" is an actual button. In Firefox it is just text that says "Proceed". I want to changed it to an image. Basically I just want a small image to be the proceed button. I know how to do it in HTML, but I'm not able to figure out the PHP files. My second issuse is inside the forum. So login using demo for the user name and the password. Click on the account tab. If you look at the statistics, the words "Comments Added" and "Started" are overlaying eachother. Any insight on that would be appreciated. Thanks again for your help.

Bergamot · March 2006

The way Mark set up the Account Page style, the titles (like "comments added" and "discussions started") cannot take up more than one line.

There are a few ways around this, but by far the easiest is to change

		.AccountBody dt {
			position: absolute;
			font-weight: bold;
			width: 120px;
			overflow: hidden;
		}
		.AccountBody dd {
			margin-left: 0px;
			padding-left: 126px;
			padding-bottom: 2px;
		}

to

		.AccountBody dt {
			position: absolute;
			font-weight: bold;
			width: 140px;
			overflow: hidden;
		}
		.AccountBody dd {
			margin-left: 0px;
			padding-left: 146px;
			padding-bottom: 2px;
		}

emblym · March 2006

Perfect. Thanks that fixed that problem. Any ideas on the login button?

lech · March 2006

same method, just locate the class for the login button and style accordingly :) Althought to my understanding, safari does a pretty poor job of styling form buttons and inputs.

emblym · March 2006

Fuuny you say that. I actually tried styling the button class and tested it in Safari to no avail. Let me retry that, and look at it in Firefox. I don't know if you have heard of madformilk but they have a new CMS coming out. They have the type of login I'm working towards. http://demo.mooflex.net/mooflex/index.php/login Thanks a lot for your help.

Bergamot · March 2006

Yeah, Safari is notorious for ignoring styles placed on form objects.

The good news is, this has been fixed in recent builds of WebKit, and will certainly be in a future version of Safari.