[Fimchibble]

I also posted this on YAHOO Answers but I'm pretty sure I'll get a better answer here (I hope)

I have some basic Adobe Illustrator and PhotoShop skills but when it comes to writing anything but the most basic html tags I’m useless.

I’m starting a small Internet business and I'm using YAHOO Site Builder 2.4 to build my web site. It's great software for someone like me who isn't a computer expert. I do NOT have the YAHOO merchant account because right now I can't afford the $30 a month maintenance fee.

I would like to create a SUBMIT button that's more attractive than the drab gray one offered by YAHOO. Although I can create a nice button in Adobe Illustrator I don't know how the heck to bring it into Site Builder to make it function. I called YAHOO tech support and they said I could, in fact, use a button of my own design but that I would have to generate the code (I assume html) myself.

I can get the html imbed code off PhotoBucket (my image host) but as far as the other code that enables the SUBMIT button to direct my sites form information to my email address...that's another story. I'm at a total loss!

Is there anyone who can tell me what code I would need to post in the html box in Yahoo Site Builder so that the colorful SUBMIT button that I have created myself will function properly? I need you to keep it simple because I'm stupid when it comes to this stuff.

Thank you VERY much for any information and I hope this question was clear and made sense.

[Advertisements]

Do you just want to style your submit button with a background color/image, what? Many, many ways to so something. Post the code you have so far for your form using the submit button and give some details. Image links to ones you made that you might want to use would be helpful.

Edited by Major Payne, 04 February 2009 - 11:58 AM.

[Major Payne]

Do you just want to style your submit button with a background color/image, what? Many, many ways to so something. Post the code you have so far for your form using the submit button and give some details. Image links to ones you made that you might want to use would be helpful.

Edited by Major Payne, 04 February 2009 - 11:58 AM.

[Fimchibble]

Well, I don't have ANY code written. This is the button I created and as boring as it may look here it works with the color scheme of the particular page I made and it's heaven next to the ugly thing YAHOO supplies.

http://i104.photobuc...BMIT-BUTTON.gif

The gentleman from YAHOO tech support said if I viewed the page source of my published web page I could grab much of the needed code from the existing gray SUBMIT button that they use and apply it to mine.

I opened the source code but couldn’t correctly isolate the right section because I didn't even know what I was looking for!

[Major Payne]

<style type="text/css">
input#go {
width: 150px;
height: 37px;
background: url(http://i104.photobucket.com/albums/m181/doctorkazoo/SUBMIT-BUTTON.gif) no-repeat center scroll;
}
</style>

<input id="go" type="submit" value="" />

Let me know if that works for you. Don't have all your code so can't flesh it out.

[Fimchibble]

OMG! Thank you SO much! You must be some sort of freakin' computer GENIUS!

It seems to work perfectly! I have no idea how you were able to write that code without actually being on Site Builder.

The only problem is that for some reason there is sort of a square frame around my button. That may be just because I have to render it differently?

The other and more serious problem is that on my MAC the button just appears blank. Please see the image link I've attached to further explain.

At any rate I'm amazed I've come THIS far! I feel like I'm almost at the solution!!

http://i104.photobuc...azoo/OOPS-1.jpg

Attached Thumbnails

• 

[Fimchibble]

OH...and please forget the half a button on the bottom...that's just a mistake on my part that has nothing to do with anyhting.

[Major Payne]

Don't have anything like Image Block 1.2 installed on your MAC? No add-ons in Firefox that would disable an image. You could try to run Fire in Safe Mode (Not Windows' Safe Mode) and see if it works. Firefox has options to set to block images. Might check those. There was an IE for MAC at one time, but don't know if it is worth trying to see if the problem is the OS or the browser: Internet Explorer for MAC . Maybe try Firefox on your MAC.

I can not try it here on a MAC to resolve the problem for you. Can you post your code for the button now that is used for the MAC view?

[Fimchibble]

1). Anything like Image Block 1.2 installed on your MAC?
Not that I’m aware of and any other site I’ve been to looks fine on my MAC

2). Add-ons in Firefox?
I checked and as far as I can tell I have no add-ons

3). Fire in Safe Mode
I’m not sure how to do this but I’ll look it up and figure it out and let you know if it worked.

4). Options to set to block images.
Really? I hope I don’t have it set for that. I looked all over and couldn’t find where these settings were.

5). Maybe try Firefox on your MAC.
Yup.. FireFox is what I use on my MAC...I don’t run it on the DELL PC

6). Can you post your code for the button now that is used for the MAC view?
I wish I could but I don’t think I’m educated enough to pick out the code. I viewed the page source and didn’t see ANYTHING that look like the code you created. Most lines start with <tr or <td and I don’t even know what the heck that is. I know...I'm stupid!

Just as I was about to poster this I’ve discovered a Mozilla Firefox support page with a list of troubleshooting questions. I went through the whole thing and it didn’t help at all!

[Fimchibble]

And I just started FireFox in Safe Mode and the button was still blank

[Major Payne]

Does the MAC show same image not showing peoblem using Apple's Safari or any other browser?

The "<tr or <td" stuff are table tags. Can you provide a link to where the button is being used online? Doubt if that will help too much since I don't have a MAC.

[Fimchibble]

MAJOR:

The only two browsers I use on my MAC are FireFox and Safari and they both show the button as just a blank square. Well...Safari shows it as a blank square with rounded edges but it’s pretty much the same thing.

I actually left the original, ugly, gray SUBMIT button on the site right besides the new one you gave me code for and that original one shows up on all these other browsers. Is there maybe anything you could try adding to your code? I’m not suggesting that you made any mistake and I hope it doesn’t come across like that. There’s clearly an issue here with something on my end.

I WOULD send you a link to the page but unfortunately I have 2 other people who are involved with this business and for now I am forced...even against my better judgment, to keep it strictly confidential.

I also noticed that the alignments of some of the elements on the site, particularly form fields, are also off when I view the site on my MAC. I’m only mentioning this because I thought it might be informative to you in understanding what might be going on.

I created another web page a while back with Site Builder (much less complex) and I didn’t run into any of these problems. I’m thinking of contacting YAHOO again. Maybe there is some setting in the software that I need to select that makes it compatible with different browsers and operating systems?

I just had an idea. I did a word search in the page source code for “.gif” because I remember that was in the code you wrote for me. So I was able to find the bit you created! Here is how your code looks processed on my MAC. I gave you a bit of code before and after your section as well in case it’s helpful! I hope you can make some sense out of this stuff...I sure can’t! Thanks again!!!!

<td width="19" height="19" colspan="2"></td>
<td width="190" height="19" colspan="7"></td>
<td height="105" width="322" colspan="6" rowspan="6" valign="top"><div style="width:322px;height:105px;overflow:auto;"><!--$begin html$--><style type="text/css">
input#go {
width: 150px;
height: 37px;
background: url(http://i104.
photobucket.com/albums/m181/doctorkazoo
/SUBMIT-BUTTON.gif) no-repeat center scroll;}</style><input id="go" type="submit" value="" /><!--$end html$--></div>
</td>
<td width="59" height="19" colspan="2"></td>

<script>tableWorkaround2(19)</script>
</tr>
<tr>
<td width="404" height="13" colspan="18"></td>
<td width="59" height="13" colspan="2"></td>
<script>tableWorkaround2(13)</script>

[Major Payne]

Site Builder has to really suck. The style tags with the style code I gave you should be between the "<head></head>" tags of the HTML page. How you do that with Site Builder is beyond me. In fact I see a few other coding errors, but none that may affect your image and submit button.

An improper doctype and bad coding can be the cause of problems with some browsers, but you seem to have the problem only on the MAC with same browsers as on Windows. Without a MAC and the same browsers you use, I'm at a lost as to the exact problem. My code should work in any browser and does here with the ones I checked it with. The closest I can get to seeing it in a MAC OS is browsershots.