disguising links as buttons

[Klaus Schulz]

Hello,

for a project I am currently working at, I have to use form-buttons
and normal links (a href...) in the same pages together. Both should
look the same. No problem with IE and Opera but I cannot get this to
work with Mozilla.

If anyone would like to give me an hint, he can find an example here:

http://www.wiesodenn.de/problem/problem.html

dummy1 and dummydummy2 are form-buttons, dummy3 is the href-link.

The text for the buttons and the links is generated with php and that
is the reason why Ido not want to use images with grafic text as
buttons.

Does anyone know how to make this work with the main browsers?

All three buttons should have the same size and that small border half
way round...

(by the way, I cannot check this on a Mac, I f anyone would be so
nice..., thank you)

Thank you in advance for any answer..

Klaus

[Matthias Gutfeldt]

Klaus Schulz wrote:

http://www.wiesodenn.de/problem/problem.html

dummy1 and dummydummy2 are form-buttons, dummy3 is the href-link.

All three buttons should have the same size and that small border half
way round...

They all look pretty much the same in my Mozilla 1.3, except that the
first button is a bit smaller than the others.
Matthias

[Chris Lambert]

Klaus Schulz wrote:

for a project I am currently working at, I have to use form-buttons
and normal links (a href...) in the same pages together. Both should
look the same. No problem with IE and Opera but I cannot get this to
work with Mozilla.

Could you restructure the page such that dummy1 and dummy2 were not within
the form? If so you could then create little forms that just contained the
submit button:

<form action="dummy1" method="GET"><i nput type="submit"
value="dummy1"> </form>
That will work in all browsers that support forms. The downside is that
search engines, etc will not be able to follow the links and the links will
not be rendered correctly as links in a non-visual browser.

--
Chris Lambert (http://web.trout-fish.org.uk/)
Celibacy is not hereditary.

[Tim]

On Fri, 26 Sep 2003 14:21:29 +0200,
Klaus Schulz <kl****@yahoo.d e> wrote:

for a project I am currently working at, I have to use form-buttons
and normal links (a href...) in the same pages together. Both should
look the same.

Being deliberately deceptive is not in the interests of the user.

--
My "from" address is totally fake. The reply-to address is real, but
may be only temporary. Reply to usenet postings in the same place as
you read the message you're replying to.

[Klaus Schulz]

Hello Chris,

On Fri, 26 Sep 2003 16:00:25 +0100, Chris Lambert
<ne**@trout-fish.org.uk> wrote:

Could you restructure the page such that dummy1 and dummy2 were not within
the form? If so you could then create little forms that just contained the
submit button:

<form action="dummy1" method="GET"><i nput type="submit"
value="dummy1" ></form>
Hmm, the whole application consits of a lot of pages. I think I could
do this on some of them, but on all? I have to try.
That will work in all browsers that support forms. The downside is that
search engines, etc will not be able to follow the links and the links will
not be rendered correctly as links in a non-visual browser.

This would be no problem, as the pages build an applictaion for a
customer in internet where only customer people will have account to
use the pages.

I will try to follow your advice.
Thank you.

Klaus
--
Mary Pickford
"Adding sound to movies would be like putting lipstick on the Venus de Milo."

[Klaus Schulz]

Hello Matthias,

On Fri, 26 Sep 2003 15:12:42 +0200, Matthias Gutfeldt
<sa************ @gmx.net> wrote:

http://www.wiesodenn.de/problem/problem.html
All three buttons should have the same size and that small border half
way round...

They all look pretty much the same in my Mozilla 1.3, except that the
first button is a bit smaller than the others.

Yes, that is the problem. The button is smaller and the drawn right
hand border is not visible. For a proper layout, all the buttons need
to appear the same size. If the link on the button would have less
characters, the button would be more small.

Klaus
--
Always remember you're unique, just like everyone else.

[William Tasso]

Klaus Schulz wrote:

Hello,

for a project I am currently working at, I have to use form-buttons
and normal links (a href...) in the same pages together. Both should
look the same. No problem with IE and Opera but I cannot get this to
work with Mozilla.

CSS is your friend. Consider styling for both links and buttons.

--
William Tasso - http://WilliamTasso.com

[Klaus Schulz]

On Sat, 27 Sep 2003 01:24:09 +0930, Tim <ad***@sheerhel l.lan> wrote:

Being deliberately deceptive is not in the interests of the user.

Normally I would agree, but this is going to be an application for a
closed circle of users. (Replacement for a software they used
locally).

I think (in this case only!) it would be more confusing for the user,
to explain why this here is a button and that there is a link ...

It is not meant for tricking the user but to give him something he
remenbers.

Klaus
--
William Shakespeare, Hamlet
Tis brief, my lord. As a woman's love.

[Klaus Schulz]

Hello,

On Sat, 27 Sep 2003 10:45:45 +0100, "William Tasso"
<ne****@tbdata. com> wrote:

CSS is your friend. Consider styling for both links and buttons.

Yes, I tried, as you can see in the example, but I was unable to make
them look like they should.

Perhaps you can hint me the right way...

Klaus

--
When asked if you believe in God, you ask, "Which one?"

[William Tasso]

Klaus Schulz wrote:

Hello,

On Sat, 27 Sep 2003 10:45:45 +0100, "William Tasso"
<ne****@tbdata. com> wrote:

CSS is your friend. Consider styling for both links and buttons.

Yes, I tried, as you can see in the example, but I was unable to make
them look like they should.

Perhaps you can hint me the right way...

This is one I used recently:

#button {
margin:0;
display:inline;
color:#fff;
background-color:#f00;
text-decoration:none ;
font-family: tahoma;
font-weight:900;
border:1px solid #fff;
}
a.button {
color:#fff;
background-color:#f00;
text-decoration:none ;
font-size:1em;
font-weight:900;
font-family: tahoma;
padding: 0.5ex 1ex;
border:1px solid #fff;
}

I'd like to know what shortcomings it has - if any in your application.

--
William Tasso - http://WilliamTasso.com