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