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

Klaus Schulz wrote:[color=blue]
>
> 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...[/color]

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

Klaus Schulz wrote:
[color=blue]
> 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.
>[/color]

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"><input 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.

On Fri, 26 Sep 2003 14:21:29 +0200,
Klaus Schulz <klsgfx@yahoo.de> wrote:
[color=blue]
> 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.[/color]

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.

Hello Chris,

On Fri, 26 Sep 2003 16:00:25 +0100, Chris Lambert
<news@trout-fish.org.uk> wrote:
[color=blue]
>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"><input type="submit"
>value="dummy1"></form>[/color]

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.
[color=blue]
>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.[/color]

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."

Hello Matthias,

On Fri, 26 Sep 2003 15:12:42 +0200, Matthias Gutfeldt
<say-no-to-spam@gmx.net> wrote:
[color=blue][color=green]
>> http://www.wiesodenn.de/problem/problem.html
>> All three buttons should have the same size and that small border half
>> way round...[/color]
>
>They all look pretty much the same in my Mozilla 1.3, except that the
>first button is a bit smaller than the others.[/color]

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.

Klaus Schulz wrote:[color=blue]
> 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.
>[/color]

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

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

On Sat, 27 Sep 2003 01:24:09 +0930, Tim <admin@sheerhell.lan> wrote:
[color=blue]
>Being deliberately deceptive is not in the interests of the user.[/color]

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.

Hello,

On Sat, 27 Sep 2003 10:45:45 +0100, "William Tasso"
<news27@tbdata.com> wrote:
[color=blue]
>CSS is your friend. Consider styling for both links and buttons.[/color]

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?"

Klaus Schulz wrote:[color=blue]
> Hello,
>
> On Sat, 27 Sep 2003 10:45:45 +0100, "William Tasso"
> <news27@tbdata.com> wrote:
>[color=green]
>> CSS is your friend. Consider styling for both links and buttons.[/color]
>
> 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...[/color]

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

Tim <admin@sheerhell.lan> wrote:
[color=blue][color=green]
>> Being deliberately deceptive is not in the interests of the user.[/color][/color]


Klaus Schulz <klsgfx@yahoo.de> wrote:
[color=blue]
> 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.[/color]

Food for thought: Unless it works as a direct replacement (in exactly
the same way), or in an immediately intuitive manner, you might be
creating a new problem.

--
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.

On Mon, 29 Sep 2003 00:07:35 +0930, Tim <admin@sheerhell.lan> wrote:
[color=blue]
>Tim <admin@sheerhell.lan> wrote:[color=green]
>> 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.[/color]
>
>Food for thought: Unless it works as a direct replacement (in exactly
>the same way),[/color]

ok, this is not possible, using only HTML and CSS..
[color=blue]
>or in an immediately intuitive manner, you might be
>creating a new problem.[/color]

I am aware of this. That's why I am trying to do it this way.
Hmm...
But I will re-think my way. Perhaps you're right and I am on the wrong
way...

Food for thought, ok.

Klaus
--
Woody Allen
I will not eat oysters. I want my food dead. Not sick - not wounded - dead.

On Sat, 27 Sep 2003 23:46:55 +0100, "William Tasso"
<news27@tbdata.com> wrote:
[color=blue]
>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.[/color]

I will try it on Monday and post the result...

Klaus
--
Dennis Hopper
"Ich musste immer wieder aus Scheiße Gold machen, wenn Sie verstehen,
was ich meine."
Aus alert #6 · März 2002 · www.alertmagazin.de

Hello,

I hope you still read this thread. I am a little late.

"William Tasso" <news27@tbdata.com> schrieb:
[color=blue]
>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.[/color]

None more than the css I used. In IE and Opera buttons look fine just
as I want them to. In Mozilla the buttons are to small if the text
used is only a fews letters. So same result as with my css. Sorry.

Klaus

"Klaus Schulz" <klsgfx@yahoo.de> schrieb im Newsbeitrag
news:tva8nvc8vvk6qnrqphdnoqemtuntuu8m6q@4ax.com...[color=blue]
> 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[/color]

I don't understand why you use padding in the stylesheet. Use:

vertical-align:middle;
text-align:center

You have different padding values for links and buttons, and you have the
problem that padding is added to the content width in correct rendering, but
not in IE quirks mode.

Anyway if your targent audience is very small you could also ask them to
work with Javascript enabled and display the links as <button
onClick="...">.

HTH
Markus

"Markus Ernst" <singlewohnung@gmx.ch> schrieb:
[color=blue][color=green]
>> 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
>>
>> All three buttons should have the same size and that small border half
>> way round...[/color]
>
>I don't understand why you use padding in the stylesheet. Use:
>
>vertical-align:middle;
>text-align:center[/color]

my problem is not the alignment of the text, it is the size of the
button. The picture under the text is 120px in width but in Mozilla it
is shown (much) smaller if the text is only a few characters.

Therefore I tried to use padding and margin to stretch the button to
the picture-size.
[color=blue]
>Anyway if your targent audience is very small you could also ask them to
>work with Javascript enabled and display the links as <button
>onClick="...">.[/color]

I do not like to use Javascript and more important, customer does not
want me to use Javascript.

Thanks
Klaus
--
Please reply only to usent, due to heavy (!) spamming
I am not checking this mail-account any longer.
Thank you.

"Klaus Schulz" <klsgfx@yahoo.de> schrieb im Newsbeitrag
news:81v2ovsb1o9h5m3o7d42n2omp847dg72j2@4ax.com...[color=blue]
> "Markus Ernst" <singlewohnung@gmx.ch> schrieb:
>[color=green][color=darkred]
> >> 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
> >>
> >> All three buttons should have the same size and that small border half
> >> way round...[/color]
> >
> >I don't understand why you use padding in the stylesheet. Use:
> >
> >vertical-align:middle;
> >text-align:center[/color]
>
> my problem is not the alignment of the text, it is the size of the
> button. The picture under the text is 120px in width but in Mozilla it
> is shown (much) smaller if the text is only a few characters.
>
> Therefore I tried to use padding and margin to stretch the button to
> the picture-size.
>[color=green]
> >Anyway if your targent audience is very small you could also ask them to
> >work with Javascript enabled and display the links as <button
> >onClick="...">.[/color]
>
> I do not like to use Javascript and more important, customer does not
> want me to use Javascript.
>
> Thanks
> Klaus[/color]

Maybe it would be just a good idea to simplify. I don't see a reason for
parallel definitions of a general .button class and a special one for the
links. I am quite sure that the padding stuff can produce problems or
differences at least. BTW the correct notation for pseudo classes is AFAIK
a.button:hover and not a:hover.button.

--
Markus

On Tue, 7 Oct 2003 17:16:15 +0200, "Markus Ernst"
<singlewohnung@gmx.ch> wrote:
[color=blue][color=green]
>> my problem is not the alignment of the text, it is the size of the
>> button. The picture under the text is 120px in width but in Mozilla it
>> is shown (much) smaller if the text is only a few characters.[/color]
>
>Maybe it would be just a good idea to simplify. I don't see a reason for
>parallel definitions of a general .button class and a special one for the
>links.[/color]

Hmm, seems I have to re-think the whole thing...
[color=blue]
>I am quite sure that the padding stuff can produce problems or
>differences at least.[/color]

Yes, obviously. :-(
[color=blue]
>BTW the correct notation for pseudo classes is AFAIK
>a.button:hover and not a:hover.button.[/color]

Oh, thanks. I will have a look at w3 to check.

Klaus
--
Punctuate this sentence: 'Woman without her man is nothing'.
Men wrote: 'Woman, without her man, is nothing.'
Women wrote: 'Woman! Without her, man is nothing.'