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
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
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
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
