|
|
|
| |||||||||
![]() |
|
|
«
Previous Thread
|
Next Thread
»
|
Thread Tools | Search this Thread | Rate Thread | Display Modes |
|
#1
|
|||
|
|||
|
[note: I created a new thread as my example has shifted a bit ... it was 'white-space and checkboxes']
The site http://www.thedancegypsy.com/test/checkBoxes.shtml contains two rows of checkboxes that are *supposed* to (a) indent any wrapped lines, and (b) keep each label with the corresponding checkbox when it does so. The only difference(s) in the *sources* for the two rows are: - in the first, the html for each checkBox is written on a separate line, but in the second they are separated by only a space. - box ids were different to allow for html validity check. Each paragraph has the form: <p style = "margin-left: 2in; text-indent: -1in;">...(labels) .. </p> Each label/checkbox has the form: <label for="boxA2"><input type="checkbox" id="boxA2" > Combo A</label> Alas, on my IE brower (5.2 for mac on mac os 10.3), when changing screen sizes * the first row manages to keep each label with the corresponding checkbox -- but fails to indent. * the second row indents (reasonably well) but totally fails to keep the checkboxes with the labels. Any ideas???? Notes: This test started with an attempt to get a similar line of checkboxes to render correctly on a windows IE environment...] All lines are now handwritten, rather than the javascript coded lines I had in my earlier example... separation is now via non-breaking space rather than nowrap spans. If duplicate ids are allowed, the result is the same |
|
#2
|
||||
|
||||
|
FYI -
it actually works perfectly the way you intended it to in IE6 on windows xp mozilla does the indent but the check boxes dont stay with the label. not sure why though..
__________________
"I hate quotations." -ralph waldo emerson- |
|
#3
|
||||
|
||||
|
Again, Moz, IE6, and Opera7 all act as expected. I'm unable to replicate cliffhanger's experience with Moz.
I thought OS X users were too intelligent to use IE. ![]() cheers, gary
__________________
There are those who manage to build a web site without knowing what they're doing; thereby proving to themselves they do, indeed, know what they're doing. My html and css workshop, demos and tutorials. Ask a better question, get a better answer. |
|
#4
|
|||
|
|||
|
cliffhanger
does that mean that for you, both lines performed the same? what version of mozilla are you using guess I need to find more people with older version of ie Quote:
|
|
#5
|
|||
|
|||
|
Quote:
well we are but, alas, we can't talk to all the IE users the way Cheney addresses Senator Leahy |
|
#6
|
||||
|
||||
|
Quote:
jsut to clarify....i am using Mozilla Firefox 0.8 on winXP, not the regular Mozilla client.. and yes both lines do the same thing and i can easily reproduce it...see attached screen shot hope this helps...good lucky!! ![]() |
|
#7
|
||||
|
||||
|
I concur with cliffhanger on FF0.8. Moz 1.3 works as expected.
cheers, gary |
![]() |
| Viewing: Dev Shed Forums > Web Design > CSS Help > indents and labels |
| Thread Tools | Search this Thread |
| Display Modes | Rate This Thread |
|
|
|
|