Re: [css-d] Recommendation

[Larry Martell]

On Fri, Jul 21, 2017 at 3:16 PM, Sansan Ngo  wrote:
> Hello,
>
> I am new to learning CSS and was wondering if there were any free webhosting
> sites that you can recommend to run my CSS coding on?
>
> Many thanks in advance for your help

jsfiddle.net and codepen.io are ones I use
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Issue with bootstrap checkbox

[Larry Martell]

I have an app that's been dropped in my lap that uses bootstrap
checkbox. On Chrome the boxes are blank - i.e. if you click on them
they don't checked, although the action associated with checking or
unchecking them is performed. In the console I see these errors:

Failed to decode downloaded font:
http://foo.bar.com:8000/fonts/glyphicons-halflings-regular.woff
OTS parsing error: invalid version tag
Failed to decode downloaded font:
http://foo.bar.com:8000/fonts/glyphicons-halflings-regular.ttf
OTS parsing error: invalid version tag
Failed to decode downloaded font:
http://foo.bar.com:8000/fonts/glyphicons-halflings-regular.woff2
OTS parsing error: invalid version tag

On FF I don't get these errors, but the boxes still do not have checks
in them - they have E067 then they're checked and E157 when they are
unchecked.

I looked in the bootstrap-glyphicons.css file and found this:

.glyphicon-check:before{content:"\e067";}
.glyphicon-unchecked:before{content:"\e157";}

What are those Chrome errors and why don't I get them on FF?
How can I get the checkmarks to properly appear on both browers?

Thanks!
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] align 4 divs horizontally

[Larry Martell]

On Tue, Mar 29, 2016 at 9:43 PM, Karl DeSaulniers <k...@designdrumm.com> wrote:
> Hi Larry,
> I believe with bootstrap you have to set 12 col to span the full distance of 
> the parent.
> Then if you want 4 evenly spaced cols inside that you divide by 4.
>
> 12 / 4 = 3 so each child col needs to be set to 3.
> Col 6 is half the width of the parent.
> So yeah..  two col on top of two cols.
>
> 
>   
>   
>   
>   chart 1
>   
>   
>   chart 2
>   
>   
>   chart 3
>   
>   
>   chart 4
>   
> .
>
> if the above needs to fit in a 10 col, then create a 12col div inside the 10 
> col that you then divide into 4ths.

Thank you so much Karl. That did it!

> On Mar 29, 2016, at 5:24 PM, Larry Martell <larry.mart...@gmail.com> wrote:
>
>> 
>>   
>>   
>>   
>>   chart 1
>>   
>>   
>>   chart 2
>>   
>>   
>>   chart 3
>>   
>>   
>>   chart 4
>>   
>> .
>> .
>> .
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] align 4 divs horizontally

[Larry Martell]

On Tue, Mar 29, 2016 at 7:27 PM, Tom Livingston <tom...@gmail.com> wrote:
>
>
> On Tuesday, March 29, 2016, Larry Martell <larry.mart...@gmail.com> wrote:
>>
>> The bootstrap class col-xs-6, which the charts are in is float left.
>> None have clear set.
>>
>
> If I'm not mistaken, col-xs-6 is extra small 6 column width. Can that width
> be too small? Can you over ride it?

I removed that class then I got the 4 charts vertically aligned. I
tried adding display=inline-block but that didn't change anything.
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] align 4 divs horizontally

[Larry Martell]

The bootstrap class col-xs-6, which the charts are in is float left.
None have clear set.

On Tue, Mar 29, 2016 at 7:12 PM, Tom Livingston <tom...@gmail.com> wrote:
> Are charts floating? Are any charts set to clear?
>
>
> On Tuesday, March 29, 2016, Larry Martell <larry.mart...@gmail.com> wrote:
>>
>> I went thought all the parent elements and I did not see a width set.
>> No I don't have a link, this is an in house app, and not available
>> externally.
>>
>> On Tue, Mar 29, 2016 at 6:10 PM, Chris Rockwell <ch...@chrisrockwell.com>
>> wrote:
>> > There is likely a width set on one of the parents causing the overflow
>> > scrolling. Do you have a link?
>> >
>> >
>> > On Tue, Mar 29, 2016, 6:09 PM Larry Martell <larry.mart...@gmail.com>
>> > wrote:
>> >>
>> >> I am trying to align 4 divs horizontally. I know I've successfully
>> >> done this before with either display: inline-block or position: static
>> >> or something. But no matter what I've tried with this case I always
>> >> get 2 divs lined up horizontally and then 2 divs below those.
>> >>
>> >> This is big ugly app I didn't write and there's a lot of inherited
>> >> CSS. These divs contain charts, and the app was displaying 2 charts
>> >> next to each other. Now they want 4 charts all next to each other. The
>> >> 2 charts fit in the window, but the 4 will not and the user will have
>> >> to scroll horizontally. There is a horizontal scroll bar on the
>> >> window.
>> >>
>> >> I think something is deciding that the window can't get wider, but I
>> >> don't know what that would be. Any ideas on what can I set on these 4
>> >> divs to get them to line up horizontally?
>> __
>> css-discuss [css-d@lists.css-discuss.org]
>> http://www.css-discuss.org/mailman/listinfo/css-d
>> List wiki/FAQ -- http://css-discuss.incutio.com/
>> List policies -- http://css-discuss.org/policies.html
>> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>
>
>
> --
>
> Tom Livingston | Senior Front End Developer | Media Logic |
> ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com
>
>
> #663399
>
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] align 4 divs horizontally

[Larry Martell]

I went thought all the parent elements and I did not see a width set.
No I don't have a link, this is an in house app, and not available
externally.

On Tue, Mar 29, 2016 at 6:10 PM, Chris Rockwell <ch...@chrisrockwell.com> wrote:
> There is likely a width set on one of the parents causing the overflow
> scrolling. Do you have a link?
>
>
> On Tue, Mar 29, 2016, 6:09 PM Larry Martell <larry.mart...@gmail.com> wrote:
>>
>> I am trying to align 4 divs horizontally. I know I've successfully
>> done this before with either display: inline-block or position: static
>> or something. But no matter what I've tried with this case I always
>> get 2 divs lined up horizontally and then 2 divs below those.
>>
>> This is big ugly app I didn't write and there's a lot of inherited
>> CSS. These divs contain charts, and the app was displaying 2 charts
>> next to each other. Now they want 4 charts all next to each other. The
>> 2 charts fit in the window, but the 4 will not and the user will have
>> to scroll horizontally. There is a horizontal scroll bar on the
>> window.
>>
>> I think something is deciding that the window can't get wider, but I
>> don't know what that would be. Any ideas on what can I set on these 4
>> divs to get them to line up horizontally?
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] align 4 divs horizontally

[Larry Martell]

Actually this appear to be using bootstrap. The charts are created
within bootstrap classes. The hierarchy is:


   
   
   
   chart 1
   
   
   chart 2
   
   
   chart 3
   
   
   chart 4
   
 .
 .
 .

This is how it was before but just with 2 charts. I added charts 3 and 4.


On Tue, Mar 29, 2016 at 6:09 PM, Angela French <afre...@sbctc.edu> wrote:
> Is bootstrap an option?
>
> -Original Message-
> From: css-d-boun...@lists.css-discuss.org 
> [mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of Larry Martell
> Sent: Tuesday, March 29, 2016 3:08 PM
> To: CSS Discuss
> Subject: [css-d] align 4 divs horizontally
>
> I am trying to align 4 divs horizontally. I know I've successfully done this 
> before with either display: inline-block or position: static or something. 
> But no matter what I've tried with this case I always get 2 divs lined up 
> horizontally and then 2 divs below those.
>
> This is big ugly app I didn't write and there's a lot of inherited CSS. These 
> divs contain charts, and the app was displaying 2 charts next to each other. 
> Now they want 4 charts all next to each other. The
> 2 charts fit in the window, but the 4 will not and the user will have to 
> scroll horizontally. There is a horizontal scroll bar on the window.
>
> I think something is deciding that the window can't get wider, but I don't 
> know what that would be. Any ideas on what can I set on these 4 divs to get 
> them to line up horizontally?
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] align 4 divs horizontally

[Larry Martell]

I am trying to align 4 divs horizontally. I know I've successfully
done this before with either display: inline-block or position: static
or something. But no matter what I've tried with this case I always
get 2 divs lined up horizontally and then 2 divs below those.

This is big ugly app I didn't write and there's a lot of inherited
CSS. These divs contain charts, and the app was displaying 2 charts
next to each other. Now they want 4 charts all next to each other. The
2 charts fit in the window, but the 4 will not and the user will have
to scroll horizontally. There is a horizontal scroll bar on the
window.

I think something is deciding that the window can't get wider, but I
don't know what that would be. Any ideas on what can I set on these 4
divs to get them to line up horizontally?
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Google map link won't open in iPhone - is this a css issue?

[Larry Martell]

On Fri, Aug 8, 2014 at 4:30 PM,  bho...@aol.com wrote:
 Hi.  I'm not sure if this is a CSS issue, so please forgive me if it's
 not.  My Get Directions link on the right side of the page doesn't work  on
 the iPhone, but works fine on my PC.  Is this a CSS issue?
 http://www.sportsmansresource.com/anglercharters/index.htm

On my iPhone, reading my mail in the gmail app, clicking on that link
brought me to google maps with a pin dropped on Mansion Marina.
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] JavaScript / HTML groups

[Larry Martell]

On Mon, Aug 4, 2014 at 10:54 AM, Frank Taylor pace...@madebypaceaux.com wrote:
 Hi All,
 I apologize in advance for an off-topic question.
 I’ve been following this group for a while now and have learned a ton from it.
  Are there any groups like this one, but for HTML or JavaScript?

I usually use stackoverflow for those questions.
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Table with fixed headers

[Larry Martell]

On Sun, Jul 6, 2014 at 10:52 AM, Larry Martell larry.mart...@gmail.com wrote:
 On Sat, Jul 5, 2014 at 3:14 PM, Karl DeSaulniers k...@designdrumm.com wrote:

 On Jul 4, 2014, at 1:18 PM, Larry Martell larry.mart...@gmail.com wrote:

 On Thu, Jul 3, 2014 at 10:49 PM, Karl DeSaulniers k...@designdrumm.com 
 wrote:

 Hi Larry,
 See my code pen. I think this is what your wanting and it's table less. 
 :)

 http://codepen.io/designdrumm/pen/FLAkc

 Haven't tested on IE, I'm on a mac. But safari, firefox and opera seemed 
 to work and display the same.
 HTH,

 Karl, thanks very much for taking the time to put this up. But it
 still has the same issue - if a cell of data is long, then it runs
 into the adjoining cell, e.g.:

 http://codepen.io/anon/pen/IGcmt

 Also I need it to be table since we use a table sorting package.

 I've found a javascript solution that appears to work:

 http://nevcal.com/eclectic/UltimateScrollingTable.html

 The only issue I am having is that I've lost the on click handler for
 the table headers that invoke the sorting. I think I know how to fix
 it, but I haven't had a chance to implement it yet.

 I would much prefer a pure CSS solution, but I don't think that's
 possible while keeping all the features the table provides.


 Hi Larry,
 Give this one a try. I made this one with a table.
 HTH,

 http://codepen.io/designdrumm/pen/dreBL


 Hi Karl,

 Thanks very much for taking the time to put this up. The issue I see
 with this, is you set the column width to 33% (100/number of columns).
 In my tables I have 10-15 columns and I do not want them to be the
 same size - I need them to auto size based on the data. I played
 around with your code and when I added more columns, some with very
 short data (e.g. 4 characters), the headers and data got misaligned. I
 have 10 tables and they are all different and I don't want to have to
 have a style for each of my 125 cells. I'd like it to work as it does
 now (where I don't set any widths) and the table just works as I want.

 Thanks again.

Just to close out this thread, I ended up using
http://nevcal.com/eclectic/UltimateScrollingTable.html
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Table with fixed headers

[Larry Martell]

On Sat, Jul 5, 2014 at 3:14 PM, Karl DeSaulniers k...@designdrumm.com wrote:

 On Jul 4, 2014, at 1:18 PM, Larry Martell larry.mart...@gmail.com wrote:

 On Thu, Jul 3, 2014 at 10:49 PM, Karl DeSaulniers k...@designdrumm.com 
 wrote:

 Hi Larry,
 See my code pen. I think this is what your wanting and it's table less. :)

 http://codepen.io/designdrumm/pen/FLAkc

 Haven't tested on IE, I'm on a mac. But safari, firefox and opera seemed to 
 work and display the same.
 HTH,

 Karl, thanks very much for taking the time to put this up. But it
 still has the same issue - if a cell of data is long, then it runs
 into the adjoining cell, e.g.:

 http://codepen.io/anon/pen/IGcmt

 Also I need it to be table since we use a table sorting package.

 I've found a javascript solution that appears to work:

 http://nevcal.com/eclectic/UltimateScrollingTable.html

 The only issue I am having is that I've lost the on click handler for
 the table headers that invoke the sorting. I think I know how to fix
 it, but I haven't had a chance to implement it yet.

 I would much prefer a pure CSS solution, but I don't think that's
 possible while keeping all the features the table provides.


 Hi Larry,
 Give this one a try. I made this one with a table.
 HTH,

 http://codepen.io/designdrumm/pen/dreBL


Hi Karl,

Thanks very much for taking the time to put this up. The issue I see
with this, is you set the column width to 33% (100/number of columns).
In my tables I have 10-15 columns and I do not want them to be the
same size - I need them to auto size based on the data. I played
around with your code and when I added more columns, some with very
short data (e.g. 4 characters), the headers and data got misaligned. I
have 10 tables and they are all different and I don't want to have to
have a style for each of my 125 cells. I'd like it to work as it does
now (where I don't set any widths) and the table just works as I want.

Thanks again.
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Table with fixed headers

[Larry Martell]

On Thu, Jul 3, 2014 at 10:49 PM, Karl DeSaulniers k...@designdrumm.com wrote:

 On Jul 2, 2014, at 7:36 AM, Larry Martell larry.mart...@gmail.com wrote:

 On Tue, Jul 1, 2014 at 9:25 PM, Tom Livingston tom...@gmail.com wrote:

 Is it possible to have a scrolling table with fixed headers without
 explicitly specifying the table cell sizes?



 Depending on your content this may be (or outright is) semantically
 horrifying, but you could achieve the *visual look* you want by using
 CSS display:table, et al and/or dl,dt,dd and css and have better luck
 with the fixed header.

 Some googling resulted in nothing other than solutions similar to yours.

 That's a good one. I look forward to someone smarter than me figuring it 
 out...

 Thanks for the suggestion Tom, and also thanks for the validation that
 what I'm trying to do is hard ;-)


 Hi Larry,
 See my code pen. I think this is what your wanting and it's table less. :)

 http://codepen.io/designdrumm/pen/FLAkc

 Haven't tested on IE, I'm on a mac. But safari, firefox and opera seemed to 
 work and display the same.
 HTH,

Karl, thanks very much for taking the time to put this up. But it
still has the same issue - if a cell of data is long, then it runs
into the adjoining cell, e.g.:

http://codepen.io/anon/pen/IGcmt

Also I need it to be table since we use a table sorting package.

I've found a javascript solution that appears to work:

http://nevcal.com/eclectic/UltimateScrollingTable.html

The only issue I am having is that I've lost the on click handler for
the table headers that invoke the sorting. I think I know how to fix
it, but I haven't had a chance to implement it yet.

I would much prefer a pure CSS solution, but I don't think that's
possible while keeping all the features the table provides.
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Table with fixed headers

[Larry Martell]

On Fri, Jul 4, 2014 at 2:18 PM, Larry Martell larry.mart...@gmail.com wrote:
 On Thu, Jul 3, 2014 at 10:49 PM, Karl DeSaulniers k...@designdrumm.com 
 wrote:

 On Jul 2, 2014, at 7:36 AM, Larry Martell larry.mart...@gmail.com wrote:

 On Tue, Jul 1, 2014 at 9:25 PM, Tom Livingston tom...@gmail.com wrote:

 Is it possible to have a scrolling table with fixed headers without
 explicitly specifying the table cell sizes?



 Depending on your content this may be (or outright is) semantically
 horrifying, but you could achieve the *visual look* you want by using
 CSS display:table, et al and/or dl,dt,dd and css and have better luck
 with the fixed header.

 Some googling resulted in nothing other than solutions similar to yours.

 That's a good one. I look forward to someone smarter than me figuring it 
 out...

 Thanks for the suggestion Tom, and also thanks for the validation that
 what I'm trying to do is hard ;-)


 Hi Larry,
 See my code pen. I think this is what your wanting and it's table less. :)

 http://codepen.io/designdrumm/pen/FLAkc

 Haven't tested on IE, I'm on a mac. But safari, firefox and opera seemed to 
 work and display the same.
 HTH,

 Karl, thanks very much for taking the time to put this up. But it
 still has the same issue - if a cell of data is long, then it runs
 into the adjoining cell, e.g.:

 http://codepen.io/anon/pen/IGcmt

 Also I need it to be table since we use a table sorting package.

 I've found a javascript solution that appears to work:

 http://nevcal.com/eclectic/UltimateScrollingTable.html

 The only issue I am having is that I've lost the on click handler for
 the table headers that invoke the sorting. I think I know how to fix
 it, but I haven't had a chance to implement it yet.

 I would much prefer a pure CSS solution, but I don't think that's
 possible while keeping all the features the table provides.

I had only tested on FF and I just tried it on IE and it's not working
there. So bummed.
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Table with fixed headers

[Larry Martell]

On Thu, Jul 3, 2014 at 6:27 AM, Philippe Wittenbergh e...@l-c-n.com wrote:

 Le 2 juil. 2014 à 04:19, Larry Martell larry.mart...@gmail.com a écrit :

 But I want the table to be scrollable with a fixed header, so I do this:

 http://jsfiddle.net/mrLVG/

 From testing I found that I have to have  display: block; on both
 tbody.scrollContent and thead.fixedHeader tr or I do not get the
 scrollbars and fixed headers. But it is also the display: block that
 seems to be causing the misalignment.

 Is it possible to have a scrolling table with fixed headers without
 explicitly specifying the table cell sizes?

 By setting display:block on the tbody, you essentially remove the 
 “tableness”. As a result the browsers actually recreate a table inside your 
 tbody, wrapping around all your tr/td [*]. Same applies to your thead tr. 
 Messy situation… You might fix it partly by locking the width on each th/td - 
 which is no very attractive (cough… understatement).

 Have you seen this stack overflow?
 http://stackoverflow.com/questions/21003235/creating-a-sticky-header-on-a-thead
 No clean solutions, though.

 In the future, creating such a table-with-fixed-header will be much easier 
 thanks to position: sticky
 http://dev.w3.org/csswg/css-position-3/#sticky-positioning

 That is already implemented in Safari 6.1/7, is coming to Firefox 32, and is 
 implemented behind a flag in Bink based browsers (Opera, Chrome) – ask 
 $search_engine for the details about that flag. Unfortunately sticky 
 positioning on a table-header is not yet implemented; it works in Webkit 
 nightly builds but not in release builds, yet. Firefox has an open bug for it.

 Quick Example™:
 http://dev.l-c-n.com/_temp/scrollable-table.html
 The ‘some fixed heading’ is already sticky in Safari 7, the table works in 
 WebKit nightly builds and maybe Opera/chrome with the aforementioned flag 
 turned on.

 [*] see the CSS 2.1 spec for the reasons:
 http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes


Thanks for the detailed reply. I had seen a lot of SO posts about
this, but not the one you gave. I'll check it out.

The problem with specifying an explicit width for each column is that
I have 10 tables, each with 30-40 columns, and I don't always know the
width of the data. Also, we sort a table sorting package and that puts
an up/down arrow in the header when you click on it, and that changes
the width of the column.

All this new stuff sounds promising, but the client doesn't use
Chrome, and only allows FF version 12 and IE version 9. Hard to
believe, but true. They were running PHP version 5.1 and it took me 3
months to get them to upgrade to 5.4.
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Table with fixed headers

[Larry Martell]

On Tue, Jul 1, 2014 at 9:25 PM, Tom Livingston tom...@gmail.com wrote:

 Is it possible to have a scrolling table with fixed headers without
 explicitly specifying the table cell sizes?



 Depending on your content this may be (or outright is) semantically
 horrifying, but you could achieve the *visual look* you want by using
 CSS display:table, et al and/or dl,dt,dd and css and have better luck
 with the fixed header.

 Some googling resulted in nothing other than solutions similar to yours.

 That's a good one. I look forward to someone smarter than me figuring it 
 out...

Thanks for the suggestion Tom, and also thanks for the validation that
what I'm trying to do is hard ;-)
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Table with fixed headers

[Larry Martell]

Maybe if I ask this question a different way, I can figure out an answer.

Normally when I create a table I apply no CSS to it and it just does
the right thing, e.g.:

http://jsfiddle.net/u6ULk/

But I want the table to be scrollable with a fixed header, so I do this:

http://jsfiddle.net/mrLVG/

From testing I found that I have to have  display: block; on both
tbody.scrollContent and thead.fixedHeader tr or I do not get the
scrollbars and fixed headers. But it is also the display: block that
seems to be causing the misalignment.

Is it possible to have a scrolling table with fixed headers without
explicitly specifying the table cell sizes?

On Mon, Jun 30, 2014 at 4:33 PM, Larry Martell larry.mart...@gmail.com wrote:
 I am trying to implement a table with fixed headers using the concepts
 from this page:

 http://www.imaputz.com/cssStuff/bigFourVersion.html#

 Problem is, in my implementation, my table columns are not aligned
 with the table headers. Please see this fiddle:

 http://jsfiddle.net/softvar/yL84C/

 If I remove all the css the table is properly aligned. I'm sure it's
 something simple, but I cannot figure out what it is.

 Thanks!
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Table with fixed headers

[Larry Martell]

I am trying to implement a table with fixed headers using the concepts
from this page:

http://www.imaputz.com/cssStuff/bigFourVersion.html#

Problem is, in my implementation, my table columns are not aligned
with the table headers. Please see this fiddle:

http://jsfiddle.net/softvar/yL84C/

If I remove all the css the table is properly aligned. I'm sure it's
something simple, but I cannot figure out what it is.

Thanks!
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Table with fixed headers

[Larry Martell]

On Mon, Jun 30, 2014 at 3:10 PM, Chris Rockwell ch...@chrisrockwell.com wrote:
 That example explicitly sets the width of each th and each td. The last
 th and td (the td, really) accounts for what the author thinks will be
 the width of the scroll bar.  I forked your fiddle and added the top 3
 declarations: http://jsfiddle.net/cFr38/

 Hope it helps.

Thanks - this helps a lot  but is there a way to get the cells
automagically sized based on the data (which is what my table does now
without the new CSS)?

 On Mon, Jun 30, 2014 at 4:33 PM, Larry Martell larry.mart...@gmail.com
 wrote:

 I am trying to implement a table with fixed headers using the concepts
 from this page:

 http://www.imaputz.com/cssStuff/bigFourVersion.html#

 Problem is, in my implementation, my table columns are not aligned
 with the table headers. Please see this fiddle:

 http://jsfiddle.net/softvar/yL84C/

 If I remove all the css the table is properly aligned. I'm sure it's
 something simple, but I cannot figure out what it is.

 Thanks!
 __
 css-discuss [css-d@lists.css-discuss.org]
 http://www.css-discuss.org/mailman/listinfo/css-d
 List wiki/FAQ -- http://css-discuss.incutio.com/
 List policies -- http://css-discuss.org/policies.html
 Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Off-topic: using colspan with nested html tables

[Larry Martell]

Sorry for the off topic post, but I'm really stuck and there's no html
list that I know of.

I posted this question to stackoverflow, but have not gotten any replies:

http://stackoverflow.com/questions/23505433/using-colspan-with-nested-html-tables

So as not to clutter up the list, if anyone has an answer, please
reply there  unless of course, there's a css solution to this.

TIA!
-larry
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] How to align one word left and another word right in a select list without giving each its own class, div or style (and without using a monospace font)

[Larry Martell]

I have the need to align one word left and another word right in a
select list. If had direct control over the HTML I could do this:

div style=float: leftLEFT/divdiv style=float: rightRIGHT/div'

But the select list is being generated by something I have no control
over. My only way of styling this is by accessing the selector:

#query select[name=group]

Is there any way to do this? (And the client does not want a monospaced font.)

TIA!
-larry
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] How to align one word left and another word right in a select list without giving each its own class, div or style (and without using a monospace font)

[Larry Martell]

On Sun, Jan 19, 2014 at 12:48 PM, Philip Taylor p.tay...@rhul.ac.uk wrote:
 I think we need to /see/ the select list (i.e., the
 raw HTML emitted by whatever it is over which you have
 no control) in order to be able to offer suggestions ...

form id=query method=GET action=/report/CDSEM/MeasurementData/
autocomplete=off class=
label for=id_groupGroup/label
select id=id_group name=group
option value= selected=selected/option
option value=112S by_target/option
option value=213S by_target/option
option value=322SOI by_target/option
option value=4TEST by_target/option
option value=5TEST2 by_recipe/option
option value=6Lot1 by_lot/option
option value=7Lot2 by_lot/option
option value=8PPL1 by_ppl/option
option value=9PPL2 by_ppl/option
/select

 Larry Martell wrote:

 I have the need to align one word left and another word right in a
 select list. If had direct control over the HTML I could do this:

 div style=float: leftLEFT/divdiv style=float: rightRIGHT/div'

 But the select list is being generated by something I have no control
 over.
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] How to align one word left and another word right in a select list without giving each its own class, div or style (and without using a monospace font)

[Larry Martell]

On Sun, Jan 19, 2014 at 1:22 PM, Philip Taylor p.tay...@rhul.ac.uk wrote:


 Larry Martell wrote:

 form id=query method=GET action=/report/CDSEM/MeasurementData/
 autocomplete=off class=
 label for=id_groupGroup/label
 select id=id_group name=group
 option value= selected=selected/option
 option value=112S by_target/option
 option value=213S by_target/option
 [...]
 option value=8PPL1 by_ppl/option
 option value=9PPL2 by_ppl/option

 In that case, can you not style individual options via their value
 attributes [1] ?

 For example :

 STYLE type=text/css
 #query option {width: some fixed width [2]}
 #query option[value=12S] {text-align: left}
 #query option[value=13S] {text-align: right}
 /STYLE

 Caveat lector : untested !
 Philip Taylor
 
 [1] http://www.w3.org/TR/CSS2/selector.html#matching-attrs
 [2] sufficient to see the difference between left- and right-
 justified labels of maximum width

In my example, in the first option, I would need 12S left justified
and by_target right justified.
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] How to align one word left and another word right in a select list without giving each its own class, div or style (and without using a monospace font)

[Larry Martell]

On Sun, Jan 19, 2014 at 1:53 PM, Philip Taylor p.tay...@rhul.ac.uk wrote:


 Philip Taylor wrote:

 STYLE type=text/css
   #query option {text-align: right; width: some fixed width [2]}
   #query option::first-word {text-align: left} or
   #query option::first-word {float: left}
 /STYLE

 Nope, won't work.  There is, as yet, no ::first-word selector.
 I give up.

I appreciate your efforts. Is there any way I can use the text of each
option? I know the set of values that I want to be right aligned will
be one of (by_target, by_tool, by_recipe, by_ppl) and if it's not one
of those I want it left aligned.
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] How to align one word left and another word right in a select list without giving each its own class, div or style (and without using a monospace font)

[Larry Martell]

On Sun, Jan 19, 2014 at 2:44 PM, John D xfs...@hotmail.com wrote:
 I don't know if this is going to work but worth a try and adapt it for your
 situation:

 First the HTML:

 pspan id=first-word-leftLeft/spanspan
 id=first-word-rightRight/span/p

 Now the CSS:

 #first-word-left {
 float: left;
 }
 #first-word-right {
 float: right;
 }

 Of course, Id can be replaced by a class if you have many left and right
 items.

If I could generate the HTML myself this would not be at issue at all.
Unfortunately I can't. I posed the HTML I have to work with earlier in
the thread.


 I appreciate your efforts. Is there any way I can use the text of each
 option? I know the set of values that I want to be right aligned will
 be one of (by_target, by_tool, by_recipe, by_ppl) and if it's not one
 of those I want it left aligned.

__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] How to align one word left and another word right in a select list without giving each its own class, div or style (and without using a monospace font)

[Larry Martell]

On Sun, Jan 19, 2014 at 4:41 PM, MiB digital.disc...@gmail.com wrote:

 jan 19 2014 21:38 Larry Martell larry.mart...@gmail.com:

 In my example, in the first option, I would need 12S left justified
 and by_target right justified.


 You’re very likely to need a javascript solution, I think. There is one 
 discussion concerning this problem here: 
 http://stackoverflow.com/questions/4497688/select-first-word-of-every-line-css-js-whatever

 You’ll find others too if you search for them.

I found a way to return markup for the option values, but it was
displayed literally, not rendered as HTML. Seems option elements
only allow text with eventually escaped characters (like eacute;).,
not general HTML  -
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/option.

Oh well, thanks to all who tried to help.
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Start at the bottom! (was Front page breaking in IE8, maybe 9 too)

[Larry Martell]

On Wed, Oct 9, 2013 at 6:16 AM, John D xfs...@hotmail.com wrote:

 This is debatable because there are no right or wrong ways of doing things
 when it comes to posting on a forum or a newsgroup.

 Some of us prefer top posting so that people can read what is being posted
 rather than scrolling down the long thread to read the post.  Only the post
 being replied to must be quoted at the bottom so that whoever is new to the
 thread gets to know what is being replied to,  as I have done it in this
 post.


A: Because it messes up the order in which people normally read text.
Q: Why is top-posting such a bad thing?
A: Top-posting.
Q: What is the most annoying thing on usenet and mailing lists?
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] acronym text positioning

[Larry Martell]

Thanks for the reply. I got this working the way I want. After hours
of hacking away I discovered the jQuery qTip plugin was being used.

On Tue, Apr 23, 2013 at 10:57 AM, John D xfs...@hotmail.com wrote:
 Perhaps yes but we need to see the code to see how you have set it out.   I 
 am assuming you have something like this:

 IMHO - In My Honest Opinion

 Also, are you using tables?


 Is there a way to get the text assoicated with an acronym to display
 to the left of the the acronym instead of to the right?


 __
 css-discuss [css-d@lists.css-discuss.org]
 http://www.css-discuss.org/mailman/listinfo/css-d
 List wiki/FAQ -- http://css-discuss.incutio.com/
 List policies -- http://css-discuss.org/policies.html
 Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] acronym text positioning

[Larry Martell]

Is there a way to get the text assoicated with an acronym to display
to the left of the the acronym instead of to the right?
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] aligning text with right edge of button on the following line

[Larry Martell]

I want to have a line of text and below it 2 buttons. I want the text
to be right justified with the right edge of the second button, e.g.

 TEXT
button1   button2

This fiddle is just one of my many unsuccessful attempts

http://jsfiddle.net/w7BNW/1/

I'm sure this is simple, but I just can't figure it out.

TIA!
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] aligning text with right edge of button on the following line

[Larry Martell]

On Sat, Mar 23, 2013 at 1:38 PM, Philip TAYLOR p.tay...@rhul.ac.uk wrote:
 Based on your code :

 div style='text-align: right;'
 Want this right justified above Download button
 br /
 input type=submit  class=submit  name=submit_preview 
 value=Generate/input
 input type=submit  class=submit  name=submit_download 
 value=Download/input
 /div

Thanks for the reply. This moves everything to the right. I want the
buttons left justified, and the text right justified with the second
button. Adding 'float: left' got it to do what I want:

div style='float: left; text-align: right;'
Want this right justified above Download button
br /
input type=submit  class=submit  name=submit_preview 
value=Generate Report /input
input type=submit  class=submit  name=submit_download 
value=Download Table /input
/div

However it had an odd, undesirable side effect. This was just a
snippet of the page. This is contained within another div with a
bottom border. Without the float: left the text and buttons display
above the border as I want it to be and would expect it to be. But
when I add the float: left the text displays on top of the border with
the buttons below it.

See: http://jsfiddle.net/w7BNW/4/

Remove the float: left to see what I mean. Why does the float: left
cause this? How can I prevent that from happening?
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] aligning text with right edge of button on the following line

[Larry Martell]

On Sat, Mar 23, 2013 at 2:37 PM, Philip TAYLOR p.tay...@rhul.ac.uk wrote:


 Larry Martell wrote:

 Thanks for the reply. This moves everything to the right. I want the
 buttons left justified, and the text right justified with the second
 button. Adding 'float: left' got it to do what I want:

 div style='float: left; text-align: right;'
 Want this right justified above Download button
 br /
 input type=submit  class=submit  name=submit_preview 
 value=Generate Report /input
 input type=submit  class=submit  name=submit_download 
 value=Download Table /input
 /div

 But the buttons /aren't/ left-justified, Larry, nor
 can they be, since the text is wider than the combined
 width of the buttons.  /Perhaps/ what you want is the
 text left justified, and the right edge of the second
 button vertically aligned with the right end of the text ?

 However it had an odd, undesirable side effect. This was just a
 snippet of the page. This is contained within another div with a
 bottom border. Without the float: left the text and buttons display
 above the border as I want it to be and would expect it to be. But
 when I add the float: left the text displays on top of the border with
 the buttons below it.

 See: http://jsfiddle.net/w7BNW/4/

 Remove the float: left to see what I mean. Why does the float: left
 cause this? How can I prevent that from happening?

 Use a mechanism other than floating the DIV to force
 it to be no wider than the text :

 div id='query'
 div style='display: inline-block; text-align: right'Want this
 right justified above Download button
 br /
 input type=submit  class=submit  name=submit_preview 
 value=Generate Report  /
 input type=submit  class=submit  name=submit_download 
 value=Download Table  /
 /div
 /div

The text I used was an example (albeit a bad one). The actual text is
not wider then the buttons. In any case, using display: inline-block
got me what I want. Thank you so much!
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Help with positioning list

[Larry Martell]

On Sun, Mar 17, 2013 at 2:40 PM, Jon Reece jon.re...@gmail.com wrote:

 On Sun, Mar 17, 2013 at 9:42 AM, Larry Martell larry.mart...@gmail.com
 wrote:

 Please look at: http://jsfiddle.net/6Q6ud/

 What I want is the 'Convert and download' button to be directly under
 the Pixel Size field, and the list to begin on the same line as the
 'Convert and download' button, just after it, and then continue down.

 I've been messing with display and positioning styles for hours and
 hours and just cannot get this to look like I want.


 This may help you come up with one solution:
 http://alistapart.com/article/css-floats-101

Thanks for the reply and link. I was working on this, when my client
asked 'How you coming on this?' I told them what I was working on.
They said let's see it. I showed them and they said 'It's fine like
that.' That seems to happen a lot - someone asks for something a
certain way, and after putting time and effort in trying to do, then
they say it's fine some other way. Oh well, it's their nickel.
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Displaying button and checkboxes in a row

[Larry Martell]

On Wed, Feb 20, 2013 at 12:36 AM, David Laakso laakso.davi...@gmail.com wrote:
 On Tue, Feb 19, 2013 at 7:15 PM, Larry Martell larry.mart...@gmail.com 
 wrote:

 I want to display a button and then next to it 3 checkboxes.


 Fwiw, please see http://ccstudi.com/fiddle.html

Thanks. That worked. I also was able to do it like this:
http://jsfiddle.net/6Xr8W/5/
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Displaying button and checkboxes in a row

[Larry Martell]

You can see it on this fiddle: http://jsfiddle.net/6Xr8W/3/

Yes, I want them all in a row. I tried it with float: left on all of
them, but that didn't do it. Nor did adding a width.

On Tue, Feb 19, 2013 at 7:23 PM, Angela French afre...@sbctc.edu wrote:
 How about a link?  Also, it's always a good idea to provide the width 
 property anytime you use the float. Also, your float only appears to be on 
 the first item.  Are you wanting them all to float left?

-Original Message-
From: css-d-boun...@lists.css-discuss.org [mailto:css-d-boun...@lists.css-
discuss.org] On Behalf Of Larry Martell
Sent: Tuesday, February 19, 2013 4:15 PM
To: css-d@lists.css-discuss.org
Subject: [css-d] Displaying button and checkboxes in a row

Sorry for the stupid question, but I'm pulling my hair out with this.
I want to display a button and then next to it 3 checkboxes. No matter what I
do I cannot get all 4 elements to display in a line. I can get the button and 
the
first checkbox on the same line, but the other 2 checkboxes display below
them. Here is my code:


input style=float:left type=submit class=submit
name=submit_preview value=Generate Report/input div
input type=checkbox id=meas_checkbox
name=meas_checkbox value=Meas /Meas/div div
input type=checkbox id=pr_checkbox
name=pr_checkbox value=PR /PR/div div
input type=checkbox id=ga_checkbox
name=ga_checkbox value=GA /GA/div

I'm sure it's something very simple, but it's eluding me.

Thanks!
___
___
css-discuss [css-d@lists.css-discuss.org] http://www.css-
discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-
discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Help with adding a class and overriding the parent class style

[Larry Martell]

On Tue, May 29, 2012 at 12:49 AM, Micky Hulse
mickyhulse.li...@gmail.com wrote:
 Hello,

 On Mon, May 28, 2012 at 10:03 PM, Larry Martell larry.mart...@gmail.com 
 wrote:
 I have tried every which way I can think of to specify this, e..g.:
 #waferiz .waferviz .wafer_summary .metadata b {
   color: black;
 }

 I don't know your full stylesheet, so I can't really offer up many
 suggestions (and/or optimizations), but:

 1. You're missing a v in your #waferviz ID (#) for the .metadata b
 style declaration.

Thank you. That was the problem.

-larry
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Help with adding a class and overriding the parent class style

[Larry Martell]

I'm very new with CSS, so please bear with me.

I have a page that has the following hiercharchy:

div id=waferviz
   div id=waferviz1
  div class=waferviz
 div class=wafer_summary

With this CSS:

#waferviz .waferviz .wafer_summary b {
   color: navy;
}


I need to add another div below wafer_summary:

div class=metadata

I want that div's bold text to be black, not navy (but all the other
bold text in wafer_summary that's not in metadata should still be
navy.

I have tried every which way I can think of to specify this, e..g.:

#waferiz .waferviz .wafer_summary .metadata b {
   color: black;
}

but nothing works - my metadata bold text is navy. What is the way to do this?

(As an aside to my issue, I've never seen the # in a CSS, and I can't
find any info on that when I google it or in my CSS book. What is that
all about?)

TIA!
-larry
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/