Connecting Tech Pros Worldwide Help | Site Map

Editing appearance of form button

Nick E. Name
Guest
 
Posts: n/a
#1: Nov 11 '05
I use the following to create a button:

<form><input type=button value="See the Site Map"
onClick="self.location='sitemap.htm'"></form>

Is there a way to edit the code to accomplish any of the following?

1. Make the displayed text a two-line value, e.g., "See the" on one
line and "Site Map" on a new line.

2. Render the button itself in a different size or colors.

3. Make the text a different font or size or color, etc.

4. Insert images in place of the text.

I don't think it matters, but I edit using FrontPage 2003 on an XP Pro
machine. I'm hoping for compatibility with at least IE and Firefox.

Thanks for any advice you have. If there's somewhere online that
explains all this, just let me know that. I've spent a long time
looking already.

web.dev
Guest
 
Posts: n/a
#2: Nov 11 '05

re: Editing appearance of form button



Nick E. Name wrote:[color=blue]
> I use the following to create a button:
>
> <form><input type=button value="See the Site Map"
> onClick="self.location='sitemap.htm'"></form>
>
> Is there a way to edit the code to accomplish any of the following?
>
> 1. Make the displayed text a two-line value, e.g., "See the" on one
> line and "Site Map" on a new line.[/color]

No there is not. However, you can place a marker so that it can be
parsed to have a two-line value. e.g.

value = "See the|Site Map" or value = "See the\nSite Map"
[color=blue]
> 2. Render the button itself in a different size or colors.
>
> 3. Make the text a different font or size or color, etc.[/color]

For #2 and #3, this can be accomplished through the use of CSS.
[color=blue]
> 4. Insert images in place of the text.[/color]

Take out the text, and replace with an image. For example:

before:

Image to my right. Image here. Image to my left.

after:

Image to my right. <img src = "path/image.jpg"> Image to my right.
[color=blue]
> I don't think it matters, but I edit using FrontPage 2003 on an XP Pro
> machine. I'm hoping for compatibility with at least IE and Firefox.
>
> Thanks for any advice you have. If there's somewhere online that
> explains all this, just let me know that. I've spent a long time
> looking already.[/color]

web.dev
Guest
 
Posts: n/a
#3: Nov 11 '05

re: Editing appearance of form button



Nick E. Name wrote:[color=blue]
> I use the following to create a button:
>
> <form><input type=button value="See the Site Map"
> onClick="self.location='sitemap.htm'"></form>
>
> Is there a way to edit the code to accomplish any of the following?
>
> 1. Make the displayed text a two-line value, e.g., "See the" on one
> line and "Site Map" on a new line.[/color]

No there is not. However, you can place a marker so that it can be
parsed to have a two-line value. e.g.

value = "See the|Site Map" or value = "See the\nSite Map"
[color=blue]
> 2. Render the button itself in a different size or colors.
>
> 3. Make the text a different font or size or color, etc.[/color]

For #2 and #3, this can be accomplished through the use of CSS.
[color=blue]
> 4. Insert images in place of the text.[/color]

Take out the text, and replace with an image. For example:

before:

Image to my right. Image here. Image to my left.

after:

Image to my right. <img src = "path/image.jpg"> Image to my left.
[color=blue]
> I don't think it matters, but I edit using FrontPage 2003 on an XP Pro
> machine. I'm hoping for compatibility with at least IE and Firefox.
>
> Thanks for any advice you have. If there's somewhere online that
> explains all this, just let me know that. I've spent a long time
> looking already.[/color]

Hywel Jenkins
Guest
 
Posts: n/a
#4: Nov 11 '05

re: Editing appearance of form button


In article <1131725314.180383.79850@g47g2000cwa.googlegroups. com>,
JohnEGee@gmail.com says...[color=blue]
> I use the following to create a button:
>
> <form><input type=button value="See the Site Map"
> onClick="self.location='sitemap.htm'"></form>
>
> Is there a way to edit the code to accomplish any of the following?
>
> 1. Make the displayed text a two-line value, e.g., "See the" on one
> line and "Site Map" on a new line.
>
> 2. Render the button itself in a different size or colors.
>
> 3. Make the text a different font or size or color, etc.
>
> 4. Insert images in place of the text.[/color]

Why, if at all possible, would you do this with JavaScript? Try CSS.

--

Hywel
http://kibo.org.uk/
Closed Thread