|
| |
|
|
Donkey
Posts: 3888
Joined: 11/13/2001
From: Blackfield United Kingdom
Status: offline
 |
Beveled Edge Button Effect - 8/10/2003 13:16:04
I have been playing with some code to create a beveled edge button effect, and thanks to a link posted by Pageoneresults I found some code in the Webmaster World Forum which looked easy enough for a beginner like me to adapt. This is the link - Beveled button.
I have put up a very simple test site here - Test Site so that I can check if it works in various browsers. The stylesheet is here - Stylesheet.
I am also testing " scrambling" my email address as suggested by Shirley here - Email.
It works fine but I have found some problems with different browsers and I wondered if one of the " panel of experts" out there could take a look and tell me how to resolve the problems so that everything looks the same on each browser.
These are the differences on the browsers I used.
Netscape 7
The header is not positioned 0px from the top.
On the ' walk' page the second animated gif is frozen.
Internet Explorer 6.02
The bottom " Mail Me" button is missing.
Opera 7
On the ' walk' page the second animated gif is frozen.
Mozilla FireBird 0.6.1
The animated gifs on some pages malfunction (the top of the image jumps in at the bottom or left side jumps in on the right).
I should get a report from a friend who uses the Mac browsers (IE and Safari) in a day or so.
I would be very grateful if anyone can help with the problems shown above.
Thanks
Peter
_____________________________
I have a higher and grander standard of principle than George Washington. He could not lie; I can, but I won't.
Samuel Clemens
|
|
|
|
indiewriter
Posts: 96
Joined: 7/21/2003
From: Chicago, IL
Status: offline
|
RE: Beveled Edge Button Effect - 8/12/2003 12:23:29
hey donkey
sorry to hear that no one has helped you out yet and I'm not sure that i'm the absolute best resource, but i'll give it a shot. i've only checked the email part on IE6, but i'm wondering if your script isn't working because it's in a list. have yuo tried it anywhere else? on another part of the page, maybe? you could also try making that link another page (like a contact me page) and putting your address on there to click on. I also dug up another script that you can try to. Hope this helps a little. I don't have Mozilla, but I'll be doing some more checking for you with opera a little later.
<script language="Javascript">
<!--
var user = "you";
var domain = "youraddress.com";
var mail = user + "@" + domain;
var message = "Click Here to E-mail Me";
document.write("<a href=\"mailto:"+mail+"\">"+message+"</a>");
//-->
</SCRIPT>
FYI, i'm sure yuo're aware of this, but some people will have their javascript turned off on their browsers and they may never get to see your email address if jscript is disabled. you could also try, uni-coding your email address (though the robots are sure to catch on to this sooner or later) or you can just create an image with the email address as part of it. the down side is that people would have to manually go into their email application and type in their address from what they see on your screen. but it shuold definetly keep the spammers away.
uni-code site: http://www.fantomaster.com/fantomasSuite/mailShield/famshieldsv-e.cgi
| |
|
 New Messages |
 No New Messages |
 Hot Topic w/ New Messages |
 Hot Topic w/o New Messages |
 Locked w/ New Messages |
 Locked w/o New Messages |
|
Post New Thread
Reply to Message
Post New Poll
Submit Vote
Delete My Own Post
Delete My Own Thread
Rate Posts
|
|
|
Printable Version 
