424,303 Members | 1,339 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 424,303 IT Pros & Developers. It's quick & easy.

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

P: n/a
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
Share this Question
Share on Google+
24 Replies


P: n/a
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

P: n/a
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

P: n/a
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

P: n/a
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

P: n/a
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

P: n/a

"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

P: n/a
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

P: n/a
"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

P: n/a
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

P: n/a
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

P: n/a
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

P: n/a
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

P: n/a

"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

P: n/a

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

P: n/a
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

P: n/a
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

P: n/a
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

P: n/a

"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

P: n/a
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

P: n/a
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

P: n/a
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

P: n/a
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

P: n/a
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

P: n/a
"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 discussion thread is closed

Replies have been disabled for this discussion.