473,703 Members | 2,330 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

How to make "this" form look like "that" button?


I would like to adapt, as much as possible, the appearance and color red
of the
font in this button:

<P><CENTER><BUT TON VALUE="SUBMIT"> <A
HREF="http://www.familytreed na.com/surname_join.as p?code=Q17978"
STYLE="TEXT-DECORATION: NONE;">
<FONT COLOR="RED" FACE="COPPERPLA TE GOTHIC BOLD">Right
Here</FONT></A></BUTTON></CENTER></P>

to this form:

<form
action="http://www.familytreed na.com/surname_join.as p?code=Q17978"> <div
align="center"> <center>
<p><input type="submit" value="Right Here"></p></center></div></form>

What would I add to the second to accomplish this? I know that the above
are no doubt slap-dash looking,
but I know little about html, etc.

Thanks very much.

Dale Bricker
Jul 20 '05 #1
3 4222
Hodad <zi*@nospam.com > wrote:
I would like to adapt, as much as possible, the appearance and
color red of the
font in this button:

<P><CENTER><BUT TON VALUE="SUBMIT"> <A
HREF="http://www.familytreed na.com/surname_join.as p?code=Q17978"
STYLE="TEXT-DECORATION: NONE;">
<FONT COLOR="RED" FACE="COPPERPLA TE GOTHIC BOLD">Right
Here</FONT></A></BUTTON></CENTER></P>

to this form:

<form
action="http://www.familytreed na.com/surname_join.as p?code=Q17978"> <
div align="center"> <center>
<p><input type="submit" value="Right
Here"></p></center></div></form>


It seems that you are trying to convert the use of a <button> element
to the use of <input type="submit">, which is a good idea, since the
latter is better supported by browsers.

When using <input>, you don't set visual properties in HTML but use
CSS. At the same time, you might move all the presentational issues
into CSS. I have also fixed the form to use the post method (since the
effect of submitting a form is apparently the act of joining something,
not just information retrieval) and to contain a meaningful text in the
button:

<form method="post"
action="http://www.familytreed na.com/surname_join.as p?code=Q17978">
<div><input type="submit" value="Join the project"></div></form>

And you could style it by putting the following into the <head> part of
your document (assuming that this is the only <input> field - if there
are several of them, a little more is needed):

<style type="text/css">
form div { text-align: center; }
input { color: red;
background: #ccc;
font-family: "Copperplat e Gothic Bold"; }
</style>

The color #ccc is close to the default gray color of buttons in several
browsers. Personally I would use something lighter.

Beware that Copperplate Gothic Bold is not very widely available.
The page
http://www.codestyle.org/css/font-fa...sResults.shtml
estimates that 44 % of Windows systems have it, and on other systems
the coverage is even smaller. Maybe selecting a list of some more
common fonts for font-family and setting font-variant: small-caps
would give roughly the appearance you're looking for.

--
Yucca, http://www.cs.tut.fi/~jkorpela/
Pages about Web authoring: http://www.cs.tut.fi/~jkorpela/www.html

Jul 20 '05 #2
On Thu, 25 Dec 2003 14:39:36 +0000, Jukka K. Korpela wrote:
<form method="post"
action="http://www.familytreed na.com/surname_join.as p?code=Q17978"> ^^^^^^^^^^^^ <div><input type="submit" value="Join the project"></div></form>


Shirley you meant to put that in a hidden input? If not, why not?

--
Some say the Wired doesn't have political borders like the real world,
but there are far too many nonsense-spouting anarchists or idiots who
think that pranks are a revolution.

Jul 20 '05 #3
Owen Jacobson <an******@lions anctuary.net> wrote:
On Thu, 25 Dec 2003 14:39:36 +0000, Jukka K. Korpela wrote:
<form method="post"
action="http://www.familytreed na.com/surname_join.as p?code=Q17978">
^^^^^^^^^^^^ <div><input type="submit" value="Join the
project"></div></form>


Shirley you meant to put that in a hidden input? If not, why not?


I did, but a cow flew by. Or maybe it was a delayed reindeer.

Naturally I meant

<form method="post"
action="http://www.familytreed na.com/surname_join.as p">
<div><input type="hidden" name="code" value="Q17978">
<input type="submit" value="Join the project"></div></form>

But on the other hand, although a query part is not correct in an
action attribute when method="get" (the default) is used, wouldn't it
be acceptable to have it when method="post". After all, the reason for
not using it is that when method="get", then, by HTML specifications, a
question mark "?" will be appended to the URL (to be followed by form
data fields, if any), making it violate URL specifications since "?" is
a reserved character in the query part. For method="post", that
shouldn't happen.

--
Yucca, http://www.cs.tut.fi/~jkorpela/
Pages about Web authoring: http://www.cs.tut.fi/~jkorpela/www.html

Jul 20 '05 #4

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

32
3184
by: Christopher Benson-Manica | last post by:
Is the following code legal, moral, and advisable? #include <iostream> class A { private: int a; public: A() : a(42) {}
6
1637
by: B Blue | last post by:
here's the situation: a produce dept at a grocery store needs to generate a weekly sheet for ordering. This is how it looks: 5 columns across with the following headings: Product Description, UPC code, Case Quantity, Case Price, Retail Price - Product Description, UPC code, Case Quantity, are all to be drawn from a table containing 100 records. -Case Price, Retail Price are fields which will appear empty but allow data entry
1
1979
by: news.wanadoo.nl | last post by:
Hi, I have found whit google this form in this group. But i'n not good in javascript :(. I try and error normal but i only error now :P Whit i now want to now how can i get access to the vars vis and inv. Normal when i submit a form then is see something link formhandler?vis=somthing&inv=something. But i dont see that in this form. I want the use data form this form to set it in a databse whit php. I cant get use nog $_GET is wil give...
6
4887
by: scottyman | last post by:
I can't make this script work properly. I've gone as far as I can with it and the rest is out of my ability. I can do some html editing but I'm lost in the Java world. The script at the bottom of the html page controls the form fields that are required. It doesn't function like it's supposed to and I can leave all the fields blank and it still submits the form. Also I can't get it to transfer the file in the upload section. The file name...
2
1390
by: loga123 | last post by:
Hi All, I am new to .net. I am creating a text box in a "button1" "click event" dynamically based on user input. Name of the text box and ID of the text box contro are set dynamically in the server side code. How can make this text box accessable in another "sub" or "button2" click event? Any help is greatly appreciated.' thanks
2
4739
by: Dustin | last post by:
I found a solution to my problem in the topic called "OOP (and the XMLHttpRequest)". You may find it useful to reference to see what I have done so far. I am making a small AJAX helper object called AjaxManager. The purpose is to make ajax requests easier to use and it also queues them, so you can tell it to run three requests, one after another and it won't do the next until the previous is completed. The problem is here, where the...
4
1678
by: marek zegarek | last post by:
Hello! I have strange and simple problem.... I am starting developer. I need to create webform, that will insert my data into SQL 2005 database. My idea is to make something like MS Access Form-Subform. I'm typing data, pressing "Add" and i see it on datagrid below. So I can type second datas, press "Add" and now i will see two records below. I'm using .NET (2.0), SQL 2005.
7
2421
by: Brave | last post by:
I am hoping for a code example of how to do this, and hopefully it will help me to see an easy way to code what seems to be a huge monster. I need to create a form that has two pulldown menues (field names Option1 and Option2). Each will house a list of the 50 U.S. States. Users would then be able to choose two states, and get a listing for a courier used for pickup\deliveries (exp: My order is in Ohio, but I need it delivered to Maine....
14
75520
by: white lightning | last post by:
How to have <select onchange="this.form.submit()"and also a Submit button on one form? I have something like this: <form action="<?php $_SERVER; ?>" method="post" enctype="multipart/form-data" name="form1"> <select onchange="this.form.submit();" name="prod"> <option value="">Select product</option> <option value="12">abc</option>
0
8669
by: Hystou | last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can effortlessly switch the default language on Windows 10 without reinstalling. I'll walk you through it. First, let's disable language synchronization. With a Microsoft account, language settings sync across devices. To prevent any complications,...
0
9121
jinu1996
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven tapestry of website design and digital marketing. It's not merely about having a website; it's about crafting an immersive digital experience that captivates audiences and drives business growth. The Art of Business Website Design Your website is...
0
8962
tracyyun
by: tracyyun | last post by:
Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each protocol has its own unique characteristics and advantages, but as a user who is planning to build a smart home system, I am a bit confused by the choice of these technologies. I'm particularly interested in Zigbee because I've heard it does some...
0
7867
agi2029
by: agi2029 | last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing, and deployment—without human intervention. Imagine an AI that can take a project description, break it down, write the code, debug it, and then launch it, all on its own.... Now, this would greatly impact the work of software developers. The idea...
0
5922
by: conductexam | last post by:
I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and then checking html paragraph one by one. At the time of converting from word file to html my equations which are in the word document file was convert into image. Globals.ThisAddIn.Application.ActiveDocument.Select();...
0
4432
by: TSSRALBI | last post by:
Hello I'm a network technician in training and I need your help. I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs. The last exercise I practiced was to create a LAN-to-LAN VPN between two Pfsense firewalls, by using IPSEC protocols. I succeeded, with both firewalls in the same network. But I'm wondering if it's possible to do the same thing, with 2 Pfsense firewalls...
1
3123
by: 6302768590 | last post by:
Hai team i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated we have to send another system
2
2450
muto222
by: muto222 | last post by:
How can i add a mobile payment intergratation into php mysql website.
3
2069
bsmnconsultancy
by: bsmnconsultancy | last post by:
In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence can significantly impact your brand's success. BSMN Consultancy, a leader in Website Development in Toronto offers valuable insights into creating effective websites that not only look great but also perform exceptionally well. In this comprehensive...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.