473,320 Members | 1,930 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,320 software developers and data experts.

radio buttons don't align with labels in css column layout

Any help greatly appreciated.

The validated page is at: http://myweb.stedwards.edu/michaelo/ddtab.htm

The trouble is with the radio buttons (2/3-down the left column). The
radios are displaying a line above their respective labels. Here are the
html and css snippets:

<fieldset class="radio">
<legend>Credit card</legend>
<label><input name=card1 type="radio" />American Express</label>
<label><input name=card1 type="radio" />Mastercard</label>
<label><input name=card1 type="radio" />Visa</label>
</fieldset>

#columnarForm fieldset{
float: left;
display: block;
width: 24em;
margin: 0 1em 1em 1em;
padding: 0 1em 1em 1em;
}

#columnarForm legend{
font-weight: bold;
}

#columnarForm fieldset.radio
{
width: 18em;
margin: -1em 0 2em 0;
}

#columnarForm fieldset.radio input
{
clear: both;
float: left;
position: static;
}

#columnarForm fieldset.radio label
{
font-weight: normal;
}
Jan 4 '06 #1
24 19873
Mike Otten wrote:
Any help greatly appreciated.

The validated page is at: http://myweb.stedwards.edu/michaelo/ddtab.htm

The trouble is with the radio buttons (2/3-down the left column). The
radios are displaying a line above their respective labels. Here are the
html and css snippets: [snip]
#columnarForm fieldset.radio input
{
clear: both;
float: left;
position: static; width: auto;
height: auto; }

[snip]

You needed to cancel out the specific width and height you'd set in the
properties for the more general selector:

#columnarForm input
Jan 4 '06 #2
Well, that had a lot more effect than the things I've been trying. But now
the labels and the radios are all smushed on top of eachother:

Newer version: http://myweb.stedwards.edu/michaelo/ddtab1.htm
Original version: http://myweb.stedwards.edu/michaelo/ddtab.htm

On a related note, I am wide open to any suggestions for getting the
checkboxes to move over closer to their labels (right column, halfway down
and near the bottom).

Thanks for your help-

Mike

"Harlan Messinger" <hm*******************@comcast.net> wrote in message
news:42*************@individual.net...
Mike Otten wrote:
Any help greatly appreciated.

The validated page is at: http://myweb.stedwards.edu/michaelo/ddtab.htm

The trouble is with the radio buttons (2/3-down the left column). The
radios are displaying a line above their respective labels. Here are the
html and css snippets:

[snip]

#columnarForm fieldset.radio input
{
clear: both;
float: left;
position: static;

width: auto;
height: auto;
}

[snip]

You needed to cancel out the specific width and height you'd set in the
properties for the more general selector:

#columnarForm input

Jan 4 '06 #3
Mike Otten wrote:
Any help greatly appreciated.

The validated page is at: http://myweb.stedwards.edu/michaelo/ddtab.htm

The trouble is with the radio buttons (2/3-down the left column). The
radios are displaying a line above their respective labels. Here are the
html and css snippets:


I don't see anything on that page except Customer and Product tabs and a
large empty pale yellow area.

Why are you designing a new page as Transitional? You should be using
HTML 4.01 Strict.

http://www.w3.org/QA/2002/04/valid-dtd-list.html

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

Why this?

<br><br><br><br><br><br><br><br><br><br><br><br><b r><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><b r><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><b r><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><b r><br><br><br>

--
-bts
-Warning: I brake for lawn deer
Jan 4 '06 #4
Mike Otten wrote:
Well, that had a lot more effect than the things I've been trying. But now
the labels and the radios are all smushed on top of eachother:

Newer version: http://myweb.stedwards.edu/michaelo/ddtab1.htm
Original version: http://myweb.stedwards.edu/michaelo/ddtab.htm

Oh, yeah: you also have to override the float on the labels, which I'd
done and forgotten to mention:

#columnarForm fieldset.radio label
{
font-weight: normal;
float: none;
}
On a related note, I am wide open to any suggestions for getting the
checkboxes to move over closer to their labels (right column, halfway down
and near the bottom).


Your checkboxes are the same width as your text entry fields for the
same reason that your radio buttons were the same width as your text
entry fields. Now you have the solution.
Jan 4 '06 #5
TADA!! Thank you so much Harlan Messinger. My radio buttons display
pleasurably! I hope you have a great afternoon.

I am still wrestling with the checkboxes and have not had any hunt/peck luck
with the syntax. I am trying to cancel the width and height that I set for
"input" (the more general selector), but can't get the syntax right for
either checkboxes or submit buttons (as shown below).

I've tried:
#columnarForm input.checkbox { width: auto; height: auto; }
#columnarForm input checkbox { width: auto; height: auto; }
#columnarForm label input.checkbox { width: auto; height: auto; }
And a few others I am too embarrassed to post!

<fieldset>
<label>Tax Exempt <INPUT TYPE=checkbox value="" /> </label>
<INPUT TYPE=submit value="Add Another Note" />
</fieldset>

Again,thanks for your help with the radio buttons. As is obvious, I am
pretty lost and frustrated with css.

Mike

"Harlan Messinger" <hm*******************@comcast.net> wrote in message
news:42*************@individual.net...
Mike Otten wrote:
Well, that had a lot more effect than the things I've been trying. But
now the labels and the radios are all smushed on top of eachother:

Newer version: http://myweb.stedwards.edu/michaelo/ddtab1.htm
Original version: http://myweb.stedwards.edu/michaelo/ddtab.htm


Oh, yeah: you also have to override the float on the labels, which I'd
done and forgotten to mention:

#columnarForm fieldset.radio label
{
font-weight: normal;
float: none;
}
On a related note, I am wide open to any suggestions for getting the
checkboxes to move over closer to their labels (right column, halfway
down and near the bottom).


Your checkboxes are the same width as your text entry fields for the same
reason that your radio buttons were the same width as your text entry
fields. Now you have the solution.

Jan 4 '06 #6

"Beauregard T. Shagnasty" <a.*********@example.invalid> wrote in message
news:1o*****************************@40tude.net...
Mike Otten wrote:
I don't see anything on that page except Customer and Product tabs and a
large empty pale yellow area.
Not sure how to help. Looks ok in Firefox and IE, which, for me, is enough.
Why are you designing a new page as Transitional? You should be using
HTML 4.01 Strict.
Just copied it from another page. I switch, and get about 75 validation
errors. The first 5 of which make no sense to me.
Why this?

<br><br><br><br><br><br><br><br><br><br><br><br><b r><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><b r><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><b r><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><b r><br><br><br>


Gets my links down below the tab content area.

Thanks for you input-

Mike
Jan 4 '06 #7
Mike Otten wrote:
"Beauregard T. Shagnasty" <a.*********@example.invalid> wrote in message
news:1o*****************************@40tude.net...
Mike Otten wrote:
I don't see anything on that page except Customer and Product tabs
and a large empty pale yellow area.
Not sure how to help. Looks ok in Firefox and IE, which, for me, is
enough.


Turn off JavaScript. Are you going to assume every visitor has the
capability? Personally, I don't understand why you write nearly the
entire page with it. JavaScript should only be used for fluff and not
for anything critical.
Why are you designing a new page as Transitional? You should be using
HTML 4.01 Strict.


Just copied it from another page. I switch, and get about 75
validation errors. The first 5 of which make no sense to me.


Apparently you didn't leave it on the server, so we can't help you with
the errors.
Why this?

<br><br><br><br><br><br><br><br><br><br><br><br><b r><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><b r><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><b r><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><b r><br><br><br>


Gets my links down below the tab content area.


You should use CSS and set top and bottom margins to the elements where
you need space.

Also, you should have a look at the page after increasing the text size.
In Firefox (with JavaScript on) I pressed Control-Plus twice because my
eyes are bad, and your whole page fell apart.

You haven't assigned a background color to the body element, so my ugly
purple is used.
Thanks for you input-


My pleasure.

--
-bts
-Warning: I brake for lawn deer
Jan 4 '06 #8
"Beauregard T. Shagnasty" <a.*********@example.invalid> wrote in message
news:1a******************************@40tude.net.. .

Turn off JavaScript. [snip]
It's the the only way I could find to do a tabbed pane where you don't have
to click on the tabs. Open and welcome to an example of an alternative.
You should be using HTML 4.01 Strict. Apparently you didn't leave it on the server


I had a related suggestion to put the css and js in external files, which
I've done. The current page is now at
http://myweb.stedwards.edu/michaelo/ddtab2.htm
Why this?
<br><br><br><br><br><br><br><br><br><br><br><br><b r><br><br><br>

You should use CSS and set top and bottom margins to the elements where
you need space.


Will do. Any syntax tips are most welcome.
Also, you should have a look at the page after increasing the text size.
In Firefox (with JavaScript on) I pressed Control-Plus twice because my
eyes are bad, and your whole page fell apart.

You haven't assigned a background color to the body element, so my ugly
purple is used.


Excellent points! Any suggestions for managing +/- fonts? And I am very
new to css and don't know how to set the body background.
Jan 4 '06 #9
Mike Otten wrote:
TADA!! Thank you so much Harlan Messinger. My radio buttons display
pleasurably! I hope you have a great afternoon.

I am still wrestling with the checkboxes and have not had any hunt/peck luck
with the syntax. I am trying to cancel the width and height that I set for
"input" (the more general selector), but can't get the syntax right for
either checkboxes or submit buttons (as shown below).

I've tried:
#columnarForm input.checkbox { width: auto; height: auto; }
This will work if you set the attribute class="checkbox" in your
checkboxes' INPUT tags, which was my solution. This is almost what you
did with the radio buttons, except in that case you grouped them into
their own fieldset and applied the "radio" class to that fieldset.
#columnarForm input checkbox { width: auto; height: auto; }
This would apply to a checkbox tag inside an input tag. Since there's no
such thing as a checkbox tag, and you don't have any, this won't work.
#columnarForm label input.checkbox { width: auto; height: auto; }
Same comment as my first one.
And a few others I am too embarrassed to post!

<fieldset>
<label>Tax Exempt <INPUT TYPE=checkbox value="" /> </label>
<INPUT TYPE=submit value="Add Another Note" />
</fieldset>

Again,thanks for your help with the radio buttons. As is obvious, I am
pretty lost and frustrated with css.

Mike

"Harlan Messinger" <hm*******************@comcast.net> wrote in message
news:42*************@individual.net...
Mike Otten wrote:
Well, that had a lot more effect than the things I've been trying. But
now the labels and the radios are all smushed on top of eachother:

Newer version: http://myweb.stedwards.edu/michaelo/ddtab1.htm
Original version: http://myweb.stedwards.edu/michaelo/ddtab.htm


Oh, yeah: you also have to override the float on the labels, which I'd
done and forgotten to mention:

#columnarForm fieldset.radio label
{
font-weight: normal;
float: none;
}

On a related note, I am wide open to any suggestions for getting the
checkboxes to move over closer to their labels (right column, halfway
down and near the bottom).


Your checkboxes are the same width as your text entry fields for the same
reason that your radio buttons were the same width as your text entry
fields. Now you have the solution.


Jan 4 '06 #10
Mike Otten wrote:
"Beauregard T. Shagnasty" <a.*********@example.invalid> wrote in message
news:1a******************************@40tude.net.. .

Turn off JavaScript. [snip]
It's the the only way I could find to do a tabbed pane where you don't have
to click on the tabs. Open and welcome to an example of an alternative.
You should be using HTML 4.01 Strict.

Apparently you didn't leave it on the server


I had a related suggestion to put the css and js in external files, which
I've done. The current page is now at
http://myweb.stedwards.edu/michaelo/ddtab2.htm


But now you've made it XHTML 1.0 Strict, which will give problems to IE
users. IE doesn't do XHTML.
Why this?
<br><br><br><br><br><br><br><br><br><br><br><br><b r><br><br><br>

You should use CSS and set top and bottom margins to the elements where
you need space.


Will do. Any syntax tips are most welcome.


Put a margin-top: 3em; or whatever is appropriate, in the style for the
element you want to shove downward.
Also, you should have a look at the page after increasing the text size.
In Firefox (with JavaScript on) I pressed Control-Plus twice because my
eyes are bad, and your whole page fell apart.

You haven't assigned a background color to the body element, so my ugly
purple is used.


Excellent points! Any suggestions for managing +/- fonts?


You need to assign font sizes with percentage instead of px (for IE
users) and you need to undo all the fixed positioning. Your page is
reasonably complex, and I don't have time at the moment to redo it all
for you. Sorry.

If I were you, though, I would seriously consider moving from JavaScript
to plain HTML for the page.

Firefox PrefBar makes it easy to disable JavaScript and other things:
http://prefbar.mozdev.org/ and a screenshot with Customize open:
http://k75s.home.att.net/images/prefbar.png
And I am very new to css and don't know how to set the body
background.


body { background-color: #fff; }

--
-bts
-Warning: I brake for lawn deer
Jan 4 '06 #11
Harlan Messinger wrote:
Mike Otten wrote:
TADA!! Thank you so much Harlan Messinger. My radio buttons display
pleasurably! I hope you have a great afternoon.

I am still wrestling with the checkboxes and have not had any
hunt/peck luck with the syntax. I am trying to cancel the width and
height that I set for "input" (the more general selector), but can't
get the syntax right for either checkboxes or submit buttons (as shown
below).

I've tried:
#columnarForm input.checkbox { width: auto; height: auto; }

This will work if you set the attribute class="checkbox" in your
checkboxes' INPUT tags, which was my solution. This is almost what you
did with the radio buttons, except in that case you grouped them into
their own fieldset and applied the "radio" class to that fieldset.


Technically, the following CSS syntax will do what you want without
requiring a new class, but IE doesn't recognize it. It works in Firefox.

#columnarForm input[type=checkbox] { ... }
Jan 4 '06 #12
Wow! Tons of fixes, everything works, except in IE (radio buttons are
squished) Current files at:

http://myweb.stedwards.edu/michaelo/ddtab.htm
http://myweb.stedwards.edu/michaelo/mystyles.css
"Harlan Messinger" <hm*******************@comcast.net> wrote in message
news:42*************@individual.net...
Mike Otten wrote:
Well, that had a lot more effect than the things I've been trying. But
now the labels and the radios are all smushed on top of eachother:

Newer version: http://myweb.stedwards.edu/michaelo/ddtab1.htm
Original version: http://myweb.stedwards.edu/michaelo/ddtab.htm


Oh, yeah: you also have to override the float on the labels, which I'd
done and forgotten to mention:

#columnarForm fieldset.radio label
{
font-weight: normal;
float: none;
}
On a related note, I am wide open to any suggestions for getting the
checkboxes to move over closer to their labels (right column, halfway
down and near the bottom).


Your checkboxes are the same width as your text entry fields for the same
reason that your radio buttons were the same width as your text entry
fields. Now you have the solution.

Jan 4 '06 #13

"Beauregard T. Shagnasty" <a.*********@example.invalid> wrote in message
news:qy*****************************@40tude.net...
If I were you, though, I would seriously consider moving from JavaScript


Would love to. Do you have any suggestions for doing the click-less tabbed
view (where mouseover is enough to switch tabs)?
You need to assign font sizes with percentage instead of px (for IE
users) and you need to undo all the fixed positioning.


Will work on it, thank you for the suggestions.

I have a lot of fixes now (below), valid HTML 4.01 Strict, the body color,
radio/checkboxes/submit are lining up correctly.... So much help. I am very
gratevul.

http://myweb.stedwards.edu/michaelo/ddtab.htm

Mike
Jan 4 '06 #14

On Wed, 4 Jan 2006, Mike Otten wrote:
"Beauregard T. Shagnasty" <a.*********@example.invalid> wrote in message
Why this?

<br><br><br><br><br><br><br><br><br><br><br><br><b r><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><b r><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><b r><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><b r><br><br><br>


Gets my links down below the tab content area.


The fact that you can post that answer, without cringeing, suggests
that you are unfamiliar with current WWW authoring practices.

That single line was most well and truly broken! in HTML terms. What
the browser makes of it is undefined. Use CSS for presentation
proposals.
Jan 4 '06 #15
Mike Otten wrote:
"Beauregard T. Shagnasty" <a.*********@example.invalid> wrote in message
news:qy*****************************@40tude.net...
If I were you, though, I would seriously consider moving from
JavaScript


Would love to. Do you have any suggestions for doing the click-less
tabbed view (where mouseover is enough to switch tabs)?


Is that the only reason? Clickless tabs?

Most surfers are used to clicking on links (and tabs), so I see no need
to overly complicate the page just for that. In fact, I'd bet that
almost all of your visitors will still click on the tabs. It's
pre-programmed in their little heads.

Having the content generated by JavaScript (the forms) is far more
serious than any clickless tabs, though.
You need to assign font sizes with percentage instead of px (for IE
users) and you need to undo all the fixed positioning.


Will work on it, thank you for the suggestions.

I have a lot of fixes now (below), valid HTML 4.01 Strict, the body
color, radio/checkboxes/submit are lining up correctly.... So much
help. I am very gratevul.


I'm still seeing the credit card radio buttons in disarray. "Visa" is on
top of "Mastercard". "American?" American Express?

And the right-most portion of the longer labels is under the input
fields.

I don't see a Submit button - only a Add Another Note button. What will
the visitor click to .. um .. submit the form?
http://myweb.stedwards.edu/michaelo/ddtab.htm


--
-bts
-Warning: I brake for lawn deer
Jan 4 '06 #16
Mike Otten wrote:
Wow! Tons of fixes, everything works, except in IE (radio buttons are
squished)
I don't know why that *doesn't* happen in Firefox, but, again, look at
what you've specified for the more general case:

#columnarForm label{
clear: both;
float: left;
display: block;
width: 9em;
margin-top: -1em;
font-weight: bold;
}

Check the margin-top. I don't know whether or why it's appropriate for
any of the other labels, but that's what's smooshing the radio button
labels. Override for the specific case with margin-top: 0.

Current files at:
http://myweb.stedwards.edu/michaelo/ddtab.htm
http://myweb.stedwards.edu/michaelo/mystyles.css

"Harlan Messinger" <hm*******************@comcast.net> wrote in message
news:42*************@individual.net...
Mike Otten wrote:
Well, that had a lot more effect than the things I've been trying. But
now the labels and the radios are all smushed on top of eachother:

Newer version: http://myweb.stedwards.edu/michaelo/ddtab1.htm
Original version: http://myweb.stedwards.edu/michaelo/ddtab.htm


Oh, yeah: you also have to override the float on the labels, which I'd
done and forgotten to mention:

#columnarForm fieldset.radio label
{
font-weight: normal;
float: none;
}

On a related note, I am wide open to any suggestions for getting the
checkboxes to move over closer to their labels (right column, halfway
down and near the bottom).


Your checkboxes are the same width as your text entry fields for the same
reason that your radio buttons were the same width as your text entry
fields. Now you have the solution.


Jan 4 '06 #17
Mike Otten wrote:
"Beauregard T. Shagnasty" <a.*********@example.invalid> wrote in message
news:1a******************************@40tude.net.. .
Turn off JavaScript. [snip]

It's the the only way I could find to do a tabbed pane where you don't have
to click on the tabs. Open and welcome to an example of an alternative.

You should be using HTML 4.01 Strict.


Apparently you didn't leave it on the server

I had a related suggestion to put the css and js in external files, which
I've done. The current page is now at
http://myweb.stedwards.edu/michaelo/ddtab2.htm

Why this?
<br><br><br><br><br><br><br><br><br><br><br><b r><br><br><br><br>


You should use CSS and set top and bottom margins to the elements where
you need space.

Will do. Any syntax tips are most welcome.

Also, you should have a look at the page after increasing the text size.
In Firefox (with JavaScript on) I pressed Control-Plus twice because my
eyes are bad, and your whole page fell apart.

You haven't assigned a background color to the body element, so my ugly
purple is used.

Excellent points! Any suggestions for managing +/- fonts? And I am very
new to css and don't know how to set the body background.

Jan 4 '06 #18

"Beauregard T. Shagnasty" <a.*********@example.invalid> wrote in message
news:1q*****************************@40tude.net...
Having the content generated by JavaScript (the forms) is far more
serious than any clickless tabs, though.
Couldn't agree more, but they're a requirement set by the client. Believe
me, I tried! ;(
I'm still seeing the credit card radio buttons in disarray.
And the right-most portion of the longer labels [snip]
Yes, working on both. Thank you.
I don't see a Submit button


Accurate again! Just not there yet.

Do you have any (general) suggestions for recoding my CSS to eliminate pixel
and absolute measurements? I could live with, say, suggesting a 2-column
layout that basically flow-fills with my top-level fieldsets (Company,
Billing, Contact, Alternate Contact, etc.). My expectation would be that
roughly the first half fill the left column and the remainder fill the right
column. If the things get too big (width-wise), then drop to a single
column (still flow-filling from top to bottom). I'd have no idea how to do
this with CSS. Any tips welcome.

Mike
Jan 4 '06 #19
Mike Otten wrote:
"Beauregard T. Shagnasty" <a.*********@example.invalid> wrote in message
news:1a******************************@40tude.net.. .
Turn off JavaScript. [snip]

It's the the only way I could find to do a tabbed pane where you don't have
to click on the tabs. Open and welcome to an example of an alternative.


Er--me no like the clickless tabs. When I'm moving my mouse from point A
to point B on my screen, I don't like major display changes occurring
because the path happens to cross trigger point C that I wasn't even
paying attention to.
Jan 4 '06 #20
You the man Harlan! Thanks for riding it out with me. Apologies for being
so new/lost.

"Harlan Messinger" <hm*******************@comcast.net> wrote in message
news:42*************@individual.net...
Mike Otten wrote:
Wow! Tons of fixes, everything works, except in IE (radio buttons are
squished)


I don't know why that *doesn't* happen in Firefox, but, again, look at
what you've specified for the more general case:

#columnarForm label{
clear: both;
float: left;
display: block;
width: 9em;
margin-top: -1em;
font-weight: bold;
}

Check the margin-top. I don't know whether or why it's appropriate for any
of the other labels, but that's what's smooshing the radio button labels.
Override for the specific case with margin-top: 0.

Current files at:

http://myweb.stedwards.edu/michaelo/ddtab.htm
http://myweb.stedwards.edu/michaelo/mystyles.css

"Harlan Messinger" <hm*******************@comcast.net> wrote in message
news:42*************@individual.net...
Mike Otten wrote:

Well, that had a lot more effect than the things I've been trying. But
now the labels and the radios are all smushed on top of eachother:

Newer version: http://myweb.stedwards.edu/michaelo/ddtab1.htm
Original version: http://myweb.stedwards.edu/michaelo/ddtab.htm
Oh, yeah: you also have to override the float on the labels, which I'd
done and forgotten to mention:

#columnarForm fieldset.radio label
{
font-weight: normal;
float: none;
}
On a related note, I am wide open to any suggestions for getting the
checkboxes to move over closer to their labels (right column, halfway
down and near the bottom).

Your checkboxes are the same width as your text entry fields for the same
reason that your radio buttons were the same width as your text entry
fields. Now you have the solution.



Jan 4 '06 #21
Me be on your side. Client want, client pay.

"Harlan Messinger" <hm*******************@comcast.net> wrote in message
news:42*************@individual.net...
Mike Otten wrote:
"Beauregard T. Shagnasty" <a.*********@example.invalid> wrote in message
news:1a******************************@40tude.net.. .
Turn off JavaScript. [snip]

It's the the only way I could find to do a tabbed pane where you don't
have to click on the tabs. Open and welcome to an example of an
alternative.


Er--me no like the clickless tabs. When I'm moving my mouse from point A
to point B on my screen, I don't like major display changes occurring
because the path happens to cross trigger point C that I wasn't even
paying attention to.

Jan 4 '06 #22
Mike Otten wrote:
"Beauregard T. Shagnasty" <a.*********@example.invalid> wrote in message
news:1q*****************************@40tude.net...
Having the content generated by JavaScript (the forms) is far more
serious than any clickless tabs, though.
Couldn't agree more, but they're a requirement set by the client.
Believe me, I tried! ;(


The client? I have never had a client tell me what technology must be
used for a web page/site. Never once. My clients don't even have a clue
what JavaScript _is_, much less insist it be used (to eliminate 10% of
his clients).

Yeah, tell him that. Most good guesses are that ~10% of web surfers have
JavaScript disabled or unavailable, perhaps stripped by corporate
firewalls. You might as well turn off the web site for a month each
year.
I don't see a Submit button


Accurate again! Just not there yet.


Oh, ok.
Do you have any (general) suggestions for recoding my CSS to
eliminate pixel and absolute measurements? ...


Not without sitting down and redoing the whole page...

Oh. I know why it just says "American". Your width is to narrow for
"Express".

#columnarForm label { .. dump the font-weight: bold

--
-bts
-Warning: I brake for lawn deer
Jan 4 '06 #23
Mike Otten wrote:
Wow! Tons of fixes, everything works, except in IE (radio buttons are
squished) Current files at:

http://myweb.stedwards.edu/michaelo/ddtab.htm


Hmmm... you might want to zoom text a couple notches and see how it all
"works" then. I use a larger-than-average text size with an enforced
minimum font-size of 17px. The height:1200px is failing miserably in
this case.

Some elements overlap ('Related Links' is very bad), and several text
inputs overlap their corresponding labels by a character or so. The
radio buttons aren't aligned well, either. It looks sloppy, not to
mention the impaired readability.

--
Reply email address is a bottomless spam bucket.
Please reply to the group so everyone can share.
Jan 4 '06 #24
"Mike Otten" <Mi***********@yahoo.com> wrote in
news:8L******************************@texas.net:

"Beauregard T. Shagnasty" <a.*********@example.invalid> wrote in
message news:1q*****************************@40tude.net...
Having the content generated by JavaScript (the forms) is far more
serious than any clickless tabs, though.


Couldn't agree more, but they're a requirement set by the client.
Believe me, I tried! ;(


<shaking head in disbelief>
Client? Are you saying that you know so little about HTML and CSS and
you are attempting to create pages for a client? For money?

--
Stan McCann "Uncle Pirate" http://stanmccann.us/pirate.html
Webmaster/Computer Center Manager, NMSU at Alamogordo
http://alamo.nmsu.edu/ There are 10 kinds of people.
Those that understand binary and those that don't.
Jan 5 '06 #25

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

Similar topics

4
by: Ken Fine | last post by:
I've made a content managment system that uses icons to represent page layouts. To choose a different layout, the user clicks on a radio button associated with each layout icon. On click of one of...
15
by: JR | last post by:
Hi. I hope someone out there who is more versed with JavaScript than I can help me with the following annoying problem. Here's the problem. I have a form with the following layout: Column A...
3
by: ewitkop90 | last post by:
Here is my code: <SCRIPT> function transportchange(transport) { if (framenewinstall.Helpdesk.checked) framenewinstall.Helpdesk.checked=false; if (framenewinstall.CircuitNumber.checked)...
2
by: jimi_xyz | last post by:
Sorry if this isn't the correct group, i don't think there is a group for straight HTML. I am trying to create a type of search engine. There are two radio buttons at the top, in the middle there...
33
by: Brian | last post by:
I have a list of plain HTML radio buttons that I want to be able to loop through, get the values from them and insert them into a db. each one should be a separate record... Can anyone please give...
1
by: Jerry | last post by:
We have a 10-question quiz for kids, each question being a yes or no answer using radio selections. I'd like to keep a current total of yes's and no's at the bottom of the quiz (if the user selects...
2
by: dpazza | last post by:
Hi, I'm creating a quiz on using a form in VB 2005 express. I have four sets of questions and answers (labels and radio buttons) and I change between which set of questions is currently shown on...
7
by: moksha | last post by:
Hi, I am new to javascript and i am facing a problem in coding. plz help me out. I am using javascript for dynamically creating a table row which contains text boxes and radio...
0
by: DolphinDB | last post by:
The formulas of 101 quantitative trading alphas used by WorldQuant were presented in the paper 101 Formulaic Alphas. However, some formulas are complex, leading to challenges in calculation. Take...
0
by: DolphinDB | last post by:
Tired of spending countless mintues downsampling your data? Look no further! In this article, you’ll learn how to efficiently downsample 6.48 billion high-frequency records to 61 million...
0
by: ryjfgjl | last post by:
ExcelToDatabase: batch import excel into database automatically...
0
by: Vimpel783 | last post by:
Hello! Guys, I found this code on the Internet, but I need to modify it a little. It works well, the problem is this: Data is sent from only one cell, in this case B5, but it is necessary that data...
0
by: jfyes | last post by:
As a hardware engineer, after seeing that CEIWEI recently released a new tool for Modbus RTU Over TCP/UDP filtering and monitoring, I actively went to its official website to take a look. It turned...
0
by: ArrayDB | last post by:
The error message I've encountered is; ERROR:root:Error generating model response: exception: access violation writing 0x0000000000005140, which seems to be indicative of an access violation...
0
by: CloudSolutions | last post by:
Introduction: For many beginners and individual users, requiring a credit card and email registration may pose a barrier when starting to use cloud servers. However, some cloud server providers now...
0
by: Defcon1945 | last post by:
I'm trying to learn Python using Pycharm but import shutil doesn't work
0
by: af34tf | last post by:
Hi Guys, I have a domain whose name is BytesLimited.com, and I want to sell it. Does anyone know about platforms that allow me to list my domain in auction for free. Thank you

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.