Re: CSS Question
Updates: I used a style attribute in the option tag (background-image:(url=images/imagename)) it works in FF3 but does absolutely nothing in IE7 I really really wish that someone would come up with a standard that will work in every browser. Scott Stewart wrote: cfoutput query=getHexID option value=#hex_id# cfif hex_id eq get_category.hex_idselectedcfelse/cfif span style=background-color:#hex_id#; border:medium; width:10px; height:10px;nbsp;/span#hex_id# /option /cfoutput any reason why the span tag shouldn't produce a small box colored with the dynamic hex value -- Scott Stewart ColdFusion Developer Office of Research Information Systems Research amp; Economic Development University of North Carolina at Chapel Hill Phone:(919)843-2408 Fax: (919)962-3600 Email: [EMAIL PROTECTED] ~| Adobe® ColdFusion® 8 software 8 is the most important and dramatic release to date Get the Free Trial http://ad.doubleclick.net/clk;203748912;27390454;j Archive: http://www.houseoffusion.com/groups/CF-Talk/message.cfm/messageid:312668 Subscription: http://www.houseoffusion.com/groups/CF-Talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4
RE: CSS Question
Or a browser that adheres to the standard? -Original Message- From: Scott Stewart [mailto:[EMAIL PROTECTED] Sent: Wednesday, September 17, 2008 9:44 AM To: CF-Talk Subject: Re: CSS Question Updates: I used a style attribute in the option tag (background-image:(url=images/imagename)) it works in FF3 but does absolutely nothing in IE7 I really really wish that someone would come up with a standard that will work in every browser. Scott Stewart wrote: cfoutput query=getHexID option value=#hex_id# cfif hex_id eq get_category.hex_idselectedcfelse/cfif span style=background-color:#hex_id#; border:medium; width:10px; height:10px;nbsp;/span#hex_id# /option /cfoutput any reason why the span tag shouldn't produce a small box colored with the dynamic hex value -- Scott Stewart ColdFusion Developer Office of Research Information Systems Research amp; Economic Development University of North Carolina at Chapel Hill Phone:(919)843-2408 Fax: (919)962-3600 Email: [EMAIL PROTECTED] ~| Adobe® ColdFusion® 8 software 8 is the most important and dramatic release to date Get the Free Trial http://ad.doubleclick.net/clk;203748912;27390454;j Archive: http://www.houseoffusion.com/groups/CF-Talk/message.cfm/messageid:312671 Subscription: http://www.houseoffusion.com/groups/CF-Talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=11502.10531.4
Re: CSS Question
as long as M$ is in the game that will *never* happen Dave Francis wrote: Or a browser that adheres to the standard? -Original Message- From: Scott Stewart [mailto:[EMAIL PROTECTED] Sent: Wednesday, September 17, 2008 9:44 AM To: CF-Talk Subject: Re: CSS Question Updates: I used a style attribute in the option tag (background-image:(url=images/imagename)) it works in FF3 but does absolutely nothing in IE7 I really really wish that someone would come up with a standard that will work in every browser. Scott Stewart wrote: cfoutput query=getHexID option value=#hex_id# cfif hex_id eq get_category.hex_idselectedcfelse/cfif span style=background-color:#hex_id#; border:medium; width:10px; height:10px;nbsp;/span#hex_id# /option /cfoutput any reason why the span tag shouldn't produce a small box colored with the dynamic hex value -- Scott Stewart ColdFusion Developer Office of Research Information Systems Research amp; Economic Development University of North Carolina at Chapel Hill Phone:(919)843-2408 Fax: (919)962-3600 Email: [EMAIL PROTECTED] ~| Adobe® ColdFusion® 8 software 8 is the most important and dramatic release to date Get the Free Trial http://ad.doubleclick.net/clk;203748912;27390454;j Archive: http://www.houseoffusion.com/groups/CF-Talk/message.cfm/messageid:312672 Subscription: http://www.houseoffusion.com/groups/CF-Talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4
Re: CSS Question
I really really wish that someone would come up with a standard that will work in every browser. In my experience: 1. option tag cannot include any HTML child; 2. option style only support color, no background, no bold, italic or so. ~| Adobe® ColdFusion® 8 software 8 is the most important and dramatic release to date Get the Free Trial http://ad.doubleclick.net/clk;203748912;27390454;j Archive: http://www.houseoffusion.com/groups/CF-Talk/message.cfm/messageid:312679 Subscription: http://www.houseoffusion.com/groups/CF-Talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4
Re: CSS Question
Or a browser that adheres to the standard? C'mon, we are in a developer forum here, any developer should be concern by the way their application behaves on the client side, and like it or not, about 80% of client use Explorer. ~| Adobe® ColdFusion® 8 software 8 is the most important and dramatic release to date Get the Free Trial http://ad.doubleclick.net/clk;203748912;27390454;j Archive: http://www.houseoffusion.com/groups/CF-Talk/message.cfm/messageid:312680 Subscription: http://www.houseoffusion.com/groups/CF-Talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4
RE: CSS Question
Can you confirm that putting a background image on an option tag is valid CSS? If it's not then don't blame Microsoft for not supporting it. Don't blindly hate MS. Sure they need to take the blame for lots of things, but not everything they do is wrong. -Original Message- From: Scott Stewart [mailto:[EMAIL PROTECTED] Sent: Wednesday, September 17, 2008 8:57 AM To: CF-Talk Subject: Re: CSS Question as long as M$ is in the game that will *never* happen Dave Francis wrote: Or a browser that adheres to the standard? -Original Message- From: Scott Stewart [mailto:[EMAIL PROTECTED] Sent: Wednesday, September 17, 2008 9:44 AM To: CF-Talk Subject: Re: CSS Question Updates: I used a style attribute in the option tag (background-image:(url=images/imagename)) it works in FF3 but does absolutely nothing in IE7 I really really wish that someone would come up with a standard that will work in every browser. Scott Stewart wrote: cfoutput query=getHexID option value=#hex_id# cfif hex_id eq get_category.hex_idselectedcfelse/cfif span style=background-color:#hex_id#; border:medium; width:10px; height:10px;nbsp;/span#hex_id# /option /cfoutput any reason why the span tag shouldn't produce a small box colored with the dynamic hex value -- Scott Stewart ColdFusion Developer Office of Research Information Systems Research amp; Economic Development University of North Carolina at Chapel Hill Phone:(919)843-2408 Fax: (919)962-3600 Email: [EMAIL PROTECTED] ~| Adobe® ColdFusion® 8 software 8 is the most important and dramatic release to date Get the Free Trial http://ad.doubleclick.net/clk;203748912;27390454;j Archive: http://www.houseoffusion.com/groups/CF-Talk/message.cfm/messageid:312683 Subscription: http://www.houseoffusion.com/groups/CF-Talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4
Re: CSS Question
and for public sites you're absolutely right. But the application is for a College, the requirements state that it has to work in both...I'm just glad they didn't include Safari and IE7 for the Mac. Claude Schneegans wrote: Or a browser that adheres to the standard? C'mon, we are in a developer forum here, any developer should be concern by the way their application behaves on the client side, and like it or not, about 80% of client use Explorer. ~| Adobe® ColdFusion® 8 software 8 is the most important and dramatic release to date Get the Free Trial http://ad.doubleclick.net/clk;203748912;27390454;j Archive: http://www.houseoffusion.com/groups/CF-Talk/message.cfm/messageid:312684 Subscription: http://www.houseoffusion.com/groups/CF-Talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4
Re: CSS Question
I don't blindly hate them, and I'm pretty sure that it's valid CSS. I want a common set of selectors that will work predictably (and in the same way) in every browser, that will cover 98% of what you'd need to do CSS wise. Rewriting entire sites for cross browser compatibility is getting old, and honestly it's a waste of time. Andy Matthews wrote: Can you confirm that putting a background image on an option tag is valid CSS? If it's not then don't blame Microsoft for not supporting it. Don't blindly hate MS. Sure they need to take the blame for lots of things, but not everything they do is wrong. -Original Message- From: Scott Stewart [mailto:[EMAIL PROTECTED] Sent: Wednesday, September 17, 2008 8:57 AM To: CF-Talk Subject: Re: CSS Question as long as M$ is in the game that will *never* happen Dave Francis wrote: Or a browser that adheres to the standard? -Original Message- From: Scott Stewart [mailto:[EMAIL PROTECTED] Sent: Wednesday, September 17, 2008 9:44 AM To: CF-Talk Subject: Re: CSS Question Updates: I used a style attribute in the option tag (background-image:(url=images/imagename)) it works in FF3 but does absolutely nothing in IE7 I really really wish that someone would come up with a standard that will work in every browser. Scott Stewart wrote: cfoutput query=getHexID option value=#hex_id# cfif hex_id eq get_category.hex_idselectedcfelse/cfif span style=background-color:#hex_id#; border:medium; width:10px; height:10px;nbsp;/span#hex_id# /option /cfoutput any reason why the span tag shouldn't produce a small box colored with the dynamic hex value -- Scott Stewart ColdFusion Developer Office of Research Information Systems Research amp; Economic Development University of North Carolina at Chapel Hill Phone:(919)843-2408 Fax: (919)962-3600 Email: [EMAIL PROTECTED] ~| Adobe® ColdFusion® 8 software 8 is the most important and dramatic release to date Get the Free Trial http://ad.doubleclick.net/clk;203748912;27390454;j Archive: http://www.houseoffusion.com/groups/CF-Talk/message.cfm/messageid:312687 Subscription: http://www.houseoffusion.com/groups/CF-Talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4
RE: CSS Question
I totally agree. There's no reason that we should have more than ONE version of CSS given that we have a governing body that has written the standard. Browser manufacturers should be participating in this body, not working against it. -Original Message- From: Scott Stewart [mailto:[EMAIL PROTECTED] Sent: Wednesday, September 17, 2008 9:44 AM To: CF-Talk Subject: Re: CSS Question I don't blindly hate them, and I'm pretty sure that it's valid CSS. I want a common set of selectors that will work predictably (and in the same way) in every browser, that will cover 98% of what you'd need to do CSS wise. Rewriting entire sites for cross browser compatibility is getting old, and honestly it's a waste of time. Andy Matthews wrote: Can you confirm that putting a background image on an option tag is valid CSS? If it's not then don't blame Microsoft for not supporting it. Don't blindly hate MS. Sure they need to take the blame for lots of things, but not everything they do is wrong. -Original Message- From: Scott Stewart [mailto:[EMAIL PROTECTED] Sent: Wednesday, September 17, 2008 8:57 AM To: CF-Talk Subject: Re: CSS Question as long as M$ is in the game that will *never* happen Dave Francis wrote: Or a browser that adheres to the standard? -Original Message- From: Scott Stewart [mailto:[EMAIL PROTECTED] Sent: Wednesday, September 17, 2008 9:44 AM To: CF-Talk Subject: Re: CSS Question Updates: I used a style attribute in the option tag (background-image:(url=images/imagename)) it works in FF3 but does absolutely nothing in IE7 I really really wish that someone would come up with a standard that will work in every browser. Scott Stewart wrote: cfoutput query=getHexID option value=#hex_id# cfif hex_id eq get_category.hex_idselectedcfelse/cfif span style=background-color:#hex_id#; border:medium; width:10px; height:10px;nbsp;/span#hex_id# /option /cfoutput any reason why the span tag shouldn't produce a small box colored with the dynamic hex value -- Scott Stewart ColdFusion Developer Office of Research Information Systems Research amp; Economic Development University of North Carolina at Chapel Hill Phone:(919)843-2408 Fax: (919)962-3600 Email: [EMAIL PROTECTED] ~| Adobe® ColdFusion® 8 software 8 is the most important and dramatic release to date Get the Free Trial http://ad.doubleclick.net/clk;203748912;27390454;j Archive: http://www.houseoffusion.com/groups/CF-Talk/message.cfm/messageid:312690 Subscription: http://www.houseoffusion.com/groups/CF-Talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4
CSS Question
cfoutput query=getHexID option value=#hex_id# cfif hex_id eq get_category.hex_idselectedcfelse/cfif span style=background-color:#hex_id#; border:medium; width:10px; height:10px;nbsp;/span#hex_id# /option /cfoutput any reason why the span tag shouldn't produce a small box colored with the dynamic hex value -- Scott Stewart ColdFusion Developer Office of Research Information Systems Research amp; Economic Development University of North Carolina at Chapel Hill Phone:(919)843-2408 Fax: (919)962-3600 Email: [EMAIL PROTECTED] ~| Adobe® ColdFusion® 8 software 8 is the most important and dramatic release to date Get the Free Trial http://ad.doubleclick.net/clk;203748912;27390454;j Archive: http://www.houseoffusion.com/groups/CF-Talk/message.cfm/messageid:312595 Subscription: http://www.houseoffusion.com/groups/CF-Talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=11502.10531.4
RE: CSS Question
Because a span is an inline element and cannot have a width applied to it. If you want a block you're either going to have to put more non-breaking spaces inside your span, use a div, or set display: block on your span. -Original Message- From: Scott Stewart [mailto:[EMAIL PROTECTED] Sent: Tuesday, September 16, 2008 11:07 AM To: CF-Talk Subject: CSS Question cfoutput query=getHexID option value=#hex_id# cfif hex_id eq get_category.hex_idselectedcfelse/cfif span style=background-color:#hex_id#; border:medium; width:10px; height:10px;nbsp;/span#hex_id# /option /cfoutput any reason why the span tag shouldn't produce a small box colored with the dynamic hex value -- Scott Stewart ColdFusion Developer Office of Research Information Systems Research amp; Economic Development University of North Carolina at Chapel Hill Phone:(919)843-2408 Fax: (919)962-3600 Email: [EMAIL PROTECTED] ~| Adobe® ColdFusion® 8 software 8 is the most important and dramatic release to date Get the Free Trial http://ad.doubleclick.net/clk;203748912;27390454;j Archive: http://www.houseoffusion.com/groups/CF-Talk/message.cfm/messageid:312600 Subscription: http://www.houseoffusion.com/groups/CF-Talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4
RE: CSS Question
Put the style attribute in the option tag and get rid of the span. Chuck -Original Message- From: Scott Stewart [mailto:[EMAIL PROTECTED] Sent: Tuesday, September 16, 2008 12:07 PM To: CF-Talk Subject: CSS Question cfoutput query=getHexID option value=#hex_id# cfif hex_id eq get_category.hex_idselectedcfelse/cfif span style=background-color:#hex_id#; border:medium; width:10px; height:10px;nbsp;/span#hex_id# /option /cfoutput any reason why the span tag shouldn't produce a small box colored with the dynamic hex value -- Scott Stewart ColdFusion Developer Office of Research Information Systems Research amp; Economic Development University of North Carolina at Chapel Hill Phone:(919)843-2408 Fax: (919)962-3600 Email: [EMAIL PROTECTED] ~| Adobe® ColdFusion® 8 software 8 is the most important and dramatic release to date Get the Free Trial http://ad.doubleclick.net/clk;203748912;27390454;j Archive: http://www.houseoffusion.com/groups/CF-Talk/message.cfm/messageid:312601 Subscription: http://www.houseoffusion.com/groups/CF-Talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4
Re: CSS Question
this colors the entire option tag here's the rendered html with a div in place, still no love select name=hex_id id=hex_id option value=#CC selecteddiv style=display: block; background-color:#CC; border:medium; border-color:#00; width:10px; height:10px;nbsp;/div#CC/option option value=#66CC66 div style=display: block; background-color:#66CC66; border:medium; border-color:#00; width:10px; height:10px;nbsp;/div#66CC66/option option value=#CC6699 div style=display: block; background-color:#CC6699; border:medium; border-color:#00; width:10px; height:10px;nbsp;/div#CC6699/option /select Weidler, Wilfred C. wrote: Put the style attribute in the option tag and get rid of the span. Chuck -Original Message- From: Scott Stewart [mailto:[EMAIL PROTECTED] Sent: Tuesday, September 16, 2008 12:07 PM To: CF-Talk Subject: CSS Question cfoutput query=getHexID option value=#hex_id# cfif hex_id eq get_category.hex_idselectedcfelse/cfif span style=background-color:#hex_id#; border:medium; width:10px; height:10px;nbsp;/span#hex_id# /option /cfoutput any reason why the span tag shouldn't produce a small box colored with the dynamic hex value -- Scott Stewart ColdFusion Developer Office of Research Information Systems Research amp; Economic Development University of North Carolina at Chapel Hill Phone:(919)843-2408 Fax: (919)962-3600 Email: [EMAIL PROTECTED] ~| Adobe® ColdFusion® 8 software 8 is the most important and dramatic release to date Get the Free Trial http://ad.doubleclick.net/clk;203748912;27390454;j Archive: http://www.houseoffusion.com/groups/CF-Talk/message.cfm/messageid:312602 Subscription: http://www.houseoffusion.com/groups/CF-Talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=11502.10531.4
Re: CSS Question
If you can live without support for IE6, you can set the display for the span to inline-block which (as best I can tell) makes it behave the way an image behaves with regard to its surface area. That will let you give it a width without needing to float it left or the like. -- s. isaac dealey ^ new epoch isn't it time for a change? ph: 781.769.0723 http://onTap.riaforge.org/blog ~| Adobe® ColdFusion® 8 software 8 is the most important and dramatic release to date Get the Free Trial http://ad.doubleclick.net/clk;203748912;27390454;j Archive: http://www.houseoffusion.com/groups/CF-Talk/message.cfm/messageid:312603 Subscription: http://www.houseoffusion.com/groups/CF-Talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4
RE: CSS Question
I don't believe that option tags can contain children. -Original Message- From: Scott Stewart [mailto:[EMAIL PROTECTED] Sent: Tuesday, September 16, 2008 11:30 AM To: CF-Talk Subject: Re: CSS Question this colors the entire option tag here's the rendered html with a div in place, still no love select name=hex_id id=hex_id option value=#CC selecteddiv style=display: block; background-color:#CC; border:medium; border-color:#00; width:10px; height:10px;nbsp;/div#CC/option option value=#66CC66 div style=display: block; background-color:#66CC66; border:medium; border-color:#00; width:10px; height:10px;nbsp;/div#66CC66/option option value=#CC6699 div style=display: block; background-color:#CC6699; border:medium; border-color:#00; width:10px; height:10px;nbsp;/div#CC6699/option /select Weidler, Wilfred C. wrote: Put the style attribute in the option tag and get rid of the span. Chuck -Original Message- From: Scott Stewart [mailto:[EMAIL PROTECTED] Sent: Tuesday, September 16, 2008 12:07 PM To: CF-Talk Subject: CSS Question cfoutput query=getHexID option value=#hex_id# cfif hex_id eq get_category.hex_idselectedcfelse/cfif span style=background-color:#hex_id#; border:medium; width:10px; height:10px;nbsp;/span#hex_id# /option /cfoutput any reason why the span tag shouldn't produce a small box colored with the dynamic hex value -- Scott Stewart ColdFusion Developer Office of Research Information Systems Research amp; Economic Development University of North Carolina at Chapel Hill Phone:(919)843-2408 Fax: (919)962-3600 Email: [EMAIL PROTECTED] ~| Adobe® ColdFusion® 8 software 8 is the most important and dramatic release to date Get the Free Trial http://ad.doubleclick.net/clk;203748912;27390454;j Archive: http://www.houseoffusion.com/groups/CF-Talk/message.cfm/messageid:312604 Subscription: http://www.houseoffusion.com/groups/CF-Talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4
Re: CSS Question
cfoutput query=getHexID option value=#hex_id# cfif hex_id eq get_category.hex_idselectedcfelse/cfif span style=background-color:#hex_id#; border:medium; width:10px; height:10px;nbsp;/span#hex_id# /option /cfoutput any reason why the span tag shouldn't produce a small box colored with the dynamic hex value Oh I read the other replies first before I noticed that it was inside an option box... I've not done much with styling option elements, but I've heard that the support for it is pretty eratic. -- s. isaac dealey ^ new epoch isn't it time for a change? ph: 781.769.0723 http://onTap.riaforge.org/blog ~| Adobe® ColdFusion® 8 software 8 is the most important and dramatic release to date Get the Free Trial http://ad.doubleclick.net/clk;203748912;27390454;j Archive: http://www.houseoffusion.com/groups/CF-Talk/message.cfm/messageid:312605 Subscription: http://www.houseoffusion.com/groups/CF-Talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4
RE: CSS Question
Ok, I get what you are trying to do now. You want a colored box beside the hex value in the option tag. Correct? Chuck -Original Message- From: Scott Stewart [mailto:[EMAIL PROTECTED] Sent: Tuesday, September 16, 2008 12:30 PM To: CF-Talk Subject: Re: CSS Question this colors the entire option tag here's the rendered html with a div in place, still no love select name=hex_id id=hex_id option value=#CC selecteddiv style=display: block; background-color:#CC; border:medium; border-color:#00; width:10px; height:10px;nbsp;/div#CC/option option value=#66CC66 div style=display: block; background-color:#66CC66; border:medium; border-color:#00; width:10px; height:10px;nbsp;/div#66CC66/option option value=#CC6699 div style=display: block; background-color:#CC6699; border:medium; border-color:#00; width:10px; height:10px;nbsp;/div#CC6699/option /select Weidler, Wilfred C. wrote: Put the style attribute in the option tag and get rid of the span. Chuck -Original Message- From: Scott Stewart [mailto:[EMAIL PROTECTED] Sent: Tuesday, September 16, 2008 12:07 PM To: CF-Talk Subject: CSS Question cfoutput query=getHexID option value=#hex_id# cfif hex_id eq get_category.hex_idselectedcfelse/cfif span style=background-color:#hex_id#; border:medium; width:10px; height:10px;nbsp;/span#hex_id# /option /cfoutput any reason why the span tag shouldn't produce a small box colored with the dynamic hex value -- Scott Stewart ColdFusion Developer Office of Research Information Systems Research amp; Economic Development University of North Carolina at Chapel Hill Phone:(919)843-2408 Fax: (919)962-3600 Email: [EMAIL PROTECTED] ~| Adobe® ColdFusion® 8 software 8 is the most important and dramatic release to date Get the Free Trial http://ad.doubleclick.net/clk;203748912;27390454;j Archive: http://www.houseoffusion.com/groups/CF-Talk/message.cfm/messageid:312606 Subscription: http://www.houseoffusion.com/groups/CF-Talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=11502.10531.4
Re: CSS Question
exactly... :) Weidler, Wilfred C. wrote: Ok, I get what you are trying to do now. You want a colored box beside the hex value in the option tag. Correct? Chuck -Original Message- From: Scott Stewart [mailto:[EMAIL PROTECTED] Sent: Tuesday, September 16, 2008 12:30 PM To: CF-Talk Subject: Re: CSS Question this colors the entire option tag here's the rendered html with a div in place, still no love select name=hex_id id=hex_id option value=#CC selecteddiv style=display: block; background-color:#CC; border:medium; border-color:#00; width:10px; height:10px;nbsp;/div#CC/option option value=#66CC66 div style=display: block; background-color:#66CC66; border:medium; border-color:#00; width:10px; height:10px;nbsp;/div#66CC66/option option value=#CC6699 div style=display: block; background-color:#CC6699; border:medium; border-color:#00; width:10px; height:10px;nbsp;/div#CC6699/option /select Weidler, Wilfred C. wrote: Put the style attribute in the option tag and get rid of the span. Chuck -Original Message- From: Scott Stewart [mailto:[EMAIL PROTECTED] Sent: Tuesday, September 16, 2008 12:07 PM To: CF-Talk Subject: CSS Question cfoutput query=getHexID option value=#hex_id# cfif hex_id eq get_category.hex_idselectedcfelse/cfif span style=background-color:#hex_id#; border:medium; width:10px; height:10px;nbsp;/span#hex_id# /option /cfoutput any reason why the span tag shouldn't produce a small box colored with the dynamic hex value -- Scott Stewart ColdFusion Developer Office of Research Information Systems Research amp; Economic Development University of North Carolina at Chapel Hill Phone:(919)843-2408 Fax: (919)962-3600 Email: [EMAIL PROTECTED] ~| Adobe® ColdFusion® 8 software 8 is the most important and dramatic release to date Get the Free Trial http://ad.doubleclick.net/clk;203748912;27390454;j Archive: http://www.houseoffusion.com/groups/CF-Talk/message.cfm/messageid:312609 Subscription: http://www.houseoffusion.com/groups/CF-Talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4
RE: CSS Question
You can't color individual option tags. You can however color optgroup tags Sandra Clark = http://www.shayna.com Training and Consulting in CSS and Accessibility Team Fusebox -Original Message- From: Scott Stewart [mailto:[EMAIL PROTECTED] Sent: Tuesday, September 16, 2008 12:30 PM To: CF-Talk Subject: Re: CSS Question this colors the entire option tag here's the rendered html with a div in place, still no love select name=hex_id id=hex_id option value=#CC selecteddiv style=display: block; background-color:#CC; border:medium; border-color:#00; width:10px; height:10px;nbsp;/div#CC/option option value=#66CC66 div style=display: block; background-color:#66CC66; border:medium; border-color:#00; width:10px; height:10px;nbsp;/div#66CC66/option option value=#CC6699 div style=display: block; background-color:#CC6699; border:medium; border-color:#00; width:10px; height:10px;nbsp;/div#CC6699/option /select Weidler, Wilfred C. wrote: Put the style attribute in the option tag and get rid of the span. Chuck -Original Message- From: Scott Stewart [mailto:[EMAIL PROTECTED] Sent: Tuesday, September 16, 2008 12:07 PM To: CF-Talk Subject: CSS Question cfoutput query=getHexID option value=#hex_id# cfif hex_id eq get_category.hex_idselectedcfelse/cfif span style=background-color:#hex_id#; border:medium; width:10px; height:10px;nbsp;/span#hex_id# /option /cfoutput any reason why the span tag shouldn't produce a small box colored with the dynamic hex value -- Scott Stewart ColdFusion Developer Office of Research Information Systems Research amp; Economic Development University of North Carolina at Chapel Hill Phone:(919)843-2408 Fax: (919)962-3600 Email: [EMAIL PROTECTED] ~| Adobe® ColdFusion® 8 software 8 is the most important and dramatic release to date Get the Free Trial http://ad.doubleclick.net/clk;203748912;27390454;j Archive: http://www.houseoffusion.com/groups/CF-Talk/message.cfm/messageid:312610 Subscription: http://www.houseoffusion.com/groups/CF-Talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=11502.10531.4
Re: CSS Question
I've applied a style (background-color=red) to an individual option tag and it's colored in the drop down. Sandra Clark wrote: You can't color individual option tags. You can however color optgroup tags Sandra Clark = http://www.shayna.com Training and Consulting in CSS and Accessibility Team Fusebox -Original Message- From: Scott Stewart [mailto:[EMAIL PROTECTED] Sent: Tuesday, September 16, 2008 12:30 PM To: CF-Talk Subject: Re: CSS Question this colors the entire option tag here's the rendered html with a div in place, still no love select name=hex_id id=hex_id option value=#CC selecteddiv style=display: block; background-color:#CC; border:medium; border-color:#00; width:10px; height:10px;nbsp;/div#CC/option option value=#66CC66 div style=display: block; background-color:#66CC66; border:medium; border-color:#00; width:10px; height:10px;nbsp;/div#66CC66/option option value=#CC6699 div style=display: block; background-color:#CC6699; border:medium; border-color:#00; width:10px; height:10px;nbsp;/div#CC6699/option /select Weidler, Wilfred C. wrote: Put the style attribute in the option tag and get rid of the span. Chuck -Original Message- From: Scott Stewart [mailto:[EMAIL PROTECTED] Sent: Tuesday, September 16, 2008 12:07 PM To: CF-Talk Subject: CSS Question cfoutput query=getHexID option value=#hex_id# cfif hex_id eq get_category.hex_idselectedcfelse/cfif span style=background-color:#hex_id#; border:medium; width:10px; height:10px;nbsp;/span#hex_id# /option /cfoutput any reason why the span tag shouldn't produce a small box colored with the dynamic hex value -- Scott Stewart ColdFusion Developer Office of Research Information Systems Research amp; Economic Development University of North Carolina at Chapel Hill Phone:(919)843-2408 Fax: (919)962-3600 Email: [EMAIL PROTECTED] ~| Adobe® ColdFusion® 8 software 8 is the most important and dramatic release to date Get the Free Trial http://ad.doubleclick.net/clk;203748912;27390454;j Archive: http://www.houseoffusion.com/groups/CF-Talk/message.cfm/messageid:312615 Subscription: http://www.houseoffusion.com/groups/CF-Talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=11502.10531.4
RE: CSS Question
Hi Sandra, First off, let me say that I absolutely accept you as the authority on CSS, at least on this list. But... This seems to work (in the drop-downs if no size specified), even on chrome: form select name=s option style=background-color:greenGreen/option option style=background-color:redRed/option /select /form -Original Message- From: Sandra Clark [mailto:[EMAIL PROTECTED] Sent: Tuesday, September 16, 2008 12:40 PM To: CF-Talk Subject: RE: CSS Question You can't color individual option tags. You can however color optgroup tags Sandra Clark = http://www.shayna.com Training and Consulting in CSS and Accessibility Team Fusebox -Original Message- From: Scott Stewart [mailto:[EMAIL PROTECTED] Sent: Tuesday, September 16, 2008 12:30 PM To: CF-Talk Subject: Re: CSS Question this colors the entire option tag here's the rendered html with a div in place, still no love select name=hex_id id=hex_id option value=#CC selecteddiv style=display: block; background-color:#CC; border:medium; border-color:#00; width:10px; height:10px;nbsp;/div#CC/option option value=#66CC66 div style=display: block; background-color:#66CC66; border:medium; border-color:#00; width:10px; height:10px;nbsp;/div#66CC66/option option value=#CC6699 div style=display: block; background-color:#CC6699; border:medium; border-color:#00; width:10px; height:10px;nbsp;/div#CC6699/option /select Weidler, Wilfred C. wrote: Put the style attribute in the option tag and get rid of the span. Chuck -Original Message- From: Scott Stewart [mailto:[EMAIL PROTECTED] Sent: Tuesday, September 16, 2008 12:07 PM To: CF-Talk Subject: CSS Question cfoutput query=getHexID option value=#hex_id# cfif hex_id eq get_category.hex_idselectedcfelse/cfif span style=background-color:#hex_id#; border:medium; width:10px; height:10px;nbsp;/span#hex_id# /option /cfoutput any reason why the span tag shouldn't produce a small box colored with the dynamic hex value -- Scott Stewart ColdFusion Developer Office of Research Information Systems Research amp; Economic Development University of North Carolina at Chapel Hill Phone:(919)843-2408 Fax: (919)962-3600 Email: [EMAIL PROTECTED] ~| Adobe® ColdFusion® 8 software 8 is the most important and dramatic release to date Get the Free Trial http://ad.doubleclick.net/clk;203748912;27390454;j Archive: http://www.houseoffusion.com/groups/CF-Talk/message.cfm/messageid:312617 Subscription: http://www.houseoffusion.com/groups/CF-Talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=11502.10531.4
RE: CSS Question
Sorry, I saw color. Its been a while since I attempted a color in an option. I tend to use optgroup for those. Mea Culpa Sandra Clark = http://www.shayna.com Training and Consulting in CSS and Accessibility Team Fusebox -Original Message- From: Dave Francis [mailto:[EMAIL PROTECTED] Sent: Tuesday, September 16, 2008 12:53 PM To: CF-Talk Subject: RE: CSS Question Hi Sandra, First off, let me say that I absolutely accept you as the authority on CSS, at least on this list. But... This seems to work (in the drop-downs if no size specified), even on chrome: form select name=s option style=background-color:greenGreen/option option style=background-color:redRed/option /select /form -Original Message- From: Sandra Clark [mailto:[EMAIL PROTECTED] Sent: Tuesday, September 16, 2008 12:40 PM To: CF-Talk Subject: RE: CSS Question You can't color individual option tags. You can however color optgroup tags Sandra Clark = http://www.shayna.com Training and Consulting in CSS and Accessibility Team Fusebox -Original Message- From: Scott Stewart [mailto:[EMAIL PROTECTED] Sent: Tuesday, September 16, 2008 12:30 PM To: CF-Talk Subject: Re: CSS Question this colors the entire option tag here's the rendered html with a div in place, still no love select name=hex_id id=hex_id option value=#CC selecteddiv style=display: block; background-color:#CC; border:medium; border-color:#00; width:10px; height:10px;nbsp;/div#CC/option option value=#66CC66 div style=display: block; background-color:#66CC66; border:medium; border-color:#00; width:10px; height:10px;nbsp;/div#66CC66/option option value=#CC6699 div style=display: block; background-color:#CC6699; border:medium; border-color:#00; width:10px; height:10px;nbsp;/div#CC6699/option /select Weidler, Wilfred C. wrote: Put the style attribute in the option tag and get rid of the span. Chuck -Original Message- From: Scott Stewart [mailto:[EMAIL PROTECTED] Sent: Tuesday, September 16, 2008 12:07 PM To: CF-Talk Subject: CSS Question cfoutput query=getHexID option value=#hex_id# cfif hex_id eq get_category.hex_idselectedcfelse/cfif span style=background-color:#hex_id#; border:medium; width:10px; height:10px;nbsp;/span#hex_id# /option /cfoutput any reason why the span tag shouldn't produce a small box colored with the dynamic hex value -- Scott Stewart ColdFusion Developer Office of Research Information Systems Research amp; Economic Development University of North Carolina at Chapel Hill Phone:(919)843-2408 Fax: (919)962-3600 Email: [EMAIL PROTECTED] ~| Adobe® ColdFusion® 8 software 8 is the most important and dramatic release to date Get the Free Trial http://ad.doubleclick.net/clk;203748912;27390454;j Archive: http://www.houseoffusion.com/groups/CF-Talk/message.cfm/messageid:312619 Subscription: http://www.houseoffusion.com/groups/CF-Talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4
Re: CSS Question
this slid in late Scott Stewart wrote: I've applied a style (background-color=red) to an individual option tag and it's colored in the drop down. Sandra Clark wrote: You can't color individual option tags. You can however color optgroup tags Sandra Clark = http://www.shayna.com Training and Consulting in CSS and Accessibility Team Fusebox -Original Message- From: Scott Stewart [mailto:[EMAIL PROTECTED] Sent: Tuesday, September 16, 2008 12:30 PM To: CF-Talk Subject: Re: CSS Question this colors the entire option tag here's the rendered html with a div in place, still no love select name=hex_id id=hex_id option value=#CC selecteddiv style=display: block; background-color:#CC; border:medium; border-color:#00; width:10px; height:10px;nbsp;/div#CC/option option value=#66CC66 div style=display: block; background-color:#66CC66; border:medium; border-color:#00; width:10px; height:10px;nbsp;/div#66CC66/option option value=#CC6699 div style=display: block; background-color:#CC6699; border:medium; border-color:#00; width:10px; height:10px;nbsp;/div#CC6699/option /select Weidler, Wilfred C. wrote: Put the style attribute in the option tag and get rid of the span. Chuck -Original Message- From: Scott Stewart [mailto:[EMAIL PROTECTED] Sent: Tuesday, September 16, 2008 12:07 PM To: CF-Talk Subject: CSS Question cfoutput query=getHexID option value=#hex_id# cfif hex_id eq get_category.hex_idselectedcfelse/cfif span style=background-color:#hex_id#; border:medium; width:10px; height:10px;nbsp;/span#hex_id# /option /cfoutput any reason why the span tag shouldn't produce a small box colored with the dynamic hex value -- Scott Stewart ColdFusion Developer Office of Research Information Systems Research amp; Economic Development University of North Carolina at Chapel Hill Phone:(919)843-2408 Fax: (919)962-3600 Email: [EMAIL PROTECTED] ~| Adobe® ColdFusion® 8 software 8 is the most important and dramatic release to date Get the Free Trial http://ad.doubleclick.net/clk;203748912;27390454;j Archive: http://www.houseoffusion.com/groups/CF-Talk/message.cfm/messageid:312623 Subscription: http://www.houseoffusion.com/groups/CF-Talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4
Re: CSS Question
Scott Stewart wrote: I've applied a style (background-color=red) to an individual option tag and it's colored in the drop down. Sandra Clark wrote: You can't color individual option tags. You can however color optgroup tags Sandra Clark = http://www.shayna.com Training and Consulting in CSS and Accessibility Team Fusebox -Original Message- From: Scott Stewart [mailto:[EMAIL PROTECTED] Sent: Tuesday, September 16, 2008 12:30 PM To: CF-Talk Subject: Re: CSS Question this colors the entire option tag here's the rendered html with a div in place, still no love select name=hex_id id=hex_id option value=#CC selecteddiv style=display: block; background-color:#CC; border:medium; border-color:#00; width:10px; height:10px;nbsp;/div#CC/option option value=#66CC66 div style=display: block; background-color:#66CC66; border:medium; border-color:#00; width:10px; height:10px;nbsp;/div#66CC66/option option value=#CC6699 div style=display: block; background-color:#CC6699; border:medium; border-color:#00; width:10px; height:10px;nbsp;/div#CC6699/option /select Weidler, Wilfred C. wrote: Put the style attribute in the option tag and get rid of the span. Chuck -Original Message- From: Scott Stewart [mailto:[EMAIL PROTECTED] Sent: Tuesday, September 16, 2008 12:07 PM To: CF-Talk Subject: CSS Question cfoutput query=getHexID option value=#hex_id# cfif hex_id eq get_category.hex_idselectedcfelse/cfif span style=background-color:#hex_id#; border:medium; width:10px; height:10px;nbsp;/span#hex_id# /option /cfoutput any reason why the span tag shouldn't produce a small box colored with the dynamic hex value -- Scott Stewart ColdFusion Developer Office of Research Information Systems Research amp; Economic Development University of North Carolina at Chapel Hill Phone:(919)843-2408 Fax: (919)962-3600 Email: [EMAIL PROTECTED] ~| Adobe® ColdFusion® 8 software 8 is the most important and dramatic release to date Get the Free Trial http://ad.doubleclick.net/clk;203748912;27390454;j Archive: http://www.houseoffusion.com/groups/CF-Talk/message.cfm/messageid:312622 Subscription: http://www.houseoffusion.com/groups/CF-Talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4
CSS Question: Browser Sidebars
Hey all, Check this out HYPERLINK http://dev.avericom.com/http://dev.avericom.com The three bottom sections, portfolio, news and blogs. Position perfectly with a side bar turned on in your browser. With the sidebar turned off, the text shifts to the left. I know this is a CSS issue, but I dont know how to compensate for the browser sidebar. -- Scott Stewart ColdFusion Developer SSTWebworks 4405 Oakshyre Way Raleigh, NC. 27616 (919) 874-6229 (home) (703) 220-2835 (cell) No virus found in this outgoing message. Checked by AVG. Version: 7.5.524 / Virus Database: 269.23.6/1404 - Release Date: 4/29/2008 6:27 PM ~| Adobe® ColdFusion® 8 software 8 is the most important and dramatic release to date Get the Free Trial http://ad.doubleclick.net/clk;192386516;25150098;k Archive: http://www.houseoffusion.com/groups/CF-Talk/message.cfm/messageid:304482 Subscription: http://www.houseoffusion.com/groups/CF-Talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4
Re: CSS Question: Browser Sidebars
Scott-- The problem is that you are absolutely positioning those three divs (they aren't rendering correctly in Firefox 2.5 or IE 7, btw). Take off the absolute positioning, as well as left and top for each. Then, float each left and use margins to space them out. This will stop them from wandering. Joel Hey all, Check this out HYPERLINK http://dev.avericom.com/http://dev.avericom.com The three bottom sections, portfolio, news and blogs. Position perfectly with a side bar turned on in your browser. With the sidebar turned off, the text shifts to the left. I know this is a CSS issue, but I don?t know how to compensate for the browser sidebar. -- Scott Stewart ColdFusion Developer SSTWebworks 4405 Oakshyre Way Raleigh, NC. 27616 (919) 874-6229 (home) (703) 220-2835 (cell) No virus found in this outgoing message. Checked by AVG. Version: 7.5.524 / Virus Database: 269.23.6/1404 - Release Date: 4/29/2008 6:27 PM ~| Adobe® ColdFusion® 8 software 8 is the most important and dramatic release to date Get the Free Trial http://ad.doubleclick.net/clk;192386516;25150098;k Archive: http://www.houseoffusion.com/groups/CF-Talk/message.cfm/messageid:304488 Subscription: http://www.houseoffusion.com/groups/CF-Talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4
RE: CSS Question: Browser Sidebars
Thanks Joel, Your idea worked :) sas -- Scott Stewart ColdFusion Developer SSTWebworks 4405 Oakshyre Way Raleigh, NC. 27616 (919) 874-6229 (home) (703) 220-2835 (cell) -Original Message- From: Joel Watson [mailto:[EMAIL PROTECTED] Sent: Wednesday, April 30, 2008 9:40 AM To: CF-Talk Subject: Re: CSS Question: Browser Sidebars Scott-- The problem is that you are absolutely positioning those three divs (they aren't rendering correctly in Firefox 2.5 or IE 7, btw). Take off the absolute positioning, as well as left and top for each. Then, float each left and use margins to space them out. This will stop them from wandering. Joel Hey all, Check this out HYPERLINK http://dev.avericom.com/http://dev.avericom.com The three bottom sections, portfolio, news and blogs. Position perfectly with a side bar turned on in your browser. With the sidebar turned off, the text shifts to the left. I know this is a CSS issue, but I don?t know how to compensate for the browser sidebar. -- Scott Stewart ColdFusion Developer SSTWebworks 4405 Oakshyre Way Raleigh, NC. 27616 (919) 874-6229 (home) (703) 220-2835 (cell) No virus found in this outgoing message. Checked by AVG. Version: 7.5.524 / Virus Database: 269.23.6/1404 - Release Date: 4/29/2008 6:27 PM ~| Adobe® ColdFusion® 8 software 8 is the most important and dramatic release to date Get the Free Trial http://ad.doubleclick.net/clk;192386516;25150098;k Archive: http://www.houseoffusion.com/groups/CF-Talk/message.cfm/messageid:304512 Subscription: http://www.houseoffusion.com/groups/CF-Talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=11502.10531.4
Re: CSS Question: Browser Sidebars
Glad to help! Joel Thanks Joel, Your idea worked :) sas -- Scott Stewart ColdFusion Developer SSTWebworks 4405 Oakshyre Way Raleigh, NC. 27616 (919) 874-6229 (home) (703) 220-2835 (cell) Scott-- The problem is that you are absolutely positioning those three divs (they aren't rendering correctly in Firefox 2.5 or IE 7, btw). Take off the absolute positioning, as well as left and top for each. Then, float each left and use margins to space them out. This will stop them from wandering. Joel ~| Adobe® ColdFusion® 8 software 8 is the most important and dramatic release to date Get the Free Trial http://ad.doubleclick.net/clk;192386516;25150098;k Archive: http://www.houseoffusion.com/groups/CF-Talk/message.cfm/messageid:304518 Subscription: http://www.houseoffusion.com/groups/CF-Talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4
CSS Question
What am I doing wrong? When the following is viewd on FireFox, the 1st and
3rd row show correctly, but on IE 6, the middle row shows right. Any
suggestions?
!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.0//EN
html
head
meta http-equiv=Content-Type content=text/html; charset=iso-8859-1
STYLE type=text/css
* { font-face: Arial, Helvetica, sans-serif;
}
#label {display:block; width: 3in; height: 2.25in; }
#topLeft {position:fixed; top: .1in; left:.1in; right:.7in; bottom:.75in}
#topCenter {position:fixed; top: .1in; left:.8in; right:2.4in;
bottom:.75in; font-size: 12px;}
#topRight {position:fixed; top: .1in; left: 2.5in; right:2.9in;
bottom:.75in;}
#middle {position:fixed; top: .8in; left: 0in; bottom:1.4in; right:2.9in;
font-size: 9px;}
#bottomLeft {position:fixed; top:1.5in; left: 0.1in; right: .8;
bottom:2.25in; }
#bottomRight {position:fixed; top:1.5in; left: 1in; right: 2.9in;
bottom:2.25in; }
/STYLE
/head
body
div id=label
div id=topLeft
IMG alt= src=//localhost/images/omg_logo_BW.bmp border=0
/div
div id=topCenter
Chick in EggbrNet Wt. 2.5 oz(70 g)
/div
div id=topRight
IMG alt= src=//localhost/images/CRCLogo.bmp border=0
/div
div id=middle
strongIngredients: Cookie:/strong unbleached flour, butter, sugar,
eggs, vanillaBR
strongIcing:/strong powdered sugar, meringue powder [potato starch,
cream of tartar, baking soda, xanthan gum, salt, lactic acid, egg albumen],
water and corn syrup, contains 2% or less of the following: artificial color
yellow #5, titanium dioxide yellow #6, red #3, red #40, blue #1, glycerin,
sorbitol modified food starch, preservative [sodium benzoate, potassium
sorbate], vegetable gum, citric acid
/div
div id=bottomLeft
pLast Row/p
/div
div id=bottomRight
img src=images/Small/79448700118.jpg
/div
/div
/body
/html
Andy
~|
Adobe® ColdFusion® 8 software 8 is the most important and dramatic release to
date
Get the Free Trial
http://ad.doubleclick.net/clk;192386516;25150098;k
Archive:
http://www.houseoffusion.com/groups/CF-Talk/message.cfm/messageid:303277
Subscription: http://www.houseoffusion.com/groups/CF-Talk/subscribe.cfm
Unsubscribe:
http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=11502.10531.4
CSS Question
What am I doing wrong? When the following is viewd on FireFox, the 1st and
3rd row show correctly, but on IE 6, the middle row shows right. Any
suggestions?
!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.0//EN
html
head
meta http-equiv=Content-Type content=text/html; charset=iso-8859-1
STYLE type=text/css
* { font-face: Arial, Helvetica, sans-serif;
}
#label {display:block; width: 3in; height: 2.25in; }
#topLeft {position:fixed; top: .1in; left:.1in; right:.7in; bottom:.75in}
#topCenter {position:fixed; top: .1in; left:.8in; right:2.4in;
bottom:.75in; font-size: 12px;}
#topRight {position:fixed; top: .1in; left: 2.5in; right:2.9in;
bottom:.75in;}
#middle {position:fixed; top: .8in; left: 0in; bottom:1.4in; right:2.9in;
font-size: 9px;}
#bottomLeft {position:fixed; top:1.5in; left: 0.1in; right: .8;
bottom:2.25in; }
#bottomRight {position:fixed; top:1.5in; left: 1in; right: 2.9in;
bottom:2.25in; }
/STYLE
/head
body
div id=label
div id=topLeft
IMG alt= src=//localhost/images/omg_logo_BW.bmp border=0
/div
div id=topCenter
Chick in EggbrNet Wt. 2.5 oz(70 g)
/div
div id=topRight
IMG alt= src=//localhost/images/CRCLogo.bmp border=0
/div
div id=middle
strongIngredients: Cookie:/strong unbleached flour, butter, sugar,
eggs, vanillaBR
strongIcing:/strong powdered sugar, meringue powder [potato starch,
cream of tartar, baking soda, xanthan gum, salt, lactic acid, egg albumen],
water and corn syrup, contains 2% or less of the following: artificial color
yellow #5, titanium dioxide yellow #6, red #3, red #40, blue #1, glycerin,
sorbitol modified food starch, preservative [sodium benzoate, potassium
sorbate], vegetable gum, citric acid
/div
div id=bottomLeft
pLast Row/p
/div
div id=bottomRight
img src=images/Small/79448700118.jpg
/div
/div
/body
/html
Andy
~|
Adobe® ColdFusion® 8 software 8 is the most important and dramatic release to
date
Get the Free Trial
http://ad.doubleclick.net/clk;192386516;25150098;k
Archive:
http://www.houseoffusion.com/groups/CF-Talk/message.cfm/messageid:302823
Subscription: http://www.houseoffusion.com/groups/CF-Talk/subscribe.cfm
Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4
Re: OT: CSS Question
Yes. link href=styles.css type=text/css rel=stylesheet media=*all* / link href=print.css type=text/css rel=stylesheet media=*print* / ~| Adobe® ColdFusion® 8 software 8 is the most important and dramatic release to date Get the Free Trial http://ad.doubleclick.net/clk;160198600;22374440;w Archive: http://www.houseoffusion.com/groups/CF-Talk/message.cfm/messageid:299458 Subscription: http://www.houseoffusion.com/groups/CF-Talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=11502.10531.4
Re: OT: CSS Question
Heh. The asterisks were placed in by Gmail's editor, to signify bold. I was merely attempting to highlight the key words. After I sent my reply, I found that other people had already answered the question. For some reason the thread didn't stay together in my Gmail account, so I thought I was answering an unanswered question. Unfortunately I didn't reach out quickly enough to pull the email back in. (I'm gonna need to work on my reach.) ~| Adobe® ColdFusion® 8 software 8 is the most important and dramatic release to date Get the Free Trial http://ad.doubleclick.net/clk;160198600;22374440;w Archive: http://www.houseoffusion.com/groups/CF-Talk/message.cfm/messageid:299468 Subscription: http://www.houseoffusion.com/groups/CF-Talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=11502.10531.4
RE: OT: CSS Question
Matt, why the asterisks beside all and print, as in *all* and *print*? How is that different from media=all and media=print? Haven't used the various media designations before, so I'm curious. Rick -Original Message- From: Matt Quackenbush [mailto:[EMAIL PROTECTED] Sent: Wednesday, February 20, 2008 1:12 PM To: CF-Talk Subject: Re: OT: CSS Question Yes. link href=styles.css type=text/css rel=stylesheet media=*all* / link href=print.css type=text/css rel=stylesheet media=*print* / ~| Adobe® ColdFusion® 8 software 8 is the most important and dramatic release to date Get the Free Trial http://ad.doubleclick.net/clk;160198600;22374440;w Archive: http://www.houseoffusion.com/groups/CF-Talk/message.cfm/messageid:299460 Subscription: http://www.houseoffusion.com/groups/CF-Talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4
OT: CSS Question
I understand how to make fields invisible, but is there a way to have a field display on the screen, but become invisible when printed? For example, can I set one stylesheet for Display and another for printing? Andy ~| Adobe® ColdFusion® 8 software 8 is the most important and dramatic release to date Get the Free Trial http://ad.doubleclick.net/clk;160198600;22374440;w Archive: http://www.houseoffusion.com/groups/CF-Talk/message.cfm/messageid:299366 Subscription: http://www.houseoffusion.com/groups/CF-Talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=11502.10531.4
RE: CSS Question
media=print in your link tag where you import the stylesheet will accomplish this. media=screen will be screen specific and media=all is for both. A lack of this attribute will default to all. There's more too it than that. Here's a good resource for you: http://www.w3.org/TR/REC-CSS2/media.html _ Jake Churchill Team Leader 11204 Davenport, Ste. 100 Omaha, NE 68154 http://www.cfwebtools.com 402-408-3733 x103 -Original Message- From: Andy [mailto:[EMAIL PROTECTED] Sent: Tuesday, February 19, 2008 5:34 PM To: CF-Talk Subject: OT: CSS Question I understand how to make fields invisible, but is there a way to have a field display on the screen, but become invisible when printed? For example, can I set one stylesheet for Display and another for printing? Andy ~| Adobe® ColdFusion® 8 software 8 is the most important and dramatic release to date Get the Free Trial http://ad.doubleclick.net/clk;160198600;22374440;w Archive: http://www.houseoffusion.com/groups/CF-Talk/message.cfm/messageid:299367 Subscription: http://www.houseoffusion.com/groups/CF-Talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4
RE: CSS Question
Very cool. Thanks! -Original Message- From: Jake Churchill [mailto:[EMAIL PROTECTED] Sent: Tuesday, February 19, 2008 5:39 PM To: CF-Talk Subject: RE: CSS Question media=print in your link tag where you import the stylesheet will accomplish this. media=screen will be screen specific and media=all is for both. A lack of this attribute will default to all. There's more too it than that. Here's a good resource for you: http://www.w3.org/TR/REC-CSS2/media.html _ Jake Churchill Team Leader 11204 Davenport, Ste. 100 Omaha, NE 68154 http://www.cfwebtools.com 402-408-3733 x103 -Original Message- From: Andy [mailto:[EMAIL PROTECTED] Sent: Tuesday, February 19, 2008 5:34 PM To: CF-Talk Subject: OT: CSS Question I understand how to make fields invisible, but is there a way to have a field display on the screen, but become invisible when printed? For example, can I set one stylesheet for Display and another for printing? Andy ~| Adobe® ColdFusion® 8 software 8 is the most important and dramatic release to date Get the Free Trial http://ad.doubleclick.net/clk;160198600;22374440;w Archive: http://www.houseoffusion.com/groups/CF-Talk/message.cfm/messageid:299369 Subscription: http://www.houseoffusion.com/groups/CF-Talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=11502.10531.4
RE: CSS Question
Jake,
Ok, I've been playing around for the last 2 hours and can't get it to work.
For example, in the following header both displays on the screen and
prints. What am I doing wrong?
!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 //EN
http://www.w3.org/TR/html4/loose.dtd;
html
head
meta http-equiv=Content-Type content=text/html;
charset=iso-8859-1
STYLE type=text/css
@media screen {
#Header {
position: fixed;
width: 100%;
height: auto;
font-size: 20pt;
font-weight: bold;
}
}
@media print {
#Header {visibility: hidden;}
}
/STYLE
titleTest Document/title
/head
body
div id=HeaderHeader/div
pTesting/p
/body
/html
-Original Message-
From: Jake Churchill [mailto:[EMAIL PROTECTED]
Sent: Tuesday, February 19, 2008 5:39 PM
To: CF-Talk
Subject: RE: CSS Question
media=print in your link tag where you import the stylesheet will
accomplish this.
media=screen will be screen specific and media=all is for both. A lack
of this attribute will default to all.
There's more too it than that. Here's a good resource for you:
http://www.w3.org/TR/REC-CSS2/media.html
_
Jake Churchill
Team Leader
11204 Davenport, Ste. 100
Omaha, NE 68154
http://www.cfwebtools.com
402-408-3733 x103
-Original Message-
From: Andy [mailto:[EMAIL PROTECTED]
Sent: Tuesday, February 19, 2008 5:34 PM
To: CF-Talk
Subject: OT: CSS Question
I understand how to make fields invisible, but is there a way to have a
field display on the screen, but become invisible when printed? For
example, can I set one stylesheet for Display and another for printing?
Andy
~|
Adobe® ColdFusion® 8 software 8 is the most important and dramatic release to
date
Get the Free Trial
http://ad.doubleclick.net/clk;160198600;22374440;w
Archive:
http://www.houseoffusion.com/groups/CF-Talk/message.cfm/messageid:299387
Subscription: http://www.houseoffusion.com/groups/CF-Talk/subscribe.cfm
Unsubscribe:
http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=11502.10531.4
RE: CSS Question
OK. Not sure what happened. But now it is working in IE and FireFox,
although FireFox displays the data differently. More playing I guess.
Is there a way I can set headers and footers and set page size and
orientation via a Print button?
-Original Message-
From: Andy [mailto:[EMAIL PROTECTED]
Sent: Tuesday, February 19, 2008 10:16 PM
To: 'cf-talk@houseoffusion.com'
Subject: RE: CSS Question
Jake,
Ok, I've been playing around for the last 2 hours and can't get it to work.
For example, in the following header both displays on the screen and
prints. What am I doing wrong?
!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 //EN
http://www.w3.org/TR/html4/loose.dtd;
html
head
meta http-equiv=Content-Type content=text/html;
charset=iso-8859-1
STYLE type=text/css
@media screen {
#Header {
position: fixed;
width: 100%;
height: auto;
font-size: 20pt;
font-weight: bold;
}
}
@media print {
#Header {visibility: hidden;}
}
/STYLE
titleTest Document/title
/head
body
div id=HeaderHeader/div
pTesting/p
/body
/html
-Original Message-
From: Jake Churchill [mailto:[EMAIL PROTECTED]
Sent: Tuesday, February 19, 2008 5:39 PM
To: CF-Talk
Subject: RE: CSS Question
media=print in your link tag where you import the stylesheet will
accomplish this.
media=screen will be screen specific and media=all is for both. A lack
of this attribute will default to all.
There's more too it than that. Here's a good resource for you:
http://www.w3.org/TR/REC-CSS2/media.html
_
Jake Churchill
Team Leader
11204 Davenport, Ste. 100
Omaha, NE 68154
http://www.cfwebtools.com
402-408-3733 x103
-Original Message-
From: Andy [mailto:[EMAIL PROTECTED]
Sent: Tuesday, February 19, 2008 5:34 PM
To: CF-Talk
Subject: OT: CSS Question
I understand how to make fields invisible, but is there a way to have a
field display on the screen, but become invisible when printed? For
example, can I set one stylesheet for Display and another for printing?
Andy
~|
Adobe® ColdFusion® 8 software 8 is the most important and dramatic release to
date
Get the Free Trial
http://ad.doubleclick.net/clk;160198600;22374440;w
Archive:
http://www.houseoffusion.com/groups/CF-Talk/message.cfm/messageid:299388
Subscription: http://www.houseoffusion.com/groups/CF-Talk/subscribe.cfm
Unsubscribe:
http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=11502.10531.4
Re: CSS Question
use cfdocument to create a pdf to your size and specs. Azadi Saryev Sabai-dee.com http://www.sabai-dee.com/ Andy wrote: OK. Not sure what happened. But now it is working in IE and FireFox, although FireFox displays the data differently. More playing I guess. Is there a way I can set headers and footers and set page size and orientation via a Print button? ~| Adobe® ColdFusion® 8 software 8 is the most important and dramatic release to date Get the Free Trial http://ad.doubleclick.net/clk;160198600;22374440;w Archive: http://www.houseoffusion.com/groups/CF-Talk/message.cfm/messageid:299392 Subscription: http://www.houseoffusion.com/groups/CF-Talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4
Re: OT: CSS Question
Rick Faircloth wrote: Hi, all... I'm wondering if anyone knows why and what to do about aligning a div background image to the right top corner of a div. IE 7 and FF display it as expected...IE 6 just leaves it in the *left* upper corner. Here's the code: div class=section style=width:100%; height:200px; background:url(images/dove-section-bg.png) top right no-repeat; /div Rick, That code snippet you provided works fine in IE6 at my end (in isolation), so something else is going on. Seeing the page in question would really help define exactly what - do you have a link for perusal? Mark ~| Create Web Applications With ColdFusion MX7 Flex 2. Build powerful, scalable RIAs. Free Trial http://www.adobe.com/products/coldfusion/flex2/?sdid=RVJS Archive: http://www.houseoffusion.com/groups/CF-Talk/message.cfm/messageid:280743 Subscription: http://www.houseoffusion.com/groups/CF-Talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=11502.10531.4
Re: OT: CSS Question
I will have to agree, works here too. but one thing I have also noticed is that in some case of heritance of styles, the image class needs to have margin-left: auto; and margin-right: auto; I have also found that in fireDebug, if you start to disable inherit css elements you can quickly identify the problem too. On 6/12/07, Mark Henderson [EMAIL PROTECTED] wrote: Rick Faircloth wrote: Hi, all... I'm wondering if anyone knows why and what to do about aligning a div background image to the right top corner of a div. IE 7 and FF display it as expected...IE 6 just leaves it in the *left* upper corner. Here's the code: div class=section style=width:100%; height:200px; background:url(images/dove-section-bg.png) top right no-repeat; /div Rick, That code snippet you provided works fine in IE6 at my end (in isolation), so something else is going on. Seeing the page in question would really help define exactly what - do you have a link for perusal? Mark ~| ColdFusion MX7 and Flex 2 Build sales marketing dashboard RIAâs for your business. Upgrade now http://www.adobe.com/products/coldfusion/flex2?sdid=RVJT Archive: http://www.houseoffusion.com/groups/CF-Talk/message.cfm/messageid:280744 Subscription: http://www.houseoffusion.com/groups/CF-Talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4
RE: OT: CSS Question
Hi, Andrew... check out my response to Mark Mik for the explanation I came upon for the problem. Let me know if you don't see it. Rick -Original Message- From: Andrew Scott [mailto:[EMAIL PROTECTED] Sent: Tuesday, June 12, 2007 5:29 AM To: CF-Talk Subject: Re: OT: CSS Question I will have to agree, works here too. but one thing I have also noticed is that in some case of heritance of styles, the image class needs to have margin-left: auto; and margin-right: auto; I have also found that in fireDebug, if you start to disable inherit css elements you can quickly identify the problem too. On 6/12/07, Mark Henderson [EMAIL PROTECTED] wrote: Rick Faircloth wrote: Hi, all... I'm wondering if anyone knows why and what to do about aligning a div background image to the right top corner of a div. IE 7 and FF display it as expected...IE 6 just leaves it in the *left* upper corner. Here's the code: div class=section style=width:100%; height:200px; background:url(images/dove-section-bg.png) top right no-repeat; /div Rick, That code snippet you provided works fine in IE6 at my end (in isolation), so something else is going on. Seeing the page in question would really help define exactly what - do you have a link for perusal? Mark ~| Create robust enterprise, web RIAs. Upgrade integrate Adobe Coldfusion MX7 with Flex 2 http://www.adobe.com/products/coldfusion/flex2/?sdid=RVJP Archive: http://www.houseoffusion.com/groups/CF-Talk/message.cfm/messageid:280745 Subscription: http://www.houseoffusion.com/groups/CF-Talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4
RE: OT: CSS Question
Oh, and I meant to give you and Mik a link to show what I'm working on... http://hfumc.whitestonemedia.com Looks fine in IE7 and FF2, which support png transparency, but not in IE6 where I have to use the AlphaImageTransparency filter... :o( Rick -Original Message- From: Mark Henderson [mailto:[EMAIL PROTECTED] Sent: Tuesday, June 12, 2007 4:53 AM To: CF-Talk Subject: Re: OT: CSS Question Rick Faircloth wrote: Hi, all... I'm wondering if anyone knows why and what to do about aligning a div background image to the right top corner of a div. IE 7 and FF display it as expected...IE 6 just leaves it in the *left* upper corner. Here's the code: div class=section style=width:100%; height:200px; background:url(images/dove-section-bg.png) top right no-repeat; /div Rick, That code snippet you provided works fine in IE6 at my end (in isolation), so something else is going on. Seeing the page in question would really help define exactly what - do you have a link for perusal? Mark ~| Macromedia ColdFusion MX7 Upgrade to MX7 experience time-saving features, more productivity. http://www.adobe.com/products/coldfusion?sdid=RVJW Archive: http://www.houseoffusion.com/groups/CF-Talk/message.cfm/messageid:280746 Subscription: http://www.houseoffusion.com/groups/CF-Talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=11502.10531.4
RE: OT: CSS Question
I may just have to give up my gradient background image for the mid-section and go to a white background and just give my images a white background and avoid the AlphaImageTransparency filter, altogether. That way I can CSS positioning on the background element... Rick -Original Message- From: Mark Henderson [mailto:[EMAIL PROTECTED] Sent: Tuesday, June 12, 2007 4:53 AM To: CF-Talk Subject: Re: OT: CSS Question Rick Faircloth wrote: Hi, all... I'm wondering if anyone knows why and what to do about aligning a div background image to the right top corner of a div. IE 7 and FF display it as expected...IE 6 just leaves it in the *left* upper corner. Here's the code: div class=section style=width:100%; height:200px; background:url(images/dove-section-bg.png) top right no-repeat; /div Rick, That code snippet you provided works fine in IE6 at my end (in isolation), so something else is going on. Seeing the page in question would really help define exactly what - do you have a link for perusal? Mark ~| ColdFusion MX7 by Adobe® Dyncamically transform webcontent into Adobe PDF with new ColdFusion MX7. Free Trial. http://www.adobe.com/products/coldfusion?sdid=RVJV Archive: http://www.houseoffusion.com/groups/CF-Talk/message.cfm/messageid:280747 Subscription: http://www.houseoffusion.com/groups/CF-Talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4
RE: OT: CSS Question
Hi, Mark Mik... I figured out what was causing the problem after I posted. I'm using the Microsoft AlphaImageLoader filter to create a pseudo transparency for the .png and the filter actually creates a new image, which is not a true background image, therefore the typical CSS background attributes don't apply. My only other option, that I'm aware of, is to use absolute positioning of the div's to create an overlap. That is the only way to get two div's to overlap, isn't it? I tried every other way, including using z-index and floating without absolute positioning, but could get everything to stack up. Thoughts, Thanks, Rick -Original Message- From: Mark Henderson [mailto:[EMAIL PROTECTED] Sent: Tuesday, June 12, 2007 4:53 AM To: CF-Talk Subject: Re: OT: CSS Question Rick Faircloth wrote: Hi, all... I'm wondering if anyone knows why and what to do about aligning a div background image to the right top corner of a div. IE 7 and FF display it as expected...IE 6 just leaves it in the *left* upper corner. Here's the code: div class=section style=width:100%; height:200px; background:url(images/dove-section-bg.png) top right no-repeat; /div Rick, That code snippet you provided works fine in IE6 at my end (in isolation), so something else is going on. Seeing the page in question would really help define exactly what - do you have a link for perusal? Mark ~| Create robust enterprise, web RIAs. Upgrade integrate Adobe Coldfusion MX7 with Flex 2 http://www.adobe.com/products/coldfusion/flex2/?sdid=RVJP Archive: http://www.houseoffusion.com/groups/CF-Talk/message.cfm/messageid:280748 Subscription: http://www.houseoffusion.com/groups/CF-Talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=11502.10531.4
OT: CSS Question
Hi, all... I hope everyone doesn't mind an OT question, but I can't find an answer anywhere and the css list I'm on isn't responding. Here's my post to the other list. I'd appreciate any clues anyone might have. Thanks, Rick Hi, all... I'm wondering if anyone knows why and what to do about aligning a div background image to the right top corner of a div. IE 7 and FF display it as expected...IE 6 just leaves it in the *left* upper corner. Here's the code: div class=section style=width:100%; height:200px; background:url(images/dove-section-bg.png) top right no-repeat; /div The class, section, just defines the class as margin:10px 0px 0px 16px; text-align:justify; If I can just get that blasted bird in the upper-right corner of my div in IE 6, I'll be a happy coder! (For the moment...) Ideas, anyone? Work-a-rounds? Thanks, Rick ~| Create Web Applications With ColdFusion MX7 Flex 2. Build powerful, scalable RIAs. Free Trial http://www.adobe.com/products/coldfusion/flex2/?sdid=RVJS Archive: http://www.houseoffusion.com/groups/CF-Talk/message.cfm/messageid:280720 Subscription: http://www.houseoffusion.com/groups/CF-Talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4
Re: OT: CSS Question
How about:
{
background-image: url('images/dove-section-bg.png');
background-repeat: no-repeat;
background-position: 100% 0px;
}
Mik
IE 7 and FF display it as expected...IE 6 just leaves it in the *left* upper
corner.
Here's the code:
div class=section style=width:100%; height:200px;
background:url(images/dove-section-bg.png) top right no-repeat;
/div
The class, section, just defines the class as margin:10px 0px 0px 16px;
text-align:justify;
If I can just get that blasted bird in the upper-right corner of my div in
IE 6,
I'll be a happy coder!
(For the moment...)
Ideas, anyone? Work-a-rounds?
Thanks,
Rick
Michael Muller
Admin, MontagueMA.net Website
work (413) 863-0030
cell (413) 320-5336
skype: michaelBmuller
http://www.MontagueMA.net
Eschew Obfuscation
~|
Upgrade to Adobe ColdFusion MX7
The most significant release in over 10 years. Upgrade see new features.
http://www.adobe.com/products/coldfusion?sdid=RVJR
Archive:
http://www.houseoffusion.com/groups/CF-Talk/message.cfm/messageid:280734
Subscription: http://www.houseoffusion.com/groups/CF-Talk/subscribe.cfm
Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4
SOT: css question
I have a weird CSS question.
I'm using Aptana CSS editor,...
I have an alphabet list (literally ABCD..etc)
There's a CSS background with the same set (trying to achieve a certain
font)
I need to create a highlight when the user select's a letter,
Can I put a semi-transparent block over the background with a span?
--- css code-
#bwAlphabet{
float: left;
margin: 0 0 10px 0;
padding: 0;
}
#bwAlphabet ol{
list-style: none;
padding: 0 0 0 15px;
margin: 0 0 0 0; /*1em 0.5em;*/
float: left;
font-size:11px;
width: 574px;
height: 31px;
font-family: Arial, Helvetica, sans-serif;
background: url(../images/bw-alpha.gif) no-repeat top left;
}
#bwAlphabet ol li{
float: left;
text-indent: -9px;
margin: 0;
padding: 0;
}
#bwAlphabet ol li a{
display:block;
text-align:center;
font-weight:bold;
/*color: #03C;*/
text-decoration:none;
outline: green dotted 1px;
margin: 0;
padding: 0;
height: 31px;
}
-cf code ---
cfset lstAlphabet = A,B,C,D,E,F,G,H,I,J,K,L,M,N,O,P,Q,R,S,T,U,V,W,X,Y,Z
div id=bwAlphabet
ol
cfloop list=#lstAlphabet# index=thisAlpha
lispana
href=#myself##xfa.browseHome#dbTab=#attributes.dbTab#startsWith=#thisAlph
a# id=bw#thisAlpha##thisAlpha#/a/span/li
/cfloop
/ol
/div
--
Scott Stewart
ColdFusion Developer
SSTWebworks
7241 Jillspring Ct.
Springfield, Va. 22152
(703) 220-2835
http://www.sstwebworks.com
~|
Upgrade to Adobe ColdFusion MX7
The most significant release in over 10 years. Upgrade see new features.
http://www.adobe.com/products/coldfusion?sdid=RVJR
Archive:
http://www.houseoffusion.com/groups/CF-Talk/message.cfm/messageid:278614
Subscription: http://www.houseoffusion.com/groups/CF-Talk/subscribe.cfm
Unsubscribe:
http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=11502.10531.4
RE: css question
Is a background color not good enough?
#bwAlphabet a:hover{
background: #000;
}
-Original Message-
From: Scott Stewart [mailto:[EMAIL PROTECTED]
Sent: Friday, May 18, 2007 12:03 PM
To: CF-Talk
Subject: SOT: css question
I have a weird CSS question.
I'm using Aptana CSS editor,...
I have an alphabet list (literally ABCD..etc)
There's a CSS background with the same set (trying to achieve a certain
font)
I need to create a highlight when the user select's a letter,
Can I put a semi-transparent block over the background with a span?
--- css code-
#bwAlphabet{
float: left;
margin: 0 0 10px 0;
padding: 0;
}
#bwAlphabet ol{
list-style: none;
padding: 0 0 0 15px;
margin: 0 0 0 0; /*1em 0.5em;*/
float: left;
font-size:11px;
width: 574px;
height: 31px;
font-family: Arial, Helvetica, sans-serif;
background: url(../images/bw-alpha.gif) no-repeat top left;
}
#bwAlphabet ol li{
float: left;
text-indent: -9px;
margin: 0;
padding: 0;
}
#bwAlphabet ol li a{
display:block;
text-align:center;
font-weight:bold;
/*color: #03C;*/
text-decoration:none;
outline: green dotted 1px;
margin: 0;
padding: 0;
height: 31px;
}
-cf code ---
cfset lstAlphabet = A,B,C,D,E,F,G,H,I,J,K,L,M,N,O,P,Q,R,S,T,U,V,W,X,Y,Z
div id=bwAlphabet
ol
cfloop list=#lstAlphabet# index=thisAlpha
lispana
href=#myself##xfa.browseHome#dbTab=#attributes.dbTab#startsWith=#thisAlph
a# id=bw#thisAlpha##thisAlpha#/a/span/li
/cfloop
/ol
/div
--
Scott Stewart
ColdFusion Developer
SSTWebworks
7241 Jillspring Ct.
Springfield, Va. 22152
(703) 220-2835
http://www.sstwebworks.com
~|
Upgrade to Adobe ColdFusion MX7
Experience Flex 2 MX7 integration create powerful cross-platform RIAs
http://www.adobe.com/products/coldfusion/flex2/?sdid=RVJQ
Archive:
http://www.houseoffusion.com/groups/CF-Talk/message.cfm/messageid:278636
Subscription: http://www.houseoffusion.com/groups/CF-Talk/subscribe.cfm
Unsubscribe:
http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=11502.10531.4
RE: Quick CF CSS question.
Thanks Bobby and everyone. CfContent did the trick. :) -Original Message- From: Bobby Hartsfield [mailto:[EMAIL PROTECTED] Sent: Sunday, August 20, 2006 4:28 PM To: CF-Talk Subject: RE: Quick CF CSS question. I replied before all the emails came in ;-) You obviously already had the idea of background: url(../hdrs/header.cfm); So if I had a directory full of images named in sequence like... img01.jpg, img02.jpg, img03.jpg etc... through img20.jpg... And I wanted header.cfm to feed these images randomly then id just use this cfcontent tag cfcontent type=image/jpeg file=d:\path\to\image\files\img#numberformat(randrange(1, 20), '00')#.jpg Then I could just use img src=header.cfm Or in your case... background: url(..hdrs/header.cfm); of course it depends on the images being named in sequence, else you would just cfdirectory and filter everything but images then choose a random image from there for the file attribute of the cfcontent tag If you used cfdirectory, Id personally store the results in a persitant scope like session or application and only run cfdirectory when that variable is empty just to save on the overhead. Good luck ...:.:.:.:.:.:.:.:.:.:.:.:. Bobby Hartsfield http://acoderslife.com -Original Message- From: Che Vilnonis [mailto:[EMAIL PROTECTED] Sent: Friday, August 18, 2006 4:09 PM To: CF-Talk Subject: Quick CF CSS question. I've got this line of code in a CSS file (default.css). background: url(../_hdrs/header1.jpg); I'd like to change it to have a random image generated using something like this background: url(../_hdrs/headercfoutput#DayOfWeek(Now())#/cfoutput.jpg); How can I do this with a CSS file? Can this be done w/o changing the extension to .cfm? Thanks, Che ~| Introducing the Fusion Authority Quarterly Update. 80 pages of hard-hitting, up-to-date ColdFusion information by your peers, delivered to your door four times a year. http://www.fusionauthority.com/quarterly Archive: http://www.houseoffusion.com/groups/CF-Talk/message.cfm/messageid:250452 Subscription: http://www.houseoffusion.com/groups/CF-Talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=11502.10531.4
RE: Quick CF CSS question.
You could use something like... background: url(../_hdrs/header.cfm); and have header.cfm feed random images ..:.:.:.:.:.:.:.:.:.:.:.:. Bobby Hartsfield http://acoderslife.com -Original Message- From: Che Vilnonis [mailto:[EMAIL PROTECTED] Sent: Friday, August 18, 2006 4:09 PM To: CF-Talk Subject: Quick CF CSS question. I've got this line of code in a CSS file (default.css). background: url(../_hdrs/header1.jpg); I'd like to change it to have a random image generated using something like this background: url(../_hdrs/headercfoutput#DayOfWeek(Now())#/cfoutput.jpg); How can I do this with a CSS file? Can this be done w/o changing the extension to .cfm? Thanks, Che ~| Introducing the Fusion Authority Quarterly Update. 80 pages of hard-hitting, up-to-date ColdFusion information by your peers, delivered to your door four times a year. http://www.fusionauthority.com/quarterly Archive: http://www.houseoffusion.com/groups/CF-Talk/message.cfm/messageid:250417 Subscription: http://www.houseoffusion.com/groups/CF-Talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4
RE: Quick CF CSS question.
I replied before all the emails came in ;-) You obviously already had the idea of background: url(../hdrs/header.cfm); So if I had a directory full of images named in sequence like... img01.jpg, img02.jpg, img03.jpg etc... through img20.jpg... And I wanted header.cfm to feed these images randomly then id just use this cfcontent tag cfcontent type=image/jpeg file=d:\path\to\image\files\img#numberformat(randrange(1, 20), '00')#.jpg Then I could just use img src=header.cfm Or in your case... background: url(..hdrs/header.cfm); of course it depends on the images being named in sequence, else you would just cfdirectory and filter everything but images then choose a random image from there for the file attribute of the cfcontent tag If you used cfdirectory, Id personally store the results in a persitant scope like session or application and only run cfdirectory when that variable is empty just to save on the overhead. Good luck ..:.:.:.:.:.:.:.:.:.:.:.:. Bobby Hartsfield http://acoderslife.com -Original Message- From: Che Vilnonis [mailto:[EMAIL PROTECTED] Sent: Friday, August 18, 2006 4:09 PM To: CF-Talk Subject: Quick CF CSS question. I've got this line of code in a CSS file (default.css). background: url(../_hdrs/header1.jpg); I'd like to change it to have a random image generated using something like this background: url(../_hdrs/headercfoutput#DayOfWeek(Now())#/cfoutput.jpg); How can I do this with a CSS file? Can this be done w/o changing the extension to .cfm? Thanks, Che ~| Introducing the Fusion Authority Quarterly Update. 80 pages of hard-hitting, up-to-date ColdFusion information by your peers, delivered to your door four times a year. http://www.fusionauthority.com/quarterly Archive: http://www.houseoffusion.com/groups/CF-Talk/message.cfm/messageid:250419 Subscription: http://www.houseoffusion.com/groups/CF-Talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4
Re: Quick CF CSS question.
On 8/18/06, Paul Giesenhagen [EMAIL PROTECTED] wrote: Yes/No ... Yes if you go into your webserver and set .css files to be processed by your cold fusion server .. but that means all of your style sheets will be ran as CF templates at all times on the server. You could also use a .cfm file as the include... LINK rel=stylesheet type=text/css href=style.cfm where style.cfm has a cfcontent type=text/css at the top of it. -- Jim Wright Wright Business Solutions [EMAIL PROTECTED] 919-417-2257 ~| Introducing the Fusion Authority Quarterly Update. 80 pages of hard-hitting, up-to-date ColdFusion information by your peers, delivered to your door four times a year. http://www.fusionauthority.com/quarterly Archive: http://www.houseoffusion.com/groups/CF-Talk/message.cfm/messageid:250422 Subscription: http://www.houseoffusion.com/groups/CF-Talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4
Quick CF CSS question.
I've got this line of code in a CSS file (default.css). background: url(../_hdrs/header1.jpg); I'd like to change it to have a random image generated using something like this background: url(../_hdrs/headercfoutput#DayOfWeek(Now())#/cfoutput.jpg); How can I do this with a CSS file? Can this be done w/o changing the extension to .cfm? Thanks, Che ~| Introducing the Fusion Authority Quarterly Update. 80 pages of hard-hitting, up-to-date ColdFusion information by your peers, delivered to your door four times a year. http://www.fusionauthority.com/quarterly Archive: http://www.houseoffusion.com/groups/CF-Talk/message.cfm/messageid:250318 Subscription: http://www.houseoffusion.com/groups/CF-Talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4
Re: Quick CF CSS question.
Yes/No ... Yes if you go into your webserver and set .css files to be processed by your cold fusion server .. but that means all of your style sheets will be ran as CF templates at all times on the server. Paul Giesenhagen QuillDesign 417-885-1375 http://www.quilldesign.com SiteDirector Shopping Cart Software - Original Message - From: Che Vilnonis [EMAIL PROTECTED] To: CF-Talk cf-talk@houseoffusion.com Sent: Friday, August 18, 2006 3:09 PM Subject: Quick CF CSS question. I've got this line of code in a CSS file (default.css). background: url(../_hdrs/header1.jpg); I'd like to change it to have a random image generated using something like this background: url(../_hdrs/headercfoutput#DayOfWeek(Now())#/cfoutput.jpg); How can I do this with a CSS file? Can this be done w/o changing the extension to .cfm? Thanks, Che ~| Introducing the Fusion Authority Quarterly Update. 80 pages of hard-hitting, up-to-date ColdFusion information by your peers, delivered to your door four times a year. http://www.fusionauthority.com/quarterly Archive: http://www.houseoffusion.com/groups/CF-Talk/message.cfm/messageid:250321 Subscription: http://www.houseoffusion.com/groups/CF-Talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4
RE: Quick CF CSS question.
Che, You could always convert this to a CF file and just cfinclude it in your header file where you call your style sheets in the first place. I do this for a lot of my sites. I was just explaining how I do this in a post a couple of weeks ago, here's what I was saying... My CSS code is all in a template called css.cfm. It's basically a call to a cfc which determines the skin to be used and fetches all of the css settings (colors, fonts...) and then builds all of the css right there in a cfm file. In this way, I'm able to have one style sheet for each layout option, instead of having to have several for each option. Given three layouts, I've got three stylesheet templates instead of having a winter, spring, summer and fall stylesheet for each different layout. So I do have css files, they're just in cfm files and I'm most happy when my regular editor can handle that css code the way I want it to without having to mess with switching perspectives of anything like that. In my opinion, this approach really works well when it fits the project. It'd certainly make it easy to do what you're wanting to do. Thanks, Ken Ferguson 214.636.6126 -Original Message- From: Che Vilnonis [mailto:[EMAIL PROTECTED] Sent: Friday, August 18, 2006 3:09 PM To: CF-Talk Subject: Quick CF CSS question. I've got this line of code in a CSS file (default.css). background: url(../_hdrs/header1.jpg); I'd like to change it to have a random image generated using something like this background: url(../_hdrs/headercfoutput#DayOfWeek(Now())#/cfoutput.jpg); How can I do this with a CSS file? Can this be done w/o changing the extension to .cfm? Thanks, Che ~| Introducing the Fusion Authority Quarterly Update. 80 pages of hard-hitting, up-to-date ColdFusion information by your peers, delivered to your door four times a year. http://www.fusionauthority.com/quarterly Archive: http://www.houseoffusion.com/groups/CF-Talk/message.cfm/messageid:250323 Subscription: http://www.houseoffusion.com/groups/CF-Talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=11502.10531.4
RE: Quick CF CSS question.
Just put that line in your CFM file. !//-- andy matthews web developer certified advanced coldfusion programmer ICGLink, Inc. [EMAIL PROTECTED] 615.370.1530 x737 --//- -Original Message- From: Che Vilnonis [mailto:[EMAIL PROTECTED] Sent: Friday, August 18, 2006 3:09 PM To: CF-Talk Subject: Quick CF CSS question. I've got this line of code in a CSS file (default.css). background: url(../_hdrs/header1.jpg); I'd like to change it to have a random image generated using something like this background: url(../_hdrs/headercfoutput#DayOfWeek(Now())#/cfoutput.jpg); How can I do this with a CSS file? Can this be done w/o changing the extension to .cfm? Thanks, Che ~| Introducing the Fusion Authority Quarterly Update. 80 pages of hard-hitting, up-to-date ColdFusion information by your peers, delivered to your door four times a year. http://www.fusionauthority.com/quarterly Archive: http://www.houseoffusion.com/groups/CF-Talk/message.cfm/messageid:250328 Subscription: http://www.houseoffusion.com/groups/CF-Talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4
RE: Quick CF CSS question.
I think I can write something like this... background: url(../_hdrs/random.cfm); Then, on random.cfm, can I do this? cfoutputheader#DayOfWeek(Now())#.jpg/cfoutput I've seen some PHP sites do it this way, but I can't seem to get it to work quite yet. ~Che -Original Message- From: Paul Giesenhagen [mailto:[EMAIL PROTECTED] Sent: Friday, August 18, 2006 4:17 PM To: CF-Talk Subject: Re: Quick CF CSS question. Yes/No ... Yes if you go into your webserver and set .css files to be processed by your cold fusion server .. but that means all of your style sheets will be ran as CF templates at all times on the server. Paul Giesenhagen QuillDesign 417-885-1375 http://www.quilldesign.com SiteDirector Shopping Cart Software - Original Message - From: Che Vilnonis [EMAIL PROTECTED] To: CF-Talk cf-talk@houseoffusion.com Sent: Friday, August 18, 2006 3:09 PM Subject: Quick CF CSS question. I've got this line of code in a CSS file (default.css). background: url(../_hdrs/header1.jpg); I'd like to change it to have a random image generated using something like this background: url(../_hdrs/headercfoutput#DayOfWeek(Now())#/cfoutput.jpg); How can I do this with a CSS file? Can this be done w/o changing the extension to .cfm? Thanks, Che ~| Introducing the Fusion Authority Quarterly Update. 80 pages of hard-hitting, up-to-date ColdFusion information by your peers, delivered to your door four times a year. http://www.fusionauthority.com/quarterly Archive: http://www.houseoffusion.com/groups/CF-Talk/message.cfm/messageid:250329 Subscription: http://www.houseoffusion.com/groups/CF-Talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4
Re: Quick CF CSS question.
try including just that css tag in the style tag within the head tag at the top of the .cfm. Then you can probably cfparam in the random image. Che Vilnonis wrote: I've got this line of code in a CSS file (default.css). background: url(../_hdrs/header1.jpg); I'd like to change it to have a random image generated using something like this background: url(../_hdrs/headercfoutput#DayOfWeek(Now())#/cfoutput.jpg); How can I do this with a CSS file? Can this be done w/o changing the extension to .cfm? Thanks, Che ~| Introducing the Fusion Authority Quarterly Update. 80 pages of hard-hitting, up-to-date ColdFusion information by your peers, delivered to your door four times a year. http://www.fusionauthority.com/quarterly Archive: http://www.houseoffusion.com/groups/CF-Talk/message.cfm/messageid:250327 Subscription: http://www.houseoffusion.com/groups/CF-Talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4
RE: Quick CF CSS question.
And also means that you'd have to be careful about setting IDs in your stylesheet because of the #. !//-- andy matthews web developer certified advanced coldfusion programmer ICGLink, Inc. [EMAIL PROTECTED] 615.370.1530 x737 --//- -Original Message- From: Paul Giesenhagen [mailto:[EMAIL PROTECTED] Sent: Friday, August 18, 2006 3:17 PM To: CF-Talk Subject: Re: Quick CF CSS question. Yes/No ... Yes if you go into your webserver and set .css files to be processed by your cold fusion server .. but that means all of your style sheets will be ran as CF templates at all times on the server. Paul Giesenhagen QuillDesign 417-885-1375 http://www.quilldesign.com SiteDirector Shopping Cart Software - Original Message - From: Che Vilnonis [EMAIL PROTECTED] To: CF-Talk cf-talk@houseoffusion.com Sent: Friday, August 18, 2006 3:09 PM Subject: Quick CF CSS question. I've got this line of code in a CSS file (default.css). background: url(../_hdrs/header1.jpg); I'd like to change it to have a random image generated using something like this background: url(../_hdrs/headercfoutput#DayOfWeek(Now())#/cfoutput.jpg); How can I do this with a CSS file? Can this be done w/o changing the extension to .cfm? Thanks, Che ~| Introducing the Fusion Authority Quarterly Update. 80 pages of hard-hitting, up-to-date ColdFusion information by your peers, delivered to your door four times a year. http://www.fusionauthority.com/quarterly Archive: http://www.houseoffusion.com/groups/CF-Talk/message.cfm/messageid:250330 Subscription: http://www.houseoffusion.com/groups/CF-Talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=11502.10531.4
RE: Quick CF CSS question.
You have to use cfcontent to have it output the image correctly. -Original Message- From: Che Vilnonis [mailto:[EMAIL PROTECTED] Sent: Friday, August 18, 2006 4:29 PM To: CF-Talk Subject: RE: Quick CF CSS question. I think I can write something like this... background: url(../_hdrs/random.cfm); Then, on random.cfm, can I do this? cfoutputheader#DayOfWeek(Now())#.jpg/cfoutput I've seen some PHP sites do it this way, but I can't seem to get it to work quite yet. ~Che -Original Message- From: Paul Giesenhagen [mailto:[EMAIL PROTECTED] Sent: Friday, August 18, 2006 4:17 PM To: CF-Talk Subject: Re: Quick CF CSS question. Yes/No ... Yes if you go into your webserver and set .css files to be processed by your cold fusion server .. but that means all of your style sheets will be ran as CF templates at all times on the server. Paul Giesenhagen QuillDesign 417-885-1375 http://www.quilldesign.com SiteDirector Shopping Cart Software - Original Message - From: Che Vilnonis [EMAIL PROTECTED] To: CF-Talk cf-talk@houseoffusion.com Sent: Friday, August 18, 2006 3:09 PM Subject: Quick CF CSS question. I've got this line of code in a CSS file (default.css). background: url(../_hdrs/header1.jpg); I'd like to change it to have a random image generated using something like this background: url(../_hdrs/headercfoutput#DayOfWeek(Now())#/cfoutput.jpg); How can I do this with a CSS file? Can this be done w/o changing the extension to .cfm? Thanks, Che ~| Introducing the Fusion Authority Quarterly Update. 80 pages of hard-hitting, up-to-date ColdFusion information by your peers, delivered to your door four times a year. http://www.fusionauthority.com/quarterly Archive: http://www.houseoffusion.com/groups/CF-Talk/message.cfm/messageid:250333 Subscription: http://www.houseoffusion.com/groups/CF-Talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=11502.10531.4
RE: Quick CF CSS question.
I have a project which has multi domain for same content and I use something like that. I detect domain name and show required CSS file which includes different logos, styles, colors etc. Of course I have defined all CSS files before and I just select required CSS file depending on my detected domain. An idea. :) Oðuz Demirkapý -Original Message- From: Che Vilnonis [mailto:[EMAIL PROTECTED] Sent: Freitag, 18. August 2006 22:09 To: CF-Talk Subject: Quick CF CSS question. I've got this line of code in a CSS file (default.css). background: url(../_hdrs/header1.jpg); I'd like to change it to have a random image generated using something like this background: url(../_hdrs/headercfoutput#DayOfWeek(Now())#/cfoutput.jpg); How can I do this with a CSS file? Can this be done w/o changing the extension to .cfm? Thanks, Che ~| Introducing the Fusion Authority Quarterly Update. 80 pages of hard-hitting, up-to-date ColdFusion information by your peers, delivered to your door four times a year. http://www.fusionauthority.com/quarterly Archive: http://www.houseoffusion.com/groups/CF-Talk/message.cfm/messageid:250336 Subscription: http://www.houseoffusion.com/groups/CF-Talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=11502.10531.4
RE: Quick CF CSS question.
You need to use cfcontent in your cfm file, I believe. Thanks, Ken Ferguson 214.636.6126 -Original Message- From: Che Vilnonis [mailto:[EMAIL PROTECTED] Sent: Friday, August 18, 2006 3:29 PM To: CF-Talk Subject: RE: Quick CF CSS question. I think I can write something like this... background: url(../_hdrs/random.cfm); Then, on random.cfm, can I do this? cfoutputheader#DayOfWeek(Now())#.jpg/cfoutput I've seen some PHP sites do it this way, but I can't seem to get it to work quite yet. ~Che -Original Message- From: Paul Giesenhagen [mailto:[EMAIL PROTECTED] Sent: Friday, August 18, 2006 4:17 PM To: CF-Talk Subject: Re: Quick CF CSS question. Yes/No ... Yes if you go into your webserver and set .css files to be processed by your cold fusion server .. but that means all of your style sheets will be ran as CF templates at all times on the server. Paul Giesenhagen QuillDesign 417-885-1375 http://www.quilldesign.com SiteDirector Shopping Cart Software - Original Message - From: Che Vilnonis [EMAIL PROTECTED] To: CF-Talk cf-talk@houseoffusion.com Sent: Friday, August 18, 2006 3:09 PM Subject: Quick CF CSS question. I've got this line of code in a CSS file (default.css). background: url(../_hdrs/header1.jpg); I'd like to change it to have a random image generated using something like this background: url(../_hdrs/headercfoutput#DayOfWeek(Now())#/cfoutput.jpg); How can I do this with a CSS file? Can this be done w/o changing the extension to .cfm? Thanks, Che ~| Introducing the Fusion Authority Quarterly Update. 80 pages of hard-hitting, up-to-date ColdFusion information by your peers, delivered to your door four times a year. http://www.fusionauthority.com/quarterly Archive: http://www.houseoffusion.com/groups/CF-Talk/message.cfm/messageid:250335 Subscription: http://www.houseoffusion.com/groups/CF-Talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=11502.10531.4
RE: Quick CF CSS question.
Cfheader and cfcontent. My bad. Or you could just write some JS to do it client side. -Original Message- From: Che Vilnonis [mailto:[EMAIL PROTECTED] Sent: Friday, August 18, 2006 4:29 PM To: CF-Talk Subject: RE: Quick CF CSS question. I think I can write something like this... background: url(../_hdrs/random.cfm); Then, on random.cfm, can I do this? cfoutputheader#DayOfWeek(Now())#.jpg/cfoutput I've seen some PHP sites do it this way, but I can't seem to get it to work quite yet. ~Che -Original Message- From: Paul Giesenhagen [mailto:[EMAIL PROTECTED] Sent: Friday, August 18, 2006 4:17 PM To: CF-Talk Subject: Re: Quick CF CSS question. Yes/No ... Yes if you go into your webserver and set .css files to be processed by your cold fusion server .. but that means all of your style sheets will be ran as CF templates at all times on the server. Paul Giesenhagen QuillDesign 417-885-1375 http://www.quilldesign.com SiteDirector Shopping Cart Software - Original Message - From: Che Vilnonis [EMAIL PROTECTED] To: CF-Talk cf-talk@houseoffusion.com Sent: Friday, August 18, 2006 3:09 PM Subject: Quick CF CSS question. I've got this line of code in a CSS file (default.css). background: url(../_hdrs/header1.jpg); I'd like to change it to have a random image generated using something like this background: url(../_hdrs/headercfoutput#DayOfWeek(Now())#/cfoutput.jpg); How can I do this with a CSS file? Can this be done w/o changing the extension to .cfm? Thanks, Che ~| Introducing the Fusion Authority Quarterly Update. 80 pages of hard-hitting, up-to-date ColdFusion information by your peers, delivered to your door four times a year. http://www.fusionauthority.com/quarterly Archive: http://www.houseoffusion.com/groups/CF-Talk/message.cfm/messageid:250334 Subscription: http://www.houseoffusion.com/groups/CF-Talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4
RE: CSS Question
Massimo, thanks alot. that works great. -Original Message- From: Massimo, Tiziana e Federica [mailto:[EMAIL PROTECTED] Sent: Monday, May 16, 2005 8:12 AM To: CF-Talk Subject: Re: CSS Question Does anyone know the style command to half-space characters in a word, so that the they appear more spread out than normal, but not as far as the regular space between words? I guess you are looking for this: letter-spacing: 2px; Massimo Foti Dreamweaver: http://www.massimocorner.com Form validation: http://www.massimocorner.com/validator/ ColdFusion:http://www.olimpo.ch/tmt/ ~| Logware (www.logware.us): a new and convenient web-based time tracking application. Start tracking and documenting hours spent on a project or with a client with Logware today. Try it for free with a 15 day trial account. http://www.houseoffusion.com/banners/view.cfm?bannerid=67 Message: http://www.houseoffusion.com/lists.cfm/link=i:4:206842 Archives: http://www.houseoffusion.com/cf_lists/threads.cfm/4 Subscription: http://www.houseoffusion.com/lists.cfm/link=s:4 Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4 Donations Support: http://www.houseoffusion.com/tiny.cfm/54
OT: CSS Question
Does anyone know the style command to half-space characters in a word, so that the they appear more spread out than normal, but not as far as the regular space between words? TIA ~| Discover CFTicket - The leading ColdFusion Help Desk and Trouble Ticket application http://www.houseoffusion.com/banners/view.cfm?bannerid=48 Message: http://www.houseoffusion.com/lists.cfm/link=i:4:206756 Archives: http://www.houseoffusion.com/cf_lists/threads.cfm/4 Subscription: http://www.houseoffusion.com/lists.cfm/link=s:4 Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4 Donations Support: http://www.houseoffusion.com/tiny.cfm/54
Re: CSS Question
Does anyone know the style command to half-space characters in a word, so that the they appear more spread out than normal, but not as far as the regular space between words? I guess you are looking for this: letter-spacing: 2px; Massimo Foti Dreamweaver: http://www.massimocorner.com Form validation: http://www.massimocorner.com/validator/ ColdFusion:http://www.olimpo.ch/tmt/ ~| Logware (www.logware.us): a new and convenient web-based time tracking application. Start tracking and documenting hours spent on a project or with a client with Logware today. Try it for free with a 15 day trial account. http://www.houseoffusion.com/banners/view.cfm?bannerid=67 Message: http://www.houseoffusion.com/lists.cfm/link=i:4:206757 Archives: http://www.houseoffusion.com/cf_lists/threads.cfm/4 Subscription: http://www.houseoffusion.com/lists.cfm/link=s:4 Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=11502.10531.4 Donations Support: http://www.houseoffusion.com/tiny.cfm/54
RE: CSS Question... is this possible?
Yes, it is possible. Take a look at our Commonly Asked Questions page at http://www.bloodsource.org/HowYouCanHelp/DonateBlood/Commonly_asked_question.cfm.I think this is similar to what you are trying to do.If you click on the various questions in the left column, the content of the center column content changes.The content comes in a wide variety of lengths.This is done with CSS and _javascript_. If this what you need to do, feel free to contact me if you have any questions on how it was put together. -- Ian Skinner Web Programmer BloodSource www.BloodSource.org Sacramento, CA C code. C code run. Run code run. Please! - Cynthia Dunning PS.The table does refresh it self in all the browsers I've test this in. [Todays Threads] [This Message] [Subscription] [Fast Unsubscribe] [User Settings]
OT: CSS Question... is this possible?
I have a situation where I have a content display page that is quite long. I want to split up the content into multiple pages. In other words, rather than having a really really long page, I'd like to break it up and use next/previous buttons for navigation. Let's pretend that the following table is my HTML display code.. table tr td /td /tr /table The following is what should appear on pages 1 and on page 2 Page 1 -- This is an example. Page 2 -- This is another example. In other words, this is the second page. This is another example. In other words, this is the second page. This is another example. In other words, this is the second page. This is another example. In other words, this is the second page. This is another example. In other words, this is the second page. This is another example. In other words, this is the second page. This is another example. In other words, this is the second page. This is another example. In other words, this is the second page. This is another example. In other words, this is the second page. Clearly, the content on page 2 is longer. That means that it would require that the HTML table that the content is enclosed within needs to be longer. Here's my question: I need to have the content and display code all live on a single page. I'm going to use a link and a little bit of _javascript_ to reload the page and div tags to mark off each page worth of content, and then toggle the visibility property of the div to flip between pages... something like this: table tr td div id=page1 This is an example. /div div id=page2 This is another example. In other words, this is the second page. This is another example. In other words, this is the second page. This is another example. In other words, this is the second page. This is another example. In other words, this is the second page. This is another example. In other words, this is the second page. This is another example. In other words, this is the second page. This is another example. In other words, this is the second page. This is another example. In other words, this is the second page. This is another example. In other words, this is the second page. /div /td /tr /table Although I've got this working on a basic level, the real problem I'm having is I don't know how to get the html table that surrounds the div's to adjust so that it is an appropriate height. For example, when I set the visible of the second page to TRUE (and the first page to FALSE) and I look at the web page, the content spills over the end of the HTML table. It's as if I need to somehow inform the HTML table to expand itself so that it looks like it integrates with the rest of the page. One approach would obvioiusly be to simply set the base table to use a really long height value so that its always longer than the content, but that means that on my page #1, there would be a bunch of empty space below the content and the bottom of the HTML table. Not good. Well, I hope someone out there had the time to read this and understands CSS well enough to steer me in the right direction... Jon [Todays Threads] [This Message] [Subscription] [Fast Unsubscribe] [User Settings]
RE: CSS Question... is this possible?
Don't use the tables at all. If you simply use the div/div's to enclose it, it should be okay. the situation is that a table won't automatically refresh itself (especially IE). _ From: Jon Block [mailto:[EMAIL PROTECTED] Sent: Tuesday, March 09, 2004 3:42 PM To: CF-Talk Subject: OT: CSS Question... is this possible? I have a situation where I have a content display page that is quite long. I want to split up the content into multiple pages. In other words, rather than having a really really long page, I'd like to break it up and use next/previous buttons for navigation. Let's pretend that the following table is my HTML display code.. table tr td /td /tr /table The following is what should appear on pages 1 and on page 2 Page 1 -- This is an example. Page 2 -- This is another example. In other words, this is the second page. This is another example. In other words, this is the second page. This is another example. In other words, this is the second page. This is another example. In other words, this is the second page. This is another example. In other words, this is the second page. This is another example. In other words, this is the second page. This is another example. In other words, this is the second page. This is another example. In other words, this is the second page. This is another example. In other words, this is the second page. Clearly, the content on page 2 is longer. That means that it would require that the HTML table that the content is enclosed within needs to be longer. Here's my question: I need to have the content and display code all live on a single page. I'm going to use a link and a little bit of _javascript_ to reload the page and div tags to mark off each page worth of content, and then toggle the visibility property of the div to flip between pages... something like this: table tr td div id=page1 This is an example. /div div id=page2 This is another example. In other words, this is the second page. This is another example. In other words, this is the second page. This is another example. In other words, this is the second page. This is another example. In other words, this is the second page. This is another example. In other words, this is the second page. This is another example. In other words, this is the second page. This is another example. In other words, this is the second page. This is another example. In other words, this is the second page. This is another example. In other words, this is the second page. /div /td /tr /table Although I've got this working on a basic level, the real problem I'm having is I don't know how to get the html table that surrounds the div's to adjust so that it is an appropriate height. For example, when I set the visible of the second page to TRUE (and the first page to FALSE) and I look at the web page, the content spills over the end of the HTML table. It's as if I need to somehow inform the HTML table to expand itself so that it looks like it integrates with the rest of the page. One approach would obvioiusly be to simply set the base table to use a really long height value so that its always longer than the content, but that means that on my page #1, there would be a bunch of empty space below the content and the bottom of the HTML table. Not good. Well, I hope someone out there had the time to read this and understands CSS well enough to steer me in the right direction... Jon _ [Todays Threads] [This Message] [Subscription] [Fast Unsubscribe] [User Settings]
RE: OT: CSS Question... is this possible?
It strikes me that if you remove the table/table, you eliminate the problem, no? If you must use tables, try something like this (syntax may not be exact) : !--- use a spacer image as a placeholder for the maximum amount of space to be occupied by the text i.e. 800 pixles high --- table style=position: absolulte; top: 0px; left: 0px tr tdimg src="" height=800 width=1/td /tr /table !--- then include your divs, place them in the exact position as the placeholder table above --- div id=page1 style=position: absolulte; top: 0px; left: 0px /div div id=page2 style=position: absolulte; top: 0px; left: 0px; visibility: none; /div another approach may be to simply hide the row of a table if this is possible i.e. table style=position: absolulte; top: 0px; left: 0px tr id=page1 td/td /tr tr id=page2 style=visibility: none td/td /tr /table there's another css property that belongs to some elements called 'display' i.e. display: none; I can remember which, but one of the properties makes the content invisibile AND also the space occopied by said content invisible. hth [Todays Threads] [This Message] [Subscription] [Fast Unsubscribe] [User Settings]
Re: [OT] CSS Question
Anyone know how to get rid of that inner border line that appears on a submit button when it is active?? onClick=blur() If you use Dreamweaver, www.projectseven.com has an extension to add/remove that code to all links on a page. I've noticed that IE6 (pc) won't always get rid of the border even with that code. IE 5.5 does though. Also, bear in mind that the border is there as an accessibility feature -- I think it facilitates tabbing from link to link within a page (not sure), so bear that in mind before getting rid of it. - Regards, Bob Haroche O n P o i n t S o l u t i o n s www.OnPointSolutions.com ~| Archives: http://www.houseoffusion.com/cf_lists/index.cfm?forumid=4 Subscription: http://www.houseoffusion.com/cf_lists/index.cfm?method=subscribeforumid=4 FAQ: http://www.thenetprofits.co.uk/coldfusion/faq Structure your ColdFusion code with Fusebox. Get the official book at http://www.fusionauthority.com/bkinfo.cfm Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4
Re: [OT] CSS Question
Taco Fleur wrote: Anyone know how to get rid of that inner border line that appears on a submit button when it is active?? Or even change the color? onClick=blur() Jochem ~| Archives: http://www.houseoffusion.com/cf_lists/index.cfm?forumid=4 Subscription: http://www.houseoffusion.com/cf_lists/index.cfm?method=subscribeforumid=4 FAQ: http://www.thenetprofits.co.uk/coldfusion/faq Structure your ColdFusion code with Fusebox. Get the official book at http://www.fusionauthority.com/bkinfo.cfm Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4
[OT] CSS Question
Anyone know how to get rid of that inner border line that appears on a submit button when it is active?? Or even change the color? Or is this a stupid question? ;-) ~| Archives: http://www.houseoffusion.com/cf_lists/index.cfm?forumid=4 Subscription: http://www.houseoffusion.com/cf_lists/index.cfm?method=subscribeforumid=4 FAQ: http://www.thenetprofits.co.uk/coldfusion/faq Structure your ColdFusion code with Fusebox. Get the official book at http://www.fusionauthority.com/bkinfo.cfm Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4
CSS Question
Hi All, I'm looking for a style sheet that will let me put a border around just one row in a table. Has anyone here done this before? If so how? TIA, Duane ~| Archives: http://www.houseoffusion.com/cf_lists/index.cfm?forumid=4 Subscription: http://www.houseoffusion.com/cf_lists/index.cfm?method=subscribeforumid=4 FAQ: http://www.thenetprofits.co.uk/coldfusion/faq Get the mailserver that powers this list at http://www.coolfusion.com Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4
RE: CSS Question
Try applying a style that you define to do that to just the TR tag. -Original Message- From: Duane Boudreau [mailto:[EMAIL PROTECTED]] Sent: Saturday, February 01, 2003 3:35 PM To: CF-Talk Subject: CSS Question Hi All, I'm looking for a style sheet that will let me put a border around just one row in a table. Has anyone here done this before? If so how? TIA, Duane ~| Archives: http://www.houseoffusion.com/cf_lists/index.cfm?forumid=4 Subscription: http://www.houseoffusion.com/cf_lists/index.cfm?method=subscribeforumid=4 FAQ: http://www.thenetprofits.co.uk/coldfusion/faq This list and all House of Fusion resources hosted by CFHosting.com. The place for dependable ColdFusion Hosting. Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4
Re: CSS Question
- Original Message -
From: Duane Boudreau [EMAIL PROTECTED]
I'm looking for a style sheet that will let me put a border around just
one
row in a table.
Has anyone here done this before? If so how?
Try:
tr.border {border: 1px solid Black;}
with this HTML:
tr class=bordertdTable row/td/tr
HTH,
Gyrus
[EMAIL PROTECTED]
work: http://www.tengai.co.uk
play: http://norlonto.net
PGP key available
~|
Archives: http://www.houseoffusion.com/cf_lists/index.cfm?forumid=4
Subscription:
http://www.houseoffusion.com/cf_lists/index.cfm?method=subscribeforumid=4
FAQ: http://www.thenetprofits.co.uk/coldfusion/faq
Get the mailserver that powers this list at http://www.coolfusion.com
Unsubscribe:
http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4
Re: CSS Question
- Original Message - From: Russ [EMAIL PROTECTED] To: CF-Talk [EMAIL PROTECTED] Sent: Saturday, February 01, 2003 2:48 PM Subject: RE: CSS Question Try applying a style that you define to do that to just the TR tag. Actually, i don't believe the tr will accept a border attribute (i've never gotten it to, anyway). I usually just put the appropriate borders around my tds, making sure there is a cellspacing=0 attribute on the table to make sure there are no breaks in the border. Eg: table cellspacing=0 cellpadding=3 tr td style=border-left:1px #00 solid; border-top:1px #00 solid; border-bottom:1px #00 solid; foo /td td style=border-top:1px #00 solid; border-bottom:1px #00 solid; foo /td td style=border-right:1px #00 solid; border-top:1px #00 solid; border-bottom:1px #00 solid; foo /td /tr /table hth, charlie -Original Message- From: Duane Boudreau [mailto:[EMAIL PROTECTED]] Sent: Saturday, February 01, 2003 3:35 PM To: CF-Talk Subject: CSS Question Hi All, I'm looking for a style sheet that will let me put a border around just one row in a table. Has anyone here done this before? If so how? TIA, Duane ~| Archives: http://www.houseoffusion.com/cf_lists/index.cfm?forumid=4 Subscription: http://www.houseoffusion.com/cf_lists/index.cfm?method=subscribeforumid=4 FAQ: http://www.thenetprofits.co.uk/coldfusion/faq Get the mailserver that powers this list at http://www.coolfusion.com Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4
Re: CSS Question
if you apply a style sheet and redefin the tr tag it will adjust all tr tags. you can do a tr style=border: thin #CC it's the property : decoration color - You can also add more attributes by seperating them with a ; hope this helps jay miller Russ wrote: Try applying a style that you define to do that to just the TR tag. -Original Message- From: Duane Boudreau [ mailto:[EMAIL PROTECTED] mailto:[EMAIL PROTECTED] ] Sent: Saturday, February 01, 2003 3:35 PM To: CF-Talk Subject: CSS Question Hi All, I'm looking for a style sheet that will let me put a border around just one row in a table. Has anyone here done this before? If so how? TIA, Duane ~| Archives: http://www.houseoffusion.com/cf_lists/index.cfm?forumid=4 Subscription: http://www.houseoffusion.com/cf_lists/index.cfm?method=subscribeforumid=4 FAQ: http://www.thenetprofits.co.uk/coldfusion/faq This list and all House of Fusion resources hosted by CFHosting.com. The place for dependable ColdFusion Hosting. Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4
RE: CSS Question
It will accept a border; there tends to be an issue with it working in NS4, however. HTH, Russ -Original Message- From: Charlie Griefer [mailto:[EMAIL PROTECTED]] Sent: Saturday, February 01, 2003 3:53 PM To: CF-Talk Subject: Re: CSS Question - Original Message - From: Russ [EMAIL PROTECTED] To: CF-Talk [EMAIL PROTECTED] Sent: Saturday, February 01, 2003 2:48 PM Subject: RE: CSS Question Try applying a style that you define to do that to just the TR tag. Actually, i don't believe the tr will accept a border attribute (i've never gotten it to, anyway). I usually just put the appropriate borders around my tds, making sure there is a cellspacing=0 attribute on the table to make sure there are no breaks in the border. Eg: table cellspacing=0 cellpadding=3 tr td style=border-left:1px #00 solid; border-top:1px #00 solid; border-bottom:1px #00 solid; foo /td td style=border-top:1px #00 solid; border-bottom:1px #00 solid; foo /td td style=border-right:1px #00 solid; border-top:1px #00 solid; border-bottom:1px #00 solid; foo /td /tr /table hth, charlie -Original Message- From: Duane Boudreau [mailto:[EMAIL PROTECTED]] Sent: Saturday, February 01, 2003 3:35 PM To: CF-Talk Subject: CSS Question Hi All, I'm looking for a style sheet that will let me put a border around just one row in a table. Has anyone here done this before? If so how? TIA, Duane ~| Archives: http://www.houseoffusion.com/cf_lists/index.cfm?forumid=4 Subscription: http://www.houseoffusion.com/cf_lists/index.cfm?method=subscribeforumid=4 FAQ: http://www.thenetprofits.co.uk/coldfusion/faq Get the mailserver that powers this list at http://www.coolfusion.com Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4
Re: CSS Question
granted i do things pretty weird but try this:
below is a stylesheet, pretty self explanatory
what I do is make the table then click anywhere inside the table and add the
class.
let me know if this is confusing and I will send u an example
!--- .::. begin stylesheet .::. ---
.main {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: x-small;
font-style: normal;
font-weight: normal;
font-variant: normal;
color: #00;
}
.borderedROWleft {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: x-small;
font-style: normal;
font-weight: normal;
font-variant: normal;
color: #00;
background-color: #CC;
border-top: 1px solid #66;
border-right: 1px none #66;
border-bottom: 1px solid #66;
border-left: 1px solid #66;
}
.borderedROWmiddle {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: x-small;
font-style: normal;
font-weight: normal;
font-variant: normal;
color: #00;
background-color: #CC;
border-top: 1px solid #66;
border-right: 1px none #66;
border-bottom: 1px solid #66;
border-left: 1px none #66;
}
.borderedROWright {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: x-small;
font-style: normal;
font-weight: normal;
font-variant: normal;
color: #00;
background-color: #CC;
border-top: 1px solid #66;
border-right: 1px solid #66;
border-bottom: 1px solid #66;
border-left: 1px none #66;
}
.rowNOborder {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: x-small;
font-style: normal;
font-weight: normal;
font-variant: normal;
color: #00;
background-color: #ebebe2;
border: 0px none;
}
!--- .::. end stylesheet .::. ---
Dave
- Original Message -
From: Duane Boudreau [EMAIL PROTECTED]
To: CF-Talk [EMAIL PROTECTED]
Sent: Saturday, February 01, 2003 4:34 PM
Subject: CSS Question
Hi All,
I'm looking for a style sheet that will let me put a border around just
one
row in a table.
Has anyone here done this before? If so how?
TIA,
Duane
~|
Archives: http://www.houseoffusion.com/cf_lists/index.cfm?forumid=4
Subscription:
http://www.houseoffusion.com/cf_lists/index.cfm?method=subscribeforumid=4
FAQ: http://www.thenetprofits.co.uk/coldfusion/faq
Structure your ColdFusion code with Fusebox. Get the official book at
http://www.fusionauthority.com/bkinfo.cfm
Unsubscribe:
http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4
RE: CSS Question
I'm trying to do this via javascript but no go, any suggestions? tr onMouseOver=this.style.border='1px solid black'; onMouseOut=this.style.border='0px'; Duane -Original Message- From: Jason Miller [mailto:[EMAIL PROTECTED]] Sent: Saturday, February 01, 2003 8:08 PM To: CF-Talk Subject: Re: CSS Question if you apply a style sheet and redefin the tr tag it will adjust all tr tags. you can do a tr style=border: thin #CC it's the property : decoration color - You can also add more attributes by seperating them with a ; hope this helps jay miller Russ wrote: Try applying a style that you define to do that to just the TR tag. -Original Message- From: Duane Boudreau [ mailto:[EMAIL PROTECTED] mailto:[EMAIL PROTECTED] ] Sent: Saturday, February 01, 2003 3:35 PM To: CF-Talk Subject: CSS Question Hi All, I'm looking for a style sheet that will let me put a border around just one row in a table. Has anyone here done this before? If so how? TIA, Duane ~| Archives: http://www.houseoffusion.com/cf_lists/index.cfm?forumid=4 Subscription: http://www.houseoffusion.com/cf_lists/index.cfm?method=subscribeforumid=4 FAQ: http://www.thenetprofits.co.uk/coldfusion/faq Get the mailserver that powers this list at http://www.coolfusion.com Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4
Re: CSS Question
are you trying to make the table row change on mouseover? I have a great lil trick for that the top navigation menu on www.dreamlofts-webdesigns.com is done that way Dave - Original Message - From: Duane Boudreau [EMAIL PROTECTED] To: CF-Talk [EMAIL PROTECTED] Sent: Saturday, February 01, 2003 5:15 PM Subject: RE: CSS Question I'm trying to do this via javascript but no go, any suggestions? tr onMouseOver=this.style.border='1px solid black'; onMouseOut=this.style.border='0px'; Duane -Original Message- From: Jason Miller [mailto:[EMAIL PROTECTED]] Sent: Saturday, February 01, 2003 8:08 PM To: CF-Talk Subject: Re: CSS Question if you apply a style sheet and redefin the tr tag it will adjust all tr tags. you can do a tr style=border: thin #CC it's the property : decoration color - You can also add more attributes by seperating them with a ; hope this helps jay miller Russ wrote: Try applying a style that you define to do that to just the TR tag. -Original Message- From: Duane Boudreau [ mailto:[EMAIL PROTECTED] mailto:[EMAIL PROTECTED] ] Sent: Saturday, February 01, 2003 3:35 PM To: CF-Talk Subject: CSS Question Hi All, I'm looking for a style sheet that will let me put a border around just one row in a table. Has anyone here done this before? If so how? TIA, Duane ~| Archives: http://www.houseoffusion.com/cf_lists/index.cfm?forumid=4 Subscription: http://www.houseoffusion.com/cf_lists/index.cfm?method=subscribeforumid=4 FAQ: http://www.thenetprofits.co.uk/coldfusion/faq Signup for the Fusion Authority news alert and keep up with the latest news in ColdFusion and related topics. http://www.fusionauthority.com/signup.cfm Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4
RE: JS/CSS question
You can change the value of the 'className' property in IE anyway.
For example:
html
head
titleuntitled/title
style type="text/css"
.Text { font-family : Arial, Helvetica, sans-serif; font-size : 10pt; }
.GrayText { font-family : Arial, Helvetica, sans-serif; font-size : 10pt;
color : 808080; cursor : hand;}
.BoldText { font-family : Arial, Helvetica, sans-serif; font-size : 10pt;
font-weight : bold; }
/style
SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript"
function changeClass(elementName, thisIndex){
var da = document.all;
var thisRadio = eval('document.forms[0].' + elementName + '[' +
thisIndex + ']');
if (thisIndex == '0') {
eval('da.r2' + elementName + '.className =' + '"' +
'GrayText' + '"');
eval('da.r1' + elementName + '.className =' + '"' + 'Text' +
'"');
} else {
eval('da.r1' + elementName + '.className =' + '"' +
'GrayText' + '"');
eval('da.r2' + elementName + '.className =' + '"' + 'Text' +
'"');
}
thisRadio.checked = true;
}
/SCRIPT
/head
body
form action="" method="POST"
table
tr
td class="boldtext"First Name:/td
tdinput type="radio" name="FirstName" value="SomeValue"
onClick="changeClass('FirstName','0');"/td
tdspan class="Graytext" id="r1FirstName"
onClick="changeClass('FirstName','0');"SomeValue/span/td
tdinput type="radio" name="FirstName" value="SomeOtherValue" checked
onClick="changeClass('FirstName','1');"/td
tdspan class="Text" id="r2FirstName"
onClick="changeClass('FirstName','1');"SomeOtherValue/span/td
/tr
/table
/form
/body
/html
-Original Message-
From: stas [mailto:[EMAIL PROTECTED]]
Sent: Thursday, December 28, 2000 2:39 PM
To: CF-Talk
Subject: OT: JS/CSS question
Hello,
How can I swap a style on an a mousover even? I know I can do this:
td onMouseOver = "this.style.color = 'black'"
but I'd like to just change to a different style class definition instead of
explicitaly listing ever property.
Thanks!
~ Paid Sponsorship ~
Get Your Own Dedicated Win2K Server! Instant Activation for $99/month w/Free
Setup from SoloServer PIII600 / 128 MB RAM / 20 GB HD / 24/7/365 Tech Support
Visit SoloServer, https://secure.irides.com/clientsetup.cfm.
Archives: http://www.mail-archive.com/cf-talk@houseoffusion.com/
Unsubscribe: http://www.houseoffusion.com/index.cfm?sidebar=lists
OT: JS/CSS question
Hello, How can I swap a style on an a mousover even? I know I can do this: td onMouseOver = "this.style.color = 'black'" but I'd like to just change to a different style class definition instead of explicitaly listing ever property. Thanks! ~ Paid Sponsorship ~ Get Your Own Dedicated Win2K Server! Instant Activation for $99/month w/Free Setup from SoloServer PIII600 / 128 MB RAM / 20 GB HD / 24/7/365 Tech Support Visit SoloServer, https://secure.irides.com/clientsetup.cfm. Archives: http://www.mail-archive.com/cf-talk@houseoffusion.com/ Unsubscribe: http://www.houseoffusion.com/index.cfm?sidebar=lists
