 |
| Coding Forum Problems with your code? Discuss coding issues, including JavaScript, PHP & MySQL, HTML & CSS, Flash & ActionScript, and more. |
|
 |
07-06-2009, 12:17 PM
|
#1 (permalink)
|
|
Junior Member
Join Date: 06-23-09
Posts: 20
Latest Blog:
None
|
Making My Fields Horizontal Instead of All Vertical
see here: christiancouriernewspaper.com/blogbase/contactpage.php
What I want is for 7 fields (Name-State) on the Left just how they are
Then I want the remaining fields (Country- the spam question) on the right
I would like to have it so it all fits on one page without having to scroll
any ideas/suggestions?
the .css file is below
Code:
/*
----------------------------------------------------------------
GBCF-V3 BLUE STYLE SHEET - MIKE CHERIM HTTP://GREEN-BEAST.COM
----------------------------------------------------------------
To use for testing, this stylesheet must be named default.css
*/
/* === form div and elements ======================================= */
#form-div {
font-family : verdana, helvetica, palatino sans, tahoma, arial, sans-serif;
width : 70%;
margin : auto;
color : #FF8C00 ;
line-height : 1.2em;
}
#form-div p.form-footer {
margin : -35px 2px 20px 13px;
}
#form-div p.form-footer a {
color : #003366;
}
#form-div p.form-footer a:hover, #form-div p.form-footer a:focus, #form-div p.form-footer a:active {
color : #000;
text-decoration : none;
}
#form-div p.form-footer a:focus, #form-div p.form-footer a:active {
background-color : #eee;
}
/* === form div link styles ======================================== */
#form-div a {
color : #FF6600;
}
#form-div a:hover, #form-div a:focus, #form-div a:active {
color : #000;
text-decoration : none;
}
#form-div a:focus, #form-div a:active {
background-color : #eee;
}
/* === success and error message/results box ======================= */
#form-div p.success, #form-div p.error, #form-div p.center {
color : #fff;
/* color : #000; (lite colors option - uncomment to use) */
padding : 1px 4px;
border : 1px solid #000;
background-color : #003366;
/* background-color : #bfccd9; (lite colors option - uncomment to use) */
margin : 10px 3px;
text-align : center;
}
#form-div p.error {
background-color : #bb0000;
/* background-color : #edbaba; (lite colors option - uncomment to use) */
}
#form-div p.error a, #form-div p.success a {
color : #ffff7f;
}
#form-div p.center {
text-align : center;
background-color : #edbaba;
color : #000;
margin-top : -3px;
padding : 0px 4px;
}
#form-div p.error a:hover, #form-div p.error a:focus, #form-div p.error a:active,
#form-div p.success a:hover, #form-div p.success a:focus, #form-div p.success a:active {
color : #eee;
background-color : #bb0000;
}
#form-div p.success a:hover, #form-div p.success a:focus, #form-div p.success a:active {
background-color : #003366;
}
/* === structural form elements ==================================== */
form#gbcf-form { }
fieldset.main-set,
fieldset.req-set,
fieldset.opt-set {
border : 1px solid #eee;
padding : 5px;
}
/* === textural form elements ====================================== */
#form-div legend {
font-weight : bold;
}
#form-div legend span { }
legend.main-legend {
color : #777;
font-size : 100%;
}
legend.req-legend,
legend.opt-legend {
color : #777;
font-size : 60%;
}
legend.main-legend span { }
legend.main-legend { }
legend.req-legend span { }
legend.req-legend {
margin-left : -2px;
}
legend.opt-legend span { }
legend.opt-legend {
margin-left : -2px;
}
label.req-label, label.opt-label {
color : #FF6600;
font-size : 60%;
}
label.opt-label.check {
float : right;
padding : 0;
margin : 1px 4px;
cursor : pointer;
}
label.opt-label.main-label {
margin : 0 2px;
font-weight : bold;
font-size : 75%;
}
label.opt-label.main-label span {
font-weight : normal;
color : #FF6600;
font-sze : 60%;
}
label.opt-label.main-label span.req, label span.req {
font-weight : bold;
color : #c70000;
}
label.req-label.explain {
color : #666;
font-size : .8em;
}
label.req-label.explain:hover {
color : #000;
}
/* === control and interface form elements ========================= */
/*
note: In this section you will see the hover/focus styles for the
inputs. For example: input:hover, input:focus. You will also see
these names applied as classes: input.hover, input,focus, for
example. This is not done by mistake. Those classes are needed for
the JavaScript focus script (files/focus.js) for IE 7 and older.
*/
input.text-long.address, input.text-long.address:hover, input.text-long.address:focus,
input.text-long.address.hover, input.text-long.address.focus {
border-bottom : 0;
margin-bottom : 0;
padding-bottom : 2px;
border-bottom : 1px dotted #bbb;
}
input.text-long.address2, input.text-long.address2:hover, input.text-long.address2:focus,
input.text-long.address2.hover, input.text-long.address2.focus {
border-top : 0;
margin-top : 0;
padding-top : 2px;
border-top : 1px dotted #bbb;
}
input.checkbox {
border : 1px solid #999;
width : .9em;
height :.9em;
padding : 0;
margin : 0;
cursor : pointer;
}
input.checkbox:hover, input.checkbox.hover,
input.checkbox:focus, input.checkbox.focus {
border : 1px solid #666;
}
input.text-short,
input.text-med,
input.text-long,
select.select,
textarea.textarea {
font : 0.6em verdana, helvetica, palatino sans, tahoma, arial, sans-serif;
border : 1px solid #999;
background-color : #fffffe;
cursor : text;
padding : 1px 2px;
}
select.select {
padding : 1px 0;
}
input.text-short {
width : 75px;
}
input.text-med, select.select {
width : 150px;
}
input.text-long {
width : 175px;
}
textarea.textarea {
width : 220px;
height : 100px;
}
select.select, select.select option {
cursor : pointer;
}
input.text-short:focus, input.text-short.focus,
input.text-med:focus, input.text-med.focus,
input.text-long:focus, input.text-long.focus,
select.select:focus, input.select.focus,
textarea.textarea:focus, textarea.textarea.focus {
border : 1px solid #666;
background-color : #ffe;
}
input.button {
font : 0.9em verdana, helvetica, palatino sans, tahoma, arial, sans-serif;
font-weight : bold;
margin-top : 8px;
padding : 1px 10px;
cursor : pointer;
float : right;
clear : both;
color : #003366;
}
input.button:hover, input.button.hover,
input.button:focus, input.button.focus {
color : #333;
}
/* because IE6 sucks - if you have a conditionally served IE6 style sheet add this to it */
* html input.button {
border : 1px solid #666;
}
/* EOF - Created by Mike Cherim @ http://green-beast.com =========== */
thanks ahead of time!!!
Last edited by htmlbasictutor; 07-06-2009 at 02:08 PM..
|
|
|
|
07-06-2009, 01:05 PM
|
#2 (permalink)
|
|
v7n Mentor
Join Date: 11-01-03
Location: Kansas City
Posts: 1,338
|
If you really wanted to, just put the contents you want in a div and float it to the left and put the rest in another div and float it to the right.
Put those 2 divs inside a container div and call it a day.
If you don't care about tableless, then just put it into a table.
Simple as that.
__________________
█ Izzmo
█ Coding Guru Extraordinaire
█ ZeroWeb Hosting & Design - Customizable hosting for every type of user!
|
|
|
|
|
07-06-2009, 01:22 PM
|
#3 (permalink)
|
|
Junior Member
Join Date: 06-23-09
Posts: 20
Latest Blog:
None
|
can you copy paste the code where i need to put the code??
|
|
|
|
|
07-06-2009, 01:50 PM
|
#4 (permalink)
|
|
v7n Mentor
Join Date: 11-01-03
Location: Kansas City
Posts: 1,338
|
Well, you only showed the CSS, which is part of it, but you need to show some of your actual code as well.
__________________
█ Izzmo
█ Coding Guru Extraordinaire
█ ZeroWeb Hosting & Design - Customizable hosting for every type of user!
|
|
|
|
|
07-07-2009, 09:51 AM
|
#5 (permalink)
|
|
Junior Member
Join Date: 06-23-09
Posts: 20
Latest Blog:
None
|
figured it out..
Quote:
Originally Posted by Izzmo
Well, you only showed the CSS, which is part of it, but you need to show some of your actual code as well.
|
OK-
I got it all figured out how I want, now I need to know how to remove those goofy looking fieldset outlines under the SPAM question and the SUBMIT button...
any ideas?
thanks for all the help |
|
|
|
|
07-07-2009, 12:03 PM
|
#6 (permalink)
|
|
v7n Mentor
Join Date: 11-01-03
Location: Kansas City
Posts: 1,338
|
.. We need a image or something so I can see what you are talking about.
Live link possibly?
__________________
█ Izzmo
█ Coding Guru Extraordinaire
█ ZeroWeb Hosting & Design - Customizable hosting for every type of user!
|
|
|
|
|
07-08-2009, 06:41 AM
|
#7 (permalink)
|
|
Junior Member
Join Date: 06-23-09
Posts: 20
Latest Blog:
None
|
live link and my contactpage.php
Quote:
Originally Posted by Izzmo
.. We need a image or something so I can see what you are talking about.
Live link possibly?
|
here is the live link
chrstiancouriernewspaper.com/blogbase/contactpage.php
here is the code for that page:
Code:
// EOH
?>
<form id="gbcf-form" method="post" action="<?php echo htmlentities($action); ?>#results">
<fieldset class="main-set"<?php echo $main_border; ?>>
<legend class="main-legend"><span<?php echo $main_legnd; ?>><?php echo $main_legend; ?></span></legend>
<label class="opt-label main-label"><?php echo $main_label; echo'<span>'.$required_combo.'</span>'; ?></label><?php echo $add_break; ?>
<!--required set 1-->
<fieldset class="req-set"<?php echo $req_border; ?>>
<legend class="req-legend"><span<?php echo $sub_legnds; ?>><?php echo $req1_legend; ?></span></legend>
<td>
<label id="name-error" for="name" class="req-label"<?php echo $name_errlbl; ?>><?php echo $name_label; echo $required_symbol; ?></label><?php echo $add_break; ?>
<input type="text" class="text-med" name="name" value="<?php echo $name_value; ?>" size="32" maxlength="<?php echo $name_len; ?>" id="name"<?php echo $name_border; ?><?php echo $x_or_h; ?>><?php echo $add_break; ?>
<label id="email-error" for="email" class="req-label"<?php echo $email_errlbl; ?>><?php echo $email_label; echo $required_symbol ?></label><?php echo $add_break; ?>
<input type="text" class="text-med" name="email" value="<?php echo $email_value; ?>" size="32" maxlength="<?php echo $email_len; ?>" id="email"<?php echo $email_border; ?><?php echo $x_or_h; ?>><?php echo $add_break; ?>
<?php if(($get_org != "yes") && ($get_phone != "yes") && ($get_website != "yes") && ($get_address != "yes") && ($get_optmenu != "yes")) {
// Nada
} else { ?>
</fieldset>
<!--optional set--> <table> <tr> <td>
<fieldset class="opt-set" <?php echo $opt_border; ?>>
<legend class="opt-legend"><span<?php echo $sub_legnds; ?>><?php echo $opt_legend; ?></span></legend>
<?php if($get_org != "yes") {
// Nada
} else { ?>
<label id="org-error" for="org" class="req-label"<?php echo $org_errlbl; ?>><?php echo $org_label; ?></label><?php echo $add_break; ?>
<input type="text" class="text-med" name="org" value="<?php echo $org_value; ?>" size="32" maxlength="<?php echo $org_len; ?>" id="org"<?php echo $org_border; ?><?php echo $x_or_h; ?>><?php echo $add_break; ?><td>
<?php } ?>
<?php if($get_phone != "yes") {
// Nada
} else { ?>
<label id="phone-error" for="phone" class="req-label"<?php echo $phone_errlbl; ?>><?php echo $phone_label; ?></label><?php echo $add_break; ?>
<input type="text" class="text-med" name="phone" value="<?php echo $phone_value; ?>" size="32" maxlength="<?php echo $phone_len; ?>" id="phone"<?php echo $phone_border; ?><?php echo $x_or_h; ?>><?php echo $add_break; ?>
<td><?php } ?>
<?php if($get_address != "yes") {
// Nada
} else { ?>
<label id="address1" for="address" class="req-label"<?php echo $addy1_errlbl; ?>><?php echo $addy1_label; ?></label><?php echo $add_break; ?>
<input type="text" class="text-long address" name="address" value="<?php echo $addy1_value; ?>" size="42" maxlength="<?php echo $addy1_len; ?>" id="address"<?php echo $addy1_border; ?><?php echo $x_or_h; ?>>
<label id="addy2-error" for="address2" class="req-label address2"<?php echo $addy2_errlbl; ?>><?php echo $add_break; ?><?php echo $addy2_label; ?></label><?php echo $add_break; ?>
<input type="text" class="text-long address2" name="address2" value="<?php echo $addy2_value; ?>" size="42" maxlength="<?php echo $addy2_len; ?>" id="address2"<?php echo $addy2_border; ?><?php echo $x_or_h; ?>><?php echo $add_break; ?>
<tr><td><td>
<label id="city-error" for="city" class="req-label"<?php echo $city_errlbl; ?>><?php echo $city_label; ?></label><?php echo $add_break; ?>
<input type="text" class="text-med" name="city" value="<?php echo $city_value; ?>" size="32" maxlength="<?php echo $city_len; ?>" id="city"<?php echo $city_border; ?><?php echo $x_or_h; ?>><?php echo $add_break; ?>
<td><?php if($language != "sv") { ?>
<label id="state-error" for="state" class="req-label"<?php echo $state_errlbl; ?>><?php echo $state_label; ?></label><?php echo $add_break; ?>
<input type="text" class="text-med" name="state" value="<?php echo $state_value; ?>" size="32" maxlength="<?php echo $state_len; ?>" id="state"<?php echo $state_border; ?><?php echo $x_or_h; ?>><?php echo $add_break; ?>
<tr><td><td><?php } ?>
<label id="postcode-error" for="postcode" class="req-label"<?php echo $postcode_errlbl; ?>><?php echo $postcode_label; ?></label><?php echo $add_break; ?>
<input type="text" class="text-short" name="postcode" value="<?php echo $postcode_value; ?>" size="22" maxlength="<?php echo $postcode_len; ?>" id="postcode"<?php echo $postcode_border; ?><?php echo $x_or_h; ?>><?php echo $add_break; ?>
<td> <label id="country-error" for="country" class="req-label"<?php echo $country_errlbl; ?>><?php echo $country_label; ?></label><?php echo $add_break; ?>
<input type="text" class="text-short" name="country" value="<?php echo $country_value; ?>" size="22" maxlength="<?php echo $country_len; ?>" id="country"<?php echo $country_border; ?><?php echo $x_or_h; ?>><?php echo $add_break; ?>
<tr><td><td><?php } ?>
<?php if($get_website != "yes") {
// Nada
} else { ?>
<label id="website-error" for="website" class="req-label"<?php echo $web_errlbl; ?>><?php echo $web_label; ?></label><?php echo $add_break; ?>
<input type="text" class="text-med" name="website" value="<?php echo $web_value; ?>" size="32" maxlength="<?php echo $web_len; ?>" id="website"<?php echo $web_border; ?><?php echo $x_or_h; ?>><?php echo $add_break; ?>
<td><?php } ?>
<?php if($get_optmenu != "yes") {
// Nada
} else { ?>
<label id="optmenu-error" for="option-menu" class="req-label"<?php echo $optmenu_errlbl; ?>><?php echo $optmenu_label; ?></label><?php echo $add_break; ?>
<select class="select" name="option-menu" id="option-menu"<?php echo $optmenu_border; ?>>
<?php
echo $optmenu_data;
reset($options);
while (list(, $opts) = each($options)) {
echo ' <option value="'.$opts.'">'.$opts.'</option>'."\n";
} ?>
</select><?php echo $add_break; ?>
<?php } ?></tr></td></table>
</fieldset>
<!--required set 2-->
<table><tr><td>
<fieldset class="req-set"<?php echo $req_border; ?>>
<legend class="req-legend"><span<?php echo $sub_legnds; ?>><?php echo $req2_legend; ?></span></legend>
<?php } ?>
<label id="subject-error" for="subject" class="req-label"<?php echo $subject_errlbl; ?>><?php echo $subject_label; echo $required_symbol; ?></label><?php echo $add_break; ?>
<select class="select" name="subject" id="subject"<?php echo $subject_border; ?>>
<?php
echo $subject_data;
reset($subjects);
while (list(, $subs) = each($subjects)) {
echo ' <option value="'.$subs.'">'.$subs.'</option>'."\n";
} ?>
</select><?php echo $add_break; ?>
<label id="message-error" for="message" class="req-label"<?php echo $message_errlbl; ?>><?php echo $message_label; echo $required_symbol; ?></label><?php echo $add_break; ?>
<textarea class="textarea" rows="12" cols="60" name="message" id="message"<?php echo $message_border; ?>><?php echo $message_value; ?></textarea><?php echo $add_break; ?>
<label id="antispam-error" for="antispam" class="req-label"<?php echo $antispam_errlbl; ?>><?php echo $spam_question; echo $required_symbol; ?></label><?php echo $add_break; ?>
<input type="text" class="text-short" name="antispam" value="<?php echo $spam_value; ?>" size="22" maxlength="<?php echo $spam_len; ?>" id="antispam"<?php echo $antispam_border; ?><?php echo $x_or_h; ?>>
<tr><td>
<label id="antispam-error" for="antispam" class="req-label" <?php echo $antispam_errlbl; ?>><?php echo $spam_explain; ?></label><?php echo $add_break; ?>
</fieldset>
<div<?php echo $offset; ?>>
<label id="honeypot-error" for="honeypot" class="opt-label"><?php echo $honeypot_label; ?></label><?php echo $add_break; ?>
<input type="text" class="text-med" name="honeypot" value="" size="32" maxlength="255" id="honeypot"<?php echo $x_or_h; ?>><?php echo $add_break; ?>
<?php
$form_key = "$ext_key$set_key";
echo '<input type="hidden" name="hidden" value="fk'.$form_key.'" id="hidden" alt="hidden"'.$x_or_h.'>'."\n";
?>
</div>
<?php if($offer_cc_opt != "yes") {
// Nada
} else { ?>
<label id="cc-opt-error" class="opt-label check">
<input class="checkbox" type="checkbox" name="cc-opt" id="cc-opt" value="cc"<?php echo $cc_chk_value; ?><?php echo $x_or_h; ?>> <?php echo $cc_label; ?></label><?php echo $add_break; ?>
<?php } ?>
<input type="submit" class="button" name="<?php echo $form_id; ?>" id="<?php echo $form_id; ?>" value="<?php echo $submit_text; ?>" alt="<?php echo $submit_text; ?>"<?php echo $x_or_h; ?>><br<?php echo $x_or_h; ?>>
</td></tr></table>
</form><?php
what I need is
1- for some reason everything got shifted center, but it should be aligned left.
and the 2nd column should be aligned center
2- that goofy empty fieldset space under the anti-spam deleted
any ideas??
thanks
Last edited by htmlbasictutor; 07-08-2009 at 10:04 AM..
|
|
|
|
|
07-08-2009, 07:31 AM
|
#8 (permalink)
|
|
v7n Mentor
Join Date: 11-01-03
Location: Kansas City
Posts: 1,338
|
I cannot see the website. (link broken)
__________________
█ Izzmo
█ Coding Guru Extraordinaire
█ ZeroWeb Hosting & Design - Customizable hosting for every type of user!
|
|
|
|
|
07-08-2009, 07:33 AM
|
#9 (permalink)
|
|
Junior Member
Join Date: 06-23-09
Posts: 20
Latest Blog:
None
|
Quote:
Originally Posted by Izzmo
I cannot see the website. (link broken)
|
go to
christiancouriernewspaper dot com / blogbase then click on the contact icon
thanks |
|
|
|
|
07-08-2009, 08:42 AM
|
#10 (permalink)
|
|
v7n Mentor
Join Date: 11-01-03
Location: Kansas City
Posts: 1,338
|
What I would suggest doing is putting borders around different elements, such as the fieldset, and see whether the fieldset is aligning to the center, or if it's content is aligning to the center and adjust it that way.
__________________
█ Izzmo
█ Coding Guru Extraordinaire
█ ZeroWeb Hosting & Design - Customizable hosting for every type of user!
|
|
|
|
|
07-08-2009, 08:45 AM
|
#11 (permalink)
|
|
Junior Member
Join Date: 06-23-09
Posts: 20
Latest Blog:
None
|
Quote:
Originally Posted by Izzmo
What I would suggest doing is putting borders around different elements, such as the fieldset, and see whether the fieldset is aligning to the center, or if it's content is aligning to the center and adjust it that way.
|
if this is my code:
Code:
// EOH
?>
<form id="gbcf-form" method="post" action="<?php echo htmlentities($action); ?>#results">
<fieldset class="main-set"<?php echo $main_border; ?>>
<legend class="main-legend"><span<?php echo $main_legnd; ?>><?php echo $main_legend; ?></span></legend>
<label class="opt-label main-label"><?php echo $main_label; echo'<span>'.$required_combo.'</span>'; ?></label><?php echo $add_break; ?>
<!--required set 1-->
<fieldset class="req-set"<?php echo $req_border; ?>>
<legend class="req-legend"><span<?php echo $sub_legnds; ?>><?php echo $req1_legend; ?></span></legend>
<td>
<label id="name-error" for="name" class="req-label"<?php echo $name_errlbl; ?>><?php echo $name_label; echo $required_symbol; ?></label><?php echo $add_break; ?>
<input type="text" class="text-med" name="name" value="<?php echo $name_value; ?>" size="32" maxlength="<?php echo $name_len; ?>" id="name"<?php echo $name_border; ?><?php echo $x_or_h; ?>><?php echo $add_break; ?>
<label id="email-error" for="email" class="req-label"<?php echo $email_errlbl; ?>><?php echo $email_label; echo $required_symbol ?></label><?php echo $add_break; ?>
<input type="text" class="text-med" name="email" value="<?php echo $email_value; ?>" size="32" maxlength="<?php echo $email_len; ?>" id="email"<?php echo $email_border; ?><?php echo $x_or_h; ?>><?php echo $add_break; ?>
<?php if(($get_org != "yes") && ($get_phone != "yes") && ($get_website != "yes") && ($get_address != "yes") && ($get_optmenu != "yes")) {
// Nada
} else { ?>
</fieldset>
<!--optional set--> <table> <tr> <td>
<fieldset class="opt-set" <?php echo $opt_border; ?>>
<legend class="opt-legend"><span<?php echo $sub_legnds; ?>><?php echo $opt_legend; ?></span></legend>
<?php if($get_org != "yes") {
// Nada
} else { ?>
<label id="org-error" for="org" class="req-label"<?php echo $org_errlbl; ?>><?php echo $org_label; ?></label><?php echo $add_break; ?>
<input type="text" class="text-med" name="org" value="<?php echo $org_value; ?>" size="32" maxlength="<?php echo $org_len; ?>" id="org"<?php echo $org_border; ?><?php echo $x_or_h; ?>><?php echo $add_break; ?><td>
<?php } ?>
<?php if($get_phone != "yes") {
// Nada
} else { ?>
<label id="phone-error" for="phone" class="req-label"<?php echo $phone_errlbl; ?>><?php echo $phone_label; ?></label><?php echo $add_break; ?>
<input type="text" class="text-med" name="phone" value="<?php echo $phone_value; ?>" size="32" maxlength="<?php echo $phone_len; ?>" id="phone"<?php echo $phone_border; ?><?php echo $x_or_h; ?>><?php echo $add_break; ?>
<td><?php } ?>
<?php if($get_address != "yes") {
// Nada
} else { ?>
<label id="address1" for="address" class="req-label"<?php echo $addy1_errlbl; ?>><?php echo $addy1_label; ?></label><?php echo $add_break; ?>
<input type="text" class="text-long address" name="address" value="<?php echo $addy1_value; ?>" size="42" maxlength="<?php echo $addy1_len; ?>" id="address"<?php echo $addy1_border; ?><?php echo $x_or_h; ?>>
<label id="addy2-error" for="address2" class="req-label address2"<?php echo $addy2_errlbl; ?>><?php echo $add_break; ?><?php echo $addy2_label; ?></label><?php echo $add_break; ?>
<input type="text" class="text-long address2" name="address2" value="<?php echo $addy2_value; ?>" size="42" maxlength="<?php echo $addy2_len; ?>" id="address2"<?php echo $addy2_border; ?><?php echo $x_or_h; ?>><?php echo $add_break; ?>
<tr><td><td>
<label id="city-error" for="city" class="req-label"<?php echo $city_errlbl; ?>><?php echo $city_label; ?></label><?php echo $add_break; ?>
<input type="text" class="text-med" name="city" value="<?php echo $city_value; ?>" size="32" maxlength="<?php echo $city_len; ?>" id="city"<?php echo $city_border; ?><?php echo $x_or_h; ?>><?php echo $add_break; ?>
<td><?php if($language != "sv") { ?>
<label id="state-error" for="state" class="req-label"<?php echo $state_errlbl; ?>><?php echo $state_label; ?></label><?php echo $add_break; ?>
<input type="text" class="text-med" name="state" value="<?php echo $state_value; ?>" size="32" maxlength="<?php echo $state_len; ?>" id="state"<?php echo $state_border; ?><?php echo $x_or_h; ?>><?php echo $add_break; ?>
<tr><td><td><?php } ?>
<label id="postcode-error" for="postcode" class="req-label"<?php echo $postcode_errlbl; ?>><?php echo $postcode_label; ?></label><?php echo $add_break; ?>
<input type="text" class="text-short" name="postcode" value="<?php echo $postcode_value; ?>" size="22" maxlength="<?php echo $postcode_len; ?>" id="postcode"<?php echo $postcode_border; ?><?php echo $x_or_h; ?>><?php echo $add_break; ?>
<td> <label id="country-error" for="country" class="req-label"<?php echo $country_errlbl; ?>><?php echo $country_label; ?></label><?php echo $add_break; ?>
<input type="text" class="text-short" name="country" value="<?php echo $country_value; ?>" size="22" maxlength="<?php echo $country_len; ?>" id="country"<?php echo $country_border; ?><?php echo $x_or_h; ?>><?php echo $add_break; ?>
<tr><td><td><?php } ?>
<?php if($get_website != "yes") {
// Nada
} else { ?>
<label id="website-error" for="website" class="req-label"<?php echo $web_errlbl; ?>><?php echo $web_label; ?></label><?php echo $add_break; ?>
<input type="text" class="text-med" name="website" value="<?php echo $web_value; ?>" size="32" maxlength="<?php echo $web_len; ?>" id="website"<?php echo $web_border; ?><?php echo $x_or_h; ?>><?php echo $add_break; ?>
<td><?php } ?>
<?php if($get_optmenu != "yes") {
// Nada
} else { ?>
<label id="optmenu-error" for="option-menu" class="req-label"<?php echo $optmenu_errlbl; ?>><?php echo $optmenu_label; ?></label><?php echo $add_break; ?>
<select class="select" name="option-menu" id="option-menu"<?php echo $optmenu_border; ?>>
<?php
echo $optmenu_data;
reset($options);
while (list(, $opts) = each($options)) {
echo ' <option value="'.$opts.'">'.$opts.'</option>'."\n";
} ?>
</select><?php echo $add_break; ?>
<?php } ?></tr></td></table>
</fieldset>
<!--required set 2-->
<table><tr><td>
<fieldset class="req-set"<?php echo $req_border; ?>>
<legend class="req-legend"><span<?php echo $sub_legnds; ?>><?php echo $req2_legend; ?></span></legend>
<?php } ?>
<label id="subject-error" for="subject" class="req-label"<?php echo $subject_errlbl; ?>><?php echo $subject_label; echo $required_symbol; ?></label><?php echo $add_break; ?>
<select class="select" name="subject" id="subject"<?php echo $subject_border; ?>>
<?php
echo $subject_data;
reset($subjects);
while (list(, $subs) = each($subjects)) {
echo ' <option value="'.$subs.'">'.$subs.'</option>'."\n";
} ?>
</select><?php echo $add_break; ?>
<label id="message-error" for="message" class="req-label"<?php echo $message_errlbl; ?>><?php echo $message_label; echo $required_symbol; ?></label><?php echo $add_break; ?>
<textarea class="textarea" rows="12" cols="60" name="message" id="message"<?php echo $message_border; ?>><?php echo $message_value; ?></textarea><?php echo $add_break; ?>
<label id="antispam-error" for="antispam" class="req-label"<?php echo $antispam_errlbl; ?>><?php echo $spam_question; echo $required_symbol; ?></label><?php echo $add_break; ?>
<input type="text" class="text-short" name="antispam" value="<?php echo $spam_value; ?>" size="22" maxlength="<?php echo $spam_len; ?>" id="antispam"<?php echo $antispam_border; ?><?php echo $x_or_h; ?>>
<tr><td>
<label id="antispam-error" for="antispam" class="req-label" <?php echo $antispam_errlbl; ?>><?php echo $spam_explain; ?></label><?php echo $add_break; ?>
</fieldset>
<div<?php echo $offset; ?>>
<label id="honeypot-error" for="honeypot" class="opt-label"><?php echo $honeypot_label; ?></label><?php echo $add_break; ?>
<input type="text" class="text-med" name="honeypot" value="" size="32" maxlength="255" id="honeypot"<?php echo $x_or_h; ?>><?php echo $add_break; ?>
<?php
$form_key = "$ext_key$set_key";
echo '<input type="hidden" name="hidden" value="fk'.$form_key.'" id="hidden" alt="hidden"'.$x_or_h.'>'."\n";
?>
</div>
<?php if($offer_cc_opt != "yes") {
// Nada
} else { ?>
<label id="cc-opt-error" class="opt-label check">
<input class="checkbox" type="checkbox" name="cc-opt" id="cc-opt" value="cc"<?php echo $cc_chk_value; ?><?php echo $x_or_h; ?>> <?php echo $cc_label; ?></label><?php echo $add_break; ?>
<?php } ?>
<input type="submit" class="button" name="<?php echo $form_id; ?>" id="<?php echo $form_id; ?>" value="<?php echo $submit_text; ?>" alt="<?php echo $submit_text; ?>"<?php echo $x_or_h; ?>><br<?php echo $x_or_h; ?>>
</td></tr></table>
</form><?php
where would I put it?
thanks |
|
|
|
|
07-08-2009, 09:59 AM
|
#12 (permalink)
|
|
v7n Mentor
Join Date: 11-01-03
Location: Kansas City
Posts: 1,338
|
If I have time when I get off work today, I can help you a little more with this.
But for now, I would just put it into the styling of the fieldset itself. This is just to check yourself and see where things are getting positioned. After that, you can remove it.
So, you have:
Code:
<fieldset class="main-set"<?php echo $main_border; ?>>
Which all you would need to do is this to enact a border:
Code:
<fieldset class="main-set"<?php echo $main_border; ?> style="border: 1px solid red;">
__________________
█ Izzmo
█ Coding Guru Extraordinaire
█ ZeroWeb Hosting & Design - Customizable hosting for every type of user!
|
|
|
|
|
07-08-2009, 12:00 PM
|
#13 (permalink)
|
|
Junior Member
Join Date: 06-23-09
Posts: 20
Latest Blog:
None
|
Quote:
Originally Posted by Izzmo
If I have time when I get off work today, I can help you a little more with this.
But for now, I would just put it into the styling of the fieldset itself. This is just to check yourself and see where things are getting positioned. After that, you can remove it.
So, you have:
Code:
<fieldset class="main-set"<?php echo $main_border; ?>>
Which all you would need to do is this to enact a border:
Code:
<fieldset class="main-set"<?php echo $main_border; ?> style="border: 1px solid red;">
|
OK-
I put that code in
Code:
<fieldset class="main-set"<?php echo $main_border; ?> style="border: 1px solid red;">
and absolutely nothing changed.
I think something is messed up with my <tr> or <td> I think something may be out of line. I appreciate all your help in helping me |
|
|
|
|
07-08-2009, 02:18 PM
|
#14 (permalink)
|
|
Super Moderator
Join Date: 10-29-07
Location: British Columbia, Canada
Posts: 3,142
|
From the coding submitted above,
One thing I can see is that you haven't closed your td sets of tags.
|
|
|
|
|
07-08-2009, 02:21 PM
|
#15 (permalink)
|
|
Super Moderator
Join Date: 10-29-07
Location: British Columbia, Canada
Posts: 3,142
|
You might want to run your page through the W3C validation service. There are a lot of errors in your live form. |
|
|
|
|
Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
|
|
|
| Thread Tools |
|
|
| Display Modes |
 Linear Mode
|
Posting Rules
|
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
HTML code is Off
|
|
|
All times are GMT -7. The time now is 08:29 AM.
© Copyright 2008 V7 Inc
Powered by vBulletin
Copyright © 2000-2009 Jelsoft Enterprises Limited.
|
|
|
