CSS Help
Anyone want to take a gander at this? http://www.opensourcecf.com/cfopenchat/layout.html In the above layout, I only want to hard code the width and height in the outermost div (the inside of that div will be code generated) This works great in Chrome and IE.. but not Firefox... and I don't know why. Also, if anyone would like to suggest a non-table driven alternative layout... please do! Rick ~| Want to reach the ColdFusion community with something they want? Let them know on the House of Fusion mailing lists Archive: http://www.houseoffusion.com/groups/cf-talk/message.cfm/messageid:327303 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 Help
Rick Root wrote: Anyone want to take a gander at this? http://www.opensourcecf.com/cfopenchat/layout.html In the above layout, I only want to hard code the width and height in the outermost div (the inside of that div will be code generated) This works great in Chrome and IE.. but not Firefox... and I don't know why. There were a couple of html bits missing or duplicated, looks like you tried lots of options :-) Also, if anyone would like to suggest a non-table driven alternative layout... please do! Sent to you off-list -- Yours, Kym Kovan mbcomms.net.au ~| Want to reach the ColdFusion community with something they want? Let them know on the House of Fusion mailing lists Archive: http://www.houseoffusion.com/groups/cf-talk/message.cfm/messageid:327304 Subscription: http://www.houseoffusion.com/groups/cf-talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4
CSS help
Okay, I'm working on a pretty simple navigation element for this web site: http://www.bvafans.com/forums.cfm I'm using ulli/ul for the navigation, and set the li to display inline and set specific widths on the li elements. Looks great in IE. Not so much in firefox. Firefox doesn't seem to like the widths on the lis at all, and seems to be ignoring the margin or padding on the ul element as well (the first link is indented, like a normal ul would be. Help! Sandy, I need you! -- Rick Root New Brian Vander Ark Album, songs in the music player and cool behind the scenes video at www.myspace.com/brianvanderark ~| 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:301163 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 help
This'll no doubt help http://www.google.co.uk/search?hl=ensa=Xoi=spellresnum=0ct=resultcd=1q =taming+listsspell=1 Adrian -Original Message- From: Rick Root Sent: 13 March 2008 13:38 To: CF-Talk Subject: CSS help Okay, I'm working on a pretty simple navigation element for this web site: http://www.bvafans.com/forums.cfm I'm using ulli/ul for the navigation, and set the li to display inline and set specific widths on the li elements. Looks great in IE. Not so much in firefox. Firefox doesn't seem to like the widths on the lis at all, and seems to be ignoring the margin or padding on the ul element as well (the first link is indented, like a normal ul would be. Help! Sandy, I need you! -- Rick Root ~| 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:301165 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 help
Yeah, IE and FF treat styles of the list elements completely different. You might look at zero-ing your element margins (in all browsers) prior to writing any CSS, to gain a somewhat consistent look and feel. Google Eric Meyers on this topic... Steve Cutter Blades Adobe Certified Professional Advanced Macromedia ColdFusion MX 7 Developer _ http://blog.cutterscrossing.com Rick Root wrote: Okay, I'm working on a pretty simple navigation element for this web site: http://www.bvafans.com/forums.cfm I'm using ulli/ul for the navigation, and set the li to display inline and set specific widths on the li elements. Looks great in IE. Not so much in firefox. Firefox doesn't seem to like the widths on the lis at all, and seems to be ignoring the margin or padding on the ul element as well (the first link is indented, like a normal ul would be. Help! Sandy, I need you! ~| 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:301166 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 help
On 3/13/08, Adrian Lynch [EMAIL PROTECTED] wrote: This'll no doubt help http://www.google.co.uk/search?hl=ensa=Xoi=spellresnum=0ct=resultcd=1q =taming+listsspell=1 That's an interesting page but doesn't seem to address my issue of setting width's on inline list elements. I also found this interesting web site: http://css.maxdesign.com.au/listamatic/ (which includes some Eric Myers stuff) but NONE of the horizontal examples include widths on inline elements. So I've given up on that. =) I've gone with simple padding of the list elements, so they aren't all the same size but it looks pretty nice. One thing I noticed with firefox is that it renders whitespace inside ul elements that appears betwen list elements. That's pretty lame. So I had to make sure I removed all the whitespace ullifoo/lilifoo2/li/ul Rick -- Rick Root New Brian Vander Ark Album, songs in the music player and cool behind the scenes video at www.myspace.com/brianvanderark ~| 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:301168 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 Help
Yeppers. Included the file between the style tags and away we went. Thanks guys! JH ... I would expect it would need to be a cfinclude rather than a linkref. I agree. I do something similar on one of my sites. It works fine when I include the style content using a CF include inside the style/style tags as a page style. I tried something similar with a dynamic style sheet and found it troublesome. I think to use an outside style sheet is has to have the .css file extension to be parsed correctly. Robert B. Harrison Director of Interactive services Austin Williams 125 Kennedy Drive, Suite 100 Hauppauge NY 11788 T : 631.231.6600 Ext. 119 F : 631.434.7022 www.austin-williams.com Great advertising can't be either/or... It must be . ~| 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:277543 Subscription: http://www.houseoffusion.com/groups/CF-Talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4
CSS Help
Ok, I am beating my brain on the table again. I have a css stylesheet attached to a cfm page. I call the stylesheet from the head section of the page by using: link href=css/main.cfm rel=stylesheet type=text/css media=all Yes, the css file is a cfm page because I need to have dynamic colors in the css for each individual site. (the code houses various versions of the site). It is not working. I am not getting any of the css or the cf variables displayed. Any suggestions? Thanks! JH ~| 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:277320 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 Help
What does the source of the generated HTML look like? Are you getting style blocks? Do you have more than one? I've never actually seen it done like this, generally a .css file is dynamically loaded based on the site. _ Jake Churchill CF Webtools 11204 Davenport, Ste. 200b Omaha, NE 68154 http://www.cfwebtools.com 402-408-3733 x103 -Original Message- From: Jim H [mailto:[EMAIL PROTECTED] Sent: Tuesday, May 08, 2007 12:32 PM To: CF-Talk Subject: CSS Help Ok, I am beating my brain on the table again. I have a css stylesheet attached to a cfm page. I call the stylesheet from the head section of the page by using: link href=css/main.cfm rel=stylesheet type=text/css media=all Yes, the css file is a cfm page because I need to have dynamic colors in the css for each individual site. (the code houses various versions of the site). It is not working. I am not getting any of the css or the cf variables displayed. Any suggestions? Thanks! JH ~| 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:277322 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 Help
Whap happens when you call the CSS file directly in the URL (as if you were going to it as a page)? Also, are you using: cfcontent type=text/css / In the CSS (cfm) page? .. Ben Nadel Certified Advanced ColdFusion MX7 Developer www.bennadel.com Need ColdFusion Help? www.bennadel.com/ask-ben/ -Original Message- From: Jim H [mailto:[EMAIL PROTECTED] Sent: Tuesday, May 08, 2007 1:32 PM To: CF-Talk Subject: CSS Help Ok, I am beating my brain on the table again. I have a css stylesheet attached to a cfm page. I call the stylesheet from the head section of the page by using: link href=css/main.cfm rel=stylesheet type=text/css media=all Yes, the css file is a cfm page because I need to have dynamic colors in the css for each individual site. (the code houses various versions of the site). It is not working. I am not getting any of the css or the cf variables displayed. Any suggestions? Thanks! JH ~| 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:277324 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 Help
I would expect it would need to be a cfinclude rather than a linkref. This e-mail is from Reed Exhibitions (Gateway House, 28 The Quadrant, Richmond, Surrey, TW9 1DN, United Kingdom), a division of Reed Business, Registered in England, Number 678540. It contains information which is confidential and may also be privileged. It is for the exclusive use of the intended recipient(s). If you are not the intended recipient(s) please note that any form of distribution, copying or use of this communication or the information in it is strictly prohibited and may be unlawful. If you have received this communication in error please return it to the sender or call our switchboard on +44 (0) 20 89107910. The opinions expressed within this communication are not necessarily those expressed by Reed Exhibitions. Visit our website at http://www.reedexpo.com -Original Message- From: Jim H To: CF-Talk Sent: Tue May 08 18:31:31 2007 Subject: CSS Help Ok, I am beating my brain on the table again. I have a css stylesheet attached to a cfm page. I call the stylesheet from the head section of the page by using: link href=css/main.cfm rel=stylesheet type=text/css media=all Yes, the css file is a cfm page because I need to have dynamic colors in the css for each individual site. (the code houses various versions of the site). It is not working. I am not getting any of the css or the cf variables displayed. Any suggestions? Thanks! JH ~| 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:277323 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 Help
It is not working. I am not getting any of the css or the cf variables displayed. I think you need to do cfinclude to do what you are trying to do. CF won't process the file unless you cfinclude it. And, I bet there's some restriction on using a .css extension when linking to a stylesheet, though I'm not sure. -- Josh ~| 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:277326 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 Help
I would expect it would need to be a cfinclude rather than a linkref. I agree. I do something similar on one of my sites. It works fine when I include the style content using a CF include inside the style/style tags as a page style. I tried something similar with a dynamic style sheet and found it troublesome. I think to use an outside style sheet is has to have the .css file extension to be parsed correctly. Robert B. Harrison Director of Interactive services Austin Williams 125 Kennedy Drive, Suite 100 Hauppauge NY 11788 T : 631.231.6600 Ext. 119 F : 631.434.7022 www.austin-williams.com Great advertising can't be either/or... It must be . ~| 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:277328 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 Help
I think you need to do cfinclude to do what you are trying to do. CF won't process the file unless you cfinclude it. Not true. What he's trying to do is fine. To the web server, it looks like any old http request for the file, and will hand it off to CF properly. And, I bet there's some restriction on using a .css extension when linking to a stylesheet, though I'm not sure. Nope, the browser doesn't care what the file extension is. A couple of thoughts: 1. Be sure the path you are using is correct. Keep in mind the path should be relative to what the browser sees as the path (since it's the browser that is loading the stylesheet), not the server-relative path from the parent CFM template. 2. CSS is case-sensitive, so make sure the case of your style declarations, and the class or id values in your page, are the same. 3. Make sure your CF code isn't throwing an error. Load the file directly by itself (not using the link), or using cfinclude (if it relies on the parent template for variables and such), and verify it's outputting what you expect. ~| Deploy Web Applications Quickly across the enterprise with ColdFusion MX7 Flex 2 Free Trial http://www.adobe.com/products/coldfusion/flex2/?sdid=RVJU Archive: http://www.houseoffusion.com/groups/CF-Talk/message.cfm/messageid:277329 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 Help
Whap happens when you call the CSS file directly in the URL (as if you were going to it as a page)? This is a very important debugging step. Call the page directly in the browser. As a linked resource to a page, any errors in the CFML code will never be displayed, the CSS source is just ignored by the browser if proper CSS content is not returned. So if you have a typo or some other error in the dynamic CSS code it will not show up until you access the page directly. Confidentiality Notice: This message including any attachments is for the sole use of the intended recipient(s) and may contain confidential and privileged information. Any unauthorized review, use, disclosure or distribution is prohibited. If you are not the intended recipient, please contact the sender and delete any copies of this message. ~| 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:277331 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 Help
I think you need to do cfinclude to do what you are trying to do. CF won't process the file unless you cfinclude it. And, I bet there's some restriction on using a .css extension when linking to a stylesheet, though I'm not sure. -- Josh Nope this works just fine. CFML can server up CSS content just as easily as it can serve up text or HTML or many other formats. You do have to tell it that it is server up CSS with the above mentioned cfcontent... tag. It can have some caching issues since the browser will not automatically reuse a dynamic CSS source unless some header information is added to the source to aid the browser in its caching decisions. Confidentiality Notice: This message including any attachments is for the sole use of the intended recipient(s) and may contain confidential and privileged information. Any unauthorized review, use, disclosure or distribution is prohibited. If you are not the intended recipient, please contact the sender and delete any copies of this message. ~| 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:277330 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 Help
CFML can server up CSS content just as easily as it can serve up text or
HTML or many other formats. You do have to tell it that it is server up
CSS with the above mentioned cfcontent... tag. It can have some
caching issues since the browser will not automatically reuse a dynamic
CSS source unless some header information is added to the source to aid
the browser in its caching decisions.
The cfcontent isn't even necessary.
I threw together a quick and dirty test to verify this (since so many folks
seem to think it won't work).
test.cfm:
link href=styletest.cfm rel=stylesheet type=text/css media=all /
div class=fooTest/div
styletest.cfm:
..foo {border:1px solid black}
Calling test.cfm outputs FOO with a black, one pixel border around it, in
both Firefox and IE7
~|
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:277334
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 Help
On 5/8/07, Ian Skinner [EMAIL PROTECTED] wrote: Whap happens when you call the CSS file directly in the URL (as if you were going to it as a page)? This is a very important debugging step. Speaking of debugging - if you have debugging enabled, that could be causing issues. Throw a cfsetting showdebugoutput=false at the top of your style page. ~| 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:277335 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 Help
Calling test.cfm outputs FOO with a black, one pixel border around it,
in
both Firefox and IE7
What happens if you put something dynamic in styletest.cfm, like
..foo {border:1px solid #mycolor#}
when mycolor is defined somewhere previously? I think that's what the OP is
trying to do.
I can't find anything at w3.org that says link gets passed off to the
webserver, and so will be processed by CF.
-- Josh
~|
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:277338
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 Help
On 5/8/07, Josh Nathanson [EMAIL PROTECTED] wrote:
Calling test.cfm outputs FOO with a black, one pixel border around it,
in
both Firefox and IE7
What happens if you put something dynamic in styletest.cfm, like
..foo {border:1px solid #mycolor#}
when mycolor is defined somewhere previously? I think that's what the OP
is
trying to do.
It works fine.
I can't find anything at w3.org that says link gets passed off to the
webserver, and so will be processed by CF.
It's not a ws.org thing, it's basic HTTP - Browser GET's page, parses it,
finds link, GET's the CSS file, parses it.
The browser retrieves both files with the exact same mechanism, just in a
different context. The web server, upon receiving the GET request (of which
it knows nothing about the browser context), passes the .cfm file to CF,
which parses it and passes it to the browser as plain text.
The browser has no idea CF is involved - it just cares about the final
result. The webserver doesn't care about the context of the GET request, it
processes them all by the the same rules.
-- Josh
~|
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:277339
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 Help
The browser has no idea CF is involved - it just cares about the final result. The webserver doesn't care about the context of the GET request, it processes them all by the the same rules. OK, since the whole page is CF it's already getting parsed. I spaced it on that one. -- Josh ~| 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:277340 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 help?
Hey all, I'm having an issue where I can't get rid of space above a div in Firefox. It's like the top margin is about 15 pixels. I tried setting margin and padding to 0px, no dice. It appears exactly as I would expect in IE, with the div right below the preceding text. Basically the code is like this: pHeader textbr div class=myclassDiv text/div /p On FF, there is about 15 pixel gap between Header text and Div Text -- on IE there is just the normal line space gap that would be expected. I tried taking out the br, no change. I searched Google and didn't find anything that helped me. I know there are some CSS gurus on this list so I'm hoping this is a known issue with a workaround, or someone can help. -- Josh ~| 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:272865 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 help?
Can you nest a DIV inside a P? I thought you had to use SPAN's for this. ---_ Eric R. Jones Senior Web Application Developer, AFNOC/NCD Barksdale AFB, LA DSN 781-7784 Comm (318) 456-7784 NIPRNET: [EMAIL PROTECTED] SIPRNET: [EMAIL PROTECTED] -Original Message- From: Josh Nathanson [mailto:[EMAIL PROTECTED] Sent: Friday, March 16, 2007 1:54 PM To: CF-Talk Subject: OT: CSS help? Hey all, I'm having an issue where I can't get rid of space above a div in Firefox. It's like the top margin is about 15 pixels. I tried setting margin and padding to 0px, no dice. It appears exactly as I would expect in IE, with the div right below the preceding text. Basically the code is like this: pHeader textbr div class=myclassDiv text/div /p On FF, there is about 15 pixel gap between Header text and Div Text -- on IE there is just the normal line space gap that would be expected. I tried taking out the br, no change. I searched Google and didn't find anything that helped me. I know there are some CSS gurus on this list so I'm hoping this is a known issue with a workaround, or someone can help. -- Josh ~| 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:272866 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 help?
Can you nest a DIV inside a P? I thought you had to use SPAN's for this. I got rid of the p tags and that seems to have cleared it up. Thanks!! Weird though that it worked as expected on IE. -- Josh ~| 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:272867 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 help?
Think about that statement and then ask yourself did it really work on IE :) ---_ Eric R. Jones Senior Web Application Developer, AFNOC/NCD Barksdale AFB, LA DSN 781-7784 Comm (318) 456-7784 NIPRNET: [EMAIL PROTECTED] SIPRNET: [EMAIL PROTECTED] -Original Message- From: Josh Nathanson [mailto:[EMAIL PROTECTED] Sent: Friday, March 16, 2007 2:03 PM To: CF-Talk Subject: Re: CSS help? Can you nest a DIV inside a P? I thought you had to use SPAN's for this. I got rid of the p tags and that seems to have cleared it up. Thanks!! Weird though that it worked as expected on IE. -- Josh ~| 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:272870 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 help?
it worked as expected on IE. This is not really a benchmark! This e-mail is from Reed Exhibitions (Gateway House, 28 The Quadrant, Richmond, Surrey, TW9 1DN, United Kingdom), a division of Reed Business, Registered in England, Number 678540. It contains information which is confidential and may also be privileged. It is for the exclusive use of the intended recipient(s). If you are not the intended recipient(s) please note that any form of distribution, copying or use of this communication or the information in it is strictly prohibited and may be unlawful. If you have received this communication in error please return it to the sender or call our switchboard on +44 (0) 20 89107910. The opinions expressed within this communication are not necessarily those expressed by Reed Exhibitions. Visit our website at http://www.reedexpo.com -Original Message- From: Josh Nathanson To: CF-Talk Sent: Fri Mar 16 19:02:59 2007 Subject: Re: CSS help? Can you nest a DIV inside a P? I thought you had to use SPAN's for this. I got rid of the p tags and that seems to have cleared it up. Thanks!! Weird though that it worked as expected on IE. -- Josh ~| 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:272869 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 help?
Make sure you are using a DocType that renders standards based across
browsers. HTML 4.01 Strict or xHTML 1.0 Strict. Validate against those
Validate your code using the HTML Validator http://validator.w3.org/ IE is
notorious for allowing bad code.
Remember that both Div and P are block level elements with margins. Each
browser contains its own stylesheet that you overwrite. Each stylesheet is
not consistent with the other. Best thing to do to make things standard
across browsers is to 0 out all margins and padding first.
html * {margin:0; padding:0}; For IE6, which doesn't understand the
universal selector, you will need to create a comma delimited list of all
block level elements.
Sandra Clark
=
http://www.shayna.com
Training and Consulting in CSS and Accessibility
Team Fusebox
-Original Message-
From: Josh Nathanson [mailto:[EMAIL PROTECTED]
Sent: Friday, March 16, 2007 2:54 PM
To: CF-Talk
Subject: OT: CSS help?
Hey all,
I'm having an issue where I can't get rid of space above a div in Firefox.
It's like the top margin is about 15 pixels. I tried setting margin and
padding to 0px, no dice. It appears exactly as I would expect in IE, with
the div right below the preceding text.
Basically the code is like this:
pHeader textbr
div class=myclassDiv text/div
/p
On FF, there is about 15 pixel gap between Header text and Div Text --
on IE there is just the normal line space gap that would be expected.
I tried taking out the br, no change. I searched Google and didn't find
anything that helped me.
I know there are some CSS gurus on this list so I'm hoping this is a known
issue with a workaround, or someone can help.
-- Josh
~|
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:272871
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 help?
Think about that statement and then ask yourself did it really work on IE :) OK, change worked to appeared to work ;0) -- Josh ~| Deploy Web Applications Quickly across the enterprise with ColdFusion MX7 Flex 2 Free Trial http://www.adobe.com/products/coldfusion/flex2/?sdid=RVJU Archive: http://www.houseoffusion.com/groups/CF-Talk/message.cfm/messageid:272873 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 help?
p style=margin:0px;Header text div class=myclassDiv text/div /p On 3/16/07, Josh Nathanson [EMAIL PROTECTED] wrote: Hey all, I'm having an issue where I can't get rid of space above a div in Firefox. It's like the top margin is about 15 pixels. I tried setting margin and padding to 0px, no dice. It appears exactly as I would expect in IE, with the div right below the preceding text. Basically the code is like this: pHeader textbr div class=myclassDiv text/div /p On FF, there is about 15 pixel gap between Header text and Div Text -- on IE there is just the normal line space gap that would be expected. I tried taking out the br, no change. I searched Google and didn't find anything that helped me. I know there are some CSS gurus on this list so I'm hoping this is a known issue with a workaround, or someone can help. -- Josh ~| 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:272874 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 help?
Remember that both Div and P are block level elements with margins. Each
browser contains its own stylesheet that you overwrite. Each stylesheet
is
not consistent with the other. Best thing to do to make things standard
across browsers is to 0 out all margins and padding first.
html * {margin:0; padding:0}; For IE6, which doesn't understand the
universal selector, you will need to create a comma delimited list of all
block level elements.
Thanks Sandra, good info! As you can tell I'm a CSS doofus so I need the
basics.
-- Josh
~|
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:272876
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 help?
p style=margin:0px;Header text div class=myclassDiv text/div /p Thanks Casey, I've decided to just ditch the p tags as they weren't necessary anyway. I'm wrapping the blocks in a div and then setting the top margin of the div to get the spacing I want. Seems to be pretty consistent across browsers that way. Good to know there's a workaround if necessary though. -- Josh ~| 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:272877 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 help?
Frankly I'd rather do.
div id=thisbox
h2Header Text/h2
pOther Text/p
/div
Styling #thisbox h2 {} or #thisbox p{}.
Structural HTML makes things a lot easier.
Sandra Clark
=
http://www.shayna.com
Training and Consulting in CSS and Accessibility
Team Fusebox
-Original Message-
From: Casey Dougall [mailto:[EMAIL PROTECTED]
Sent: Friday, March 16, 2007 3:33 PM
To: CF-Talk
Subject: Re: OT: CSS help?
p style=margin:0px;Header text
div class=myclassDiv text/div
/p
On 3/16/07, Josh Nathanson [EMAIL PROTECTED] wrote:
Hey all,
I'm having an issue where I can't get rid of space above a div in Firefox.
It's like the top margin is about 15 pixels. I tried setting margin and
padding to 0px, no dice. It appears exactly as I would expect in IE, with
the div right below the preceding text.
Basically the code is like this:
pHeader textbr
div class=myclassDiv text/div
/p
On FF, there is about 15 pixel gap between Header text and Div Text --
on IE there is just the normal line space gap that would be expected.
I tried taking out the br, no change. I searched Google and didn't find
anything that helped me.
I know there are some CSS gurus on this list so I'm hoping this is a known
issue with a workaround, or someone can help.
-- Josh
~|
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:272888
Subscription: http://www.houseoffusion.com/groups/CF-Talk/subscribe.cfm
Unsubscribe:
http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=11502.10531.4
Need CSS help with overlapping.
How can I get the tabs to overlap the banner in IE? It's fine in FF. I know there are some vertical alignment issues but I wanted to get this part right first. I tried a few things with no luck. Here's the page: http://wtomlinson.com/cap/index.cfm The tabs were created in css tab design 2.0. pretty nifty program. Thanks, Will ~| Upgrade to Adobe ColdFusion MX7 Experience Flex 2 MX7 integration create powerful cross-platform RIAs http://www.adobe.com/products/coldfusion/flex2/ Archive: http://www.houseoffusion.com/groups/CF-Talk/message.cfm/messageid:270833 Subscription: http://www.houseoffusion.com/groups/CF-Talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=11502.10531.4
RE: Need CSS help with overlapping.
Use an ie conditional to set ie specific css. In this case for IE6, since it demonstrates the behavior you want in IE7. http://www.shayna.com/index.cfm?fuseaction=blog.display_entryid=131 In this case, you want to (at the bottom of the head section) place a call to !--[if lt IE 7] link rel=stylesheet type=text/css href=assets/css/ie.css / ![endif]-- Within this ie6.css, start playing with a negative margin-top: on the div to pull it up. Sandra Clark = http://www.shayna.com Training and Consulting in CSS and Accessibility Team Fusebox -Original Message- From: Will Tomlinson [mailto:[EMAIL PROTECTED] Sent: Tuesday, February 27, 2007 12:34 PM To: CF-Talk Subject: Need CSS help with overlapping. How can I get the tabs to overlap the banner in IE? It's fine in FF. I know there are some vertical alignment issues but I wanted to get this part right first. I tried a few things with no luck. Here's the page: http://wtomlinson.com/cap/index.cfm The tabs were created in css tab design 2.0. pretty nifty program. Thanks, Will ~| Upgrade to Adobe ColdFusion MX7 The most significant release in over 10 years. Upgrade see new features. http://www.adobe.com/products/coldfusion Archive: http://www.houseoffusion.com/groups/CF-Talk/message.cfm/messageid:270835 Subscription: http://www.houseoffusion.com/groups/CF-Talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=11502.10531.4
Re: Need CSS help with overlapping.
Use an ie conditional to set ie specific css. In this case for IE6, since it demonstrates the behavior you want in IE7. K, thanks sandy! Will ~| Deploy Web Applications Quickly across the enterprise with ColdFusion MX7 Flex 2. Free Trial http://www.adobe.com/products/coldfusion/flex2/ Archive: http://www.houseoffusion.com/groups/CF-Talk/message.cfm/messageid:270836 Subscription: http://www.houseoffusion.com/groups/CF-Talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=11502.10531.4
Re: Need CSS help with overlapping.
One other thing I've gotten it to pull up, but will this keep it from showing behind the banner div? In IE it's behind the banner div above. Thanks, Will ~| ColdFusion MX7 and Flex 2 Build sales marketing dashboard RIAâs for your business. Upgrade now http://www.adobe.com/products/coldfusion/flex2 Archive: http://www.houseoffusion.com/groups/CF-Talk/message.cfm/messageid:270837 Subscription: http://www.houseoffusion.com/groups/CF-Talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4
Re: Need CSS help with overlapping.
Sandy, I think you'd be proud. What I did was setup a new div, absolute positioned it so it'd be in the right spot. Then stuck the tabs in it. Seems to look ok here in IE and FF. http://wtomlinson.com/cap/ Whatcha think? Will ~| Deploy Web Applications Quickly across the enterprise with ColdFusion MX7 Flex 2. Free Trial http://www.adobe.com/products/coldfusion/flex2/ Archive: http://www.houseoffusion.com/groups/CF-Talk/message.cfm/messageid:270846 Subscription: http://www.houseoffusion.com/groups/CF-Talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4
RE: Need CSS help with overlapping.
Looks great Will. You are right, I am proud of you! Sandra Clark = http://www.shayna.com Training and Consulting in CSS and Accessibility Team Fusebox -Original Message- From: Will Tomlinson [mailto:[EMAIL PROTECTED] Sent: Tuesday, February 27, 2007 1:08 PM To: CF-Talk Subject: Re: Need CSS help with overlapping. Sandy, I think you'd be proud. What I did was setup a new div, absolute positioned it so it'd be in the right spot. Then stuck the tabs in it. Seems to look ok here in IE and FF. http://wtomlinson.com/cap/ Whatcha think? Will ~| Macromedia ColdFusion MX7 Upgrade to MX7 experience time-saving features, more productivity. http://www.adobe.com/products/coldfusion Archive: http://www.houseoffusion.com/groups/CF-Talk/message.cfm/messageid:270851 Subscription: http://www.houseoffusion.com/groups/CF-Talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=11502.10531.4
CSS Help
I have a site done with CSS and I have standard includes such as header and footers with all other files being content types. Problem I am having is I need the footer file to be at the base of the content rather than a set location. The header file is fine as that content (locations) will not change. Look at this site and you will see what I mean: http://piw.demo-apps.com right not the files are like this: include header.cfm --- main content include footer.cfm How can I make the footer location truly dynamic w/o having to code heights based on content? ~| Upgrade to Adobe ColdFusion MX7 Experience Flex 2 MX7 integration create powerful cross-platform RIAs http:http://ad.doubleclick.net/clk;56760587;14748456;a?http://www.adobe.com/products/coldfusion/flex2/?sdid=LVNU Archive: http://www.houseoffusion.com/groups/CF-Talk/message.cfm/messageid:270007 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 Help
You have the position attribute of your MainTextLoc element as absolute. Mixing absolute and static elements on your page creates all kinds of nightmares. If you want the footer to always be beneath the main content, you'll need to wrap the MainTextLoc and PageTitle elements inside another element that's statically or relatively positioned. Having absolute positioning, in my opinion, should only be reserved for small visual elements that accent the page rather than main content or navigation elements. Some links that might help you out. http://www.positioniseverything.net/ http://alistapart.com/articles/holygrail http://www.glish.com/css/ Steve Brownlee http://www.fusioncube.net/ -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] Sent: Friday, February 16, 2007 2:09 PM To: CF-Talk Subject: CSS Help I have a site done with CSS and I have standard includes such as header and footers with all other files being content types. Problem I am having is I need the footer file to be at the base of the content rather than a set location. The header file is fine as that content (locations) will not change. Look at this site and you will see what I mean: http://piw.demo-apps.com right not the files are like this: include header.cfm --- main content include footer.cfm How can I make the footer location truly dynamic w/o having to code heights based on content? ~| Upgrade to Adobe ColdFusion MX7 Experience Flex 2 MX7 integration create powerful cross-platform RIAs http:http://ad.doubleclick.net/clk;56760587;14748456;a?http://www.adobe.com/products/coldfusion/flex2/?sdid=LVNU Archive: http://www.houseoffusion.com/groups/CF-Talk/message.cfm/messageid:270008 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 Help
After your main content do you have a clear div?
div class=clear/div
..clear { clear:both; }
On 2/16/07, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote:
I have a site done with CSS and I have standard includes such as header
and footers with all other files being content types.
Problem I am having is I need the footer file to be at the base of the
content rather than a set location. The header file is fine
as that content (locations) will not change.
Look at this site and you will see what I mean:
http://piw.demo-apps.com
right not the files are like this:
include header.cfm
--- main content
include footer.cfm
How can I make the footer location truly dynamic w/o having to code
heights based on content?
~|
Upgrade to Adobe ColdFusion MX7
Experience Flex 2 MX7 integration create powerful cross-platform RIAs
http:http://ad.doubleclick.net/clk;56760587;14748456;a?http://www.adobe.com/products/coldfusion/flex2/?sdid=LVNU
Archive:
http://www.houseoffusion.com/groups/CF-Talk/message.cfm/messageid:270009
Subscription: http://www.houseoffusion.com/groups/CF-Talk/subscribe.cfm
Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4
CSS Help
I'm workin' with a bluerobot.com layout, tweaking it some. I've ended up breaking the layout in IE6. I stuck a logo up above the banner, and the banner moves up in line with it. If I remove the logo div, banner div drops back down in place. It all looks fine in FF. http://wtomlinson.com/cap/ Been workin on it for a while and have gotten anywhere with my tweaks. Can somebody point me in the right direction? Thanks, Will ~| Upgrade to Adobe ColdFusion MX7 Experience Flex 2 MX7 integration create powerful cross-platform RIAs http:http://ad.doubleclick.net/clk;56760587;14748456;a?http://www.adobe.com/products/coldfusion/flex2/?sdid=LVNU Archive: http://www.houseoffusion.com/groups/CF-Talk/message.cfm/messageid:269878 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 Help
I think I fixed it.. ~| Upgrade to Adobe ColdFusion MX7 Experience Flex 2 MX7 integration create powerful cross-platform RIAs http:http://ad.doubleclick.net/clk;56760587;14748456;a?http://www.adobe.com/products/coldfusion/flex2/?sdid=LVNU Archive: http://www.houseoffusion.com/groups/CF-Talk/message.cfm/messageid:269879 Subscription: http://www.houseoffusion.com/groups/CF-Talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4
OT: A little CSS help
I have the below code in which I have a text field that is created via a little javascript and then a drop down. I would like these two elements to show up side by side, but cannot figure out how. Right now they are lining up one on top of another. Any help is appreciated. div style=position:absolute; top:52; left:150; width:500px; background:url(images/xp3.gif); !---DISPLAY THE TEXT BOX DROP DOWN--- script type=text/javascript language=JavaScript1.2 !-- stm_bm([menu2ad1,660,,blank.gif,0,,,0,1,0,0,50,1,0,0,,,0,0,1,1,default,hand,],this); stm_bp(p0,[0,4,0,0,1,4,0,7,100,,-2,,-2,90,1,1,##99,transparent,,3,0,0,##FF]); stm_ai(p0i0,[1,input type=\text\ name=\search_text\ align=\absmiddle\,,,-1,-1,0,,_self,0,0,0,arrow_r.gif,arrow_gray.gif,7,7,0,0,1,##FF,1,##FF,1,xp3.gif,xp4.gif,3,3,1,1,##CC,##99,##33,##00,bold 8pt Arial,bold 8pt Arial,0,0],145,0); stm_bp(p1,[1,4,-1,1,1,4,0,0,100,progid:DXImageTransform.Microsoft.Blinds(bands=8,direction=DOWN,enabled=0,Duration=0.52),9,,-2,58,1,1,##99,transparent,,3,0,0,##00]); stm_aix(p1i0,p0i0,[0,Recent Searches,,,-1,-1,0,,_self,0,0,0,,,0,0,0,0,1,##FF,1,##FF,1,xp3.gif,xp4.gif,3,3,1,1,##CC,##99,##00,##00,bold 8pt Arial,bold 8pt Arial],120,0); /*CFLOOP list=#cookie.recentsearch# delimiters=, index=i cfoutput*/ stm_aix(p1i0,p0i0,[0,#i#,,,-1,-1,0,index.cfm?page=cresultsrecentSearch=#i#,_self,0,0,0,,,0,0,0,0,1,##FF,1,##FF,1,xp3.gif,xp4.gif,3,3,1,1,##CC,##99,##00,##00,8pt Arial,8pt Arial],120,0); /*/cfoutput /cfloop*/ stm_ep(); stm_ep(); stm_em(); //-- /script !---DISPLAY THE SELECT LIST --- CFFORM name=qSearch action=index.cfm?page=cresults#session.amper##session.URLTOKEN# CFSELECT name=search_cats label= required=no OPTION value=0 selectedSearch All Categories/OPTION CFLOOP query=allMainCats OPTION value=#AllMainCats.categoryID# cfif isDefined(url.cid) AND url.cid eq AllmainCats.categoryIDSelected/cfif#allMainCats.CategoryName#/OPTION /CFLOOP /CFSELECT nbsp; CFINPUT type=reset name=reset value=Erase class=sbutton / CFINPUT type=submit name=qSearchSubmit value=Search class=bbutton INPUT type=hidden name=qSearchSubmit value=Seach IMG src=images/arrow_r.gif border=0 align=absmiddle /CFFORM /div Doug B. ~| Upgrade to Adobe ColdFusion MX7 Experience Flex 2 MX7 integration create powerful cross-platform RIAs http:http://ad.doubleclick.net/clk;56760587;14748456;a?http://www.adobe.com/products/coldfusion/flex2/?sdid=LVNU Archive: http://www.houseoffusion.com/groups/CF-Talk/message.cfm/messageid:269129 Subscription: http://www.houseoffusion.com/groups/CF-Talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=11502.10531.4
Re: A little CSS help
style type=text/css
..col2 {width: 50%; margin: 0px; border-width: 0px; padding: 0px;}
..left {float: left; clear: left;}
..right {float: right; clear: right;}
..break {float: none; clear: both;}
/style
br class=break/
div class=col2 left
[content for left side goes here]
/div
div class=col2 right
[content for right side goes here]
/div
br class=break/
(the br.breaks are not always needed; depends on context of the content)
~|
Upgrade to Adobe ColdFusion MX7
Experience Flex 2 MX7 integration create powerful cross-platform RIAs
http:http://ad.doubleclick.net/clk;56760587;14748456;a?http://www.adobe.com/products/coldfusion/flex2/?sdid=LVNU
Archive:
http://www.houseoffusion.com/groups/CF-Talk/message.cfm/messageid:269203
Subscription: http://www.houseoffusion.com/groups/CF-Talk/subscribe.cfm
Unsubscribe:
http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=11502.10531.4
more CSS help needed
I set up a test site to play with menus. eventually this will be my
personal site, but right now I'm just playing.
I have a question. There is a menu with 2 levels. Photos appears in
level one, then 2 selections are in level 2. What I want is when
someone selects an item from level 2 for photos to remain highlighted.
You will see if you select Jonah from level 2 and go back into the
menu, Jonah stays highlighted. On top of that, I want Photos to be
highlighted as well. How do I do that? The site is http://reynacho.net
The specific CSS I'm using (or trying to use) is:
#nav li.active ul li + a.drop {
background:#225588;
color:#ff;
background-image: url('images/bullet_arrow_right.gif');
background-position:right;
background-repeat:no-repeat;
}
However, I'm not sure if that is correct.
Here's the code:
body id=typeA
div id=wrap
div id=header
span id=headerShadow2reynacho.net/spanspan
id=headerShadow1reynacho.net/spanspan
id=headerTextreynacho.net/span
/div
div id=contentWrap
div id=sideNav
ul id=navlia href=/Home/a/lilia
class=drop
href=/index.cfm?objectid=5E58F7C4-9027-F64A-79F7D534A6880BBBPhotos/aullia
href=/index.cfm?objectid=5E58F7D3-9027-F64A-79262D26B5191BBBJonah/a/lili
class=activea
href=/index.cfm?objectid=5E58F7E3-9027-F64A-799D907BBCF08C87San Diego
(Feb. 2006)/a/li/ul/lilia
href=/index.cfm?objectid=5D7DDFBD-9027-F64A-791AB0845FE668E8Test/a/li/ul
/div
div id=content
/div
div id=footer
pDriven by a
href=http://farcry.daemon.com.au/;Farcry Open Source
CMS/a.nbsp;nbsp;Powered by a
href=http://www.macromedia.com/;ColdFusion MX/a./p
/div
/div
/div
/body
CSS for Nav stuff:
/* menu stuff */
/* main ul id=nav stuff */
#nav {
width:145px;
margin-left:35px;
list-style-type:none;
font: arial,tahoma,verdana,sans-serif;
font-weight:bold;
color:#225588;
border-left: 1px solid #225588;
border-top: 1px solid #225588;
border-right: 1px solid #225588;
padding:0px;
}
#nav li {
border-bottom:1px solid #99;
}
/* style the links for the top level */
#nav a, #nav a:visited {
display:block;
text-decoration:none;
color:#225588;
padding-left:5px;
}
/* for a.drop, add the arrow */
#nav a.drop, #nav a.drop:active {
background:#ff;
background-image: url('images/bullet_arrow_right.gif');
background-position:right;
background-repeat:no-repeat;
}
/*
!!
!! IMPORTANT
!!
This keeps level 1 menu item highlighted when rolling over level 2
*/
#nav :hover a.drop {
color:#ff;
background:#225588;
background-image: url('images/bullet_arrow_right.gif');
background-position:right;
background-repeat:no-repeat;
}
/* this sets the style of the currently active item */
#nav li.active a{
background:#225588;
color:#ff;
}
/* style hover links for top level */
#nav a:hover {
color:#ff;
background:#225588;
}
/* drop class hover */
#nav a.drop:hover {
color:#ff;
background:#225588;
background-image: url('images/bullet_arrow_right.gif');
background-position:right;
background-repeat:no-repeat;
}
/* style active drop classes */
#nav li.active a.drop{
background:#225588;
color:#ff;
background-image: url('images/bullet_arrow_right.gif');
background-position:right;
background-repeat:no-repeat;
}
/* sub menu */
/* this is set to display:none by default */
#nav ul {
padding:0;
margin-left:145px;
margin-top:-21px;
border: 0px;
list-style-type:none;
display:none;
border-left: 1px solid #225588;
border-top: 1px solid #225588;
border-right: 1px solid #225588;
position:absolute;
}
#nav ul li a{
padding-left:5px;
}
/* display sub menu on :hover */
#nav li:hover ul {
display:block;
}
/* this sets the style of the currently active item in the 2nd level */
#nav ul li.active a{
background:#225588;
color:#ff;
}
/* style the second level links */
#nav ul a, #nav ul a:visited {
background:#ff;
color:#225588;
width:140px
}
#nav ul a:hover {
background:#225588;
color:#ff;
width:140px
}
/* style hover links for 2nd level */
#nav ul a:hover {
color:#ff;
background:#225588;
}
#nav li.active ul li + a.drop {
background:#225588;
color:#ff;
background-image: url('images/bullet_arrow_right.gif');
background-position:right;
background-repeat:no-repeat;
}
--
Jake Churchill
CF Webtools
11204 Davenport, Ste. 200b
Omaha, NE 68154
http://www.cfwebtools.com
402-408-3733 x103
~|
Create robust enterprise, web RIAs.
Upgrade integrate Adobe Coldfusion MX7
Re: more CSS help needed
Hi Jake, I viewed the test page in Firefox 2.0 and IE7 and it looked fine, exactly what you wanted where Jonah is highlighted as well as photos. However I opened it in IE6 and there seems to be a few problems. I am sure most people don't mind posting about small css issues on this list, but sometimes they can lead to bigger issues with cross browser compatibility etc, you may want to look at http://www.css-discuss.org/ they have good feedback on any css issues and cross browser issues. flew ~| Create robust enterprise, web RIAs. Upgrade integrate Adobe Coldfusion MX7 with Flex 2 http://ad.doubleclick.net/clk;56760587;14748456;a?http://www.adobe.com/products/coldfusion/flex2/?sdid=LVNU Archive: http://www.houseoffusion.com/groups/CF-Talk/message.cfm/messageid:263232 Subscription: http://www.houseoffusion.com/groups/CF-Talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=11502.10531.4
NEED CSS HELP
I have been frustrated with problems using CSS in IE for the last several weeks and could really use help from anyone. I have a CSS popup menu that works beautifully. However, on one of the pages there are select boxes that appear over the pop-up menu. The menu appears over the content, just under the select boxes and this only happens in IE6 and below. The site that this can been seen on is http://cfas.cfwebtools.com/index.cfm?objectid=62E48ABA-9027-F64A-7944246E875B0A53 You will see on the top right of the content Events for the month of... and 2 select boxes. If you roll over the the top menu (ie. Events calendar) the sub menu appears over everything but the Select boxes. I've done a lot of research on this issue and found that IE resets the z-index of everything to 0 when the page loads. I wouldn't think that this would be the problem because the menu loads first. However, on this same page, there is a side menu. The way that works is if someone selects an item from the menu, any remaining sub menu items are displayed on the side. I have to use javascript to hide this on rollover because it was also displaying above the popup menu. All of this has to be related, I have just exhausted all options that I can see at this time. I would really appreciate any help that anyone can give me. Thanks! Jake Churchill ~| 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:260861 Subscription: http://www.houseoffusion.com/groups/CF-Talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4
RE: NEED CSS HELP
It's because of the way IE renders the select boxes. They will always be on top. To get around it, when you open the windows, hide the selects. Not pretty, but it works. Adrian -Original Message- From: Jake Churchill [mailto:[EMAIL PROTECTED] Sent: 17 November 2006 15:31 To: CF-Talk Subject: NEED CSS HELP I have been frustrated with problems using CSS in IE for the last several weeks and could really use help from anyone. I have a CSS popup menu that works beautifully. However, on one of the pages there are select boxes that appear over the pop-up menu. The menu appears over the content, just under the select boxes and this only happens in IE6 and below. The site that this can been seen on is http://cfas.cfwebtools.com/index.cfm?objectid=62E48ABA-9027-F64A-7944246E875 B0A53 You will see on the top right of the content Events for the month of... and 2 select boxes. If you roll over the the top menu (ie. Events calendar) the sub menu appears over everything but the Select boxes. I've done a lot of research on this issue and found that IE resets the z-index of everything to 0 when the page loads. I wouldn't think that this would be the problem because the menu loads first. However, on this same page, there is a side menu. The way that works is if someone selects an item from the menu, any remaining sub menu items are displayed on the side. I have to use javascript to hide this on rollover because it was also displaying above the popup menu. All of this has to be related, I have just exhausted all options that I can see at this time. I would really appreciate any help that anyone can give me. Thanks! Jake Churchill ~| 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:260868 Subscription: http://www.houseoffusion.com/groups/CF-Talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=11502.10531.4
RE: NEED CSS HELP
You'll probably have to hide the fields when you mouseover the nav :-( ..:.:.:.:.:.:.:.:.:.:.:. Bobby Hartsfield http://acoderslife.com -Original Message- From: Jake Churchill [mailto:[EMAIL PROTECTED] Sent: Friday, November 17, 2006 10:31 AM To: CF-Talk Subject: NEED CSS HELP I have been frustrated with problems using CSS in IE for the last several weeks and could really use help from anyone. I have a CSS popup menu that works beautifully. However, on one of the pages there are select boxes that appear over the pop-up menu. The menu appears over the content, just under the select boxes and this only happens in IE6 and below. The site that this can been seen on is http://cfas.cfwebtools.com/index.cfm?objectid=62E48ABA-9027-F64A-7944246E875 B0A53 You will see on the top right of the content Events for the month of... and 2 select boxes. If you roll over the the top menu (ie. Events calendar) the sub menu appears over everything but the Select boxes. I've done a lot of research on this issue and found that IE resets the z-index of everything to 0 when the page loads. I wouldn't think that this would be the problem because the menu loads first. However, on this same page, there is a side menu. The way that works is if someone selects an item from the menu, any remaining sub menu items are displayed on the side. I have to use javascript to hide this on rollover because it was also displaying above the popup menu. All of this has to be related, I have just exhausted all options that I can see at this time. I would really appreciate any help that anyone can give me. Thanks! Jake Churchill ~| 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:260882 Subscription: http://www.houseoffusion.com/groups/CF-Talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4
RE: NEED CSS HELP
Try this link: http://www.alvit.de/handbook/index.php Terry -Original Message- From: Jake Churchill [mailto:[EMAIL PROTECTED] Sent: Friday, November 17, 2006 7:31 AM To: CF-Talk Subject: NEED CSS HELP I have been frustrated with problems using CSS in IE for the last several weeks and could really use help from anyone. I have a CSS popup menu that works beautifully. However, on one of the pages there are select boxes that appear over the pop-up menu. The menu appears over the content, just under the select boxes and this only happens in IE6 and below. The site that this can been seen on is http://cfas.cfwebtools.com/index.cfm?objectid=62E48ABA-9027- F64A-7944246E875B0A53 You will see on the top right of the content Events for the month of... and 2 select boxes. If you roll over the the top menu (ie. Events calendar) the sub menu appears over everything but the Select boxes. I've done a lot of research on this issue and found that IE resets the z-index of everything to 0 when the page loads. I wouldn't think that this would be the problem because the menu loads first. However, on this same page, there is a side menu. The way that works is if someone selects an item from the menu, any remaining sub menu items are displayed on the side. I have to use javascript to hide this on rollover because it was also displaying above the popup menu. All of this has to be related, I have just exhausted all options that I can see at this time. I would really appreciate any help that anyone can give me. Thanks! Jake Churchill ~| 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:260881 Subscription: http://www.houseoffusion.com/groups/CF-Talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=11502.10531.4
RE: NEED CSS HELP
I agree. I don't think you can override a drop down box with a z index even. The only solutions I have seen is to actually hide the dropdown temporarily and then reshow it after you close the popup. Sad, but true. ~Brad -Original Message- From: Bobby Hartsfield [mailto:[EMAIL PROTECTED] Sent: Friday, November 17, 2006 11:05 AM To: CF-Talk Subject: RE: NEED CSS HELP You'll probably have to hide the fields when you mouseover the nav :-( ...:.:.:.:.:.:.:.:.:.:.:. Bobby Hartsfield http://acoderslife.com ~| 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:260885 Subscription: http://www.houseoffusion.com/groups/CF-Talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=11502.10531.4
RE: NEED CSS HELP
The other alternative is to use CSS generated selectlists instead of the default select tag. If you google you can find such a thing. Russ -Original Message- From: Adrian Lynch [mailto:[EMAIL PROTECTED] Sent: 17 November 2006 16:27 To: CF-Talk Subject: RE: NEED CSS HELP It's because of the way IE renders the select boxes. They will always be on top. To get around it, when you open the windows, hide the selects. Not pretty, but it works. Adrian -Original Message- From: Jake Churchill [mailto:[EMAIL PROTECTED] Sent: 17 November 2006 15:31 To: CF-Talk Subject: NEED CSS HELP I have been frustrated with problems using CSS in IE for the last several weeks and could really use help from anyone. I have a CSS popup menu that works beautifully. However, on one of the pages there are select boxes that appear over the pop-up menu. The menu appears over the content, just under the select boxes and this only happens in IE6 and below. The site that this can been seen on is http://cfas.cfwebtools.com/index.cfm?objectid=62E48ABA-9027-F64A-7944246E875 B0A53 You will see on the top right of the content Events for the month of... and 2 select boxes. If you roll over the the top menu (ie. Events calendar) the sub menu appears over everything but the Select boxes. I've done a lot of research on this issue and found that IE resets the z-index of everything to 0 when the page loads. I wouldn't think that this would be the problem because the menu loads first. However, on this same page, there is a side menu. The way that works is if someone selects an item from the menu, any remaining sub menu items are displayed on the side. I have to use javascript to hide this on rollover because it was also displaying above the popup menu. All of this has to be related, I have just exhausted all options that I can see at this time. I would really appreciate any help that anyone can give me. Thanks! Jake Churchill ~| 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:260894 Subscription: http://www.houseoffusion.com/groups/CF-Talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4
RE: NEED CSS HELP
http://ncsymphony.org/events/ The series and Venues drop downs on the left (in IE only) are examples of this http://www.bigelowtea.com/entertaining/recipes/ The Choose a recipe dropdown is another example (in all browsers for this one) ..:.:.:.:.:.:.:.:.:.:.:. Bobby Hartsfield http://acoderslife.com -Original Message- From: Snake [mailto:[EMAIL PROTECTED] Sent: Friday, November 17, 2006 1:23 PM To: CF-Talk Subject: RE: NEED CSS HELP The other alternative is to use CSS generated selectlists instead of the default select tag. If you google you can find such a thing. Russ -Original Message- From: Adrian Lynch [mailto:[EMAIL PROTECTED] Sent: 17 November 2006 16:27 To: CF-Talk Subject: RE: NEED CSS HELP It's because of the way IE renders the select boxes. They will always be on top. To get around it, when you open the windows, hide the selects. Not pretty, but it works. Adrian -Original Message- From: Jake Churchill [mailto:[EMAIL PROTECTED] Sent: 17 November 2006 15:31 To: CF-Talk Subject: NEED CSS HELP I have been frustrated with problems using CSS in IE for the last several weeks and could really use help from anyone. I have a CSS popup menu that works beautifully. However, on one of the pages there are select boxes that appear over the pop-up menu. The menu appears over the content, just under the select boxes and this only happens in IE6 and below. The site that this can been seen on is http://cfas.cfwebtools.com/index.cfm?objectid=62E48ABA-9027-F64A-7944246E875 B0A53 You will see on the top right of the content Events for the month of... and 2 select boxes. If you roll over the the top menu (ie. Events calendar) the sub menu appears over everything but the Select boxes. I've done a lot of research on this issue and found that IE resets the z-index of everything to 0 when the page loads. I wouldn't think that this would be the problem because the menu loads first. However, on this same page, there is a side menu. The way that works is if someone selects an item from the menu, any remaining sub menu items are displayed on the side. I have to use javascript to hide this on rollover because it was also displaying above the popup menu. All of this has to be related, I have just exhausted all options that I can see at this time. I would really appreciate any help that anyone can give me. Thanks! Jake Churchill ~| 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:260924 Subscription: http://www.houseoffusion.com/groups/CF-Talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4
OT: need CSS help
I have some PSD files and I need CSS templates created from them. The deliverable is the html, css files and sliced images - 2 templates.. .a home page and an internal page.It's a paying gig :) Anyone care to try their hand? It's going into farcry so it has to be denent and flexible css - at least the page length has to be variable... and I need a CSS horizontal pull-up style menu as well Reply to me off list if you are interested. Thanks! Mark A. Kruger, CFG, MCSE (402) 408-3733 ext 105 www.cfwebtools.com http://www.cfwebtools.com/ www.coldfusionmuse.com http://www.coldfusionmuse.com/ http://www.necfug.com/ www.necfug.com ~| 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:254394 Subscription: http://www.houseoffusion.com/groups/CF-Talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4
CSS help
I'm having some trouble with CSS.
I'd like to right align a 400px box to the right side of my page, and I
want to LEFT align the text in the page. I've got it working in IE, but
not Firefox.
Here's the URL:
https://www.cfr.duke.edu/new.cfm?showNewTemplate=1
The specific CSS:
#headerWrapper {
text-align: right;
margin-bottom: 25px;
}
#header {
width: 400px;
text-align: left;
padding-bottom: 5px;
border-bottom: 1px dotted #cc;
}
And the HTML code:
div id=headerWrapper
div id=header
h1cfoutput#PAGE_TITLE#/cfoutput/h1
a class=orange href=/Corporate Foundation Relations Homepage/a
/div/div
What do I need to do here?
Rick
~|
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:249978
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 help
I played with this a bit and it makes no sense. You can fix it by just
using a table. Not as pretty but it gets the job done.
Jake Churchill
CF Web Tools
[EMAIL PROTECTED]
402-408-3733 x103
-Original Message-
From: Rick Root [mailto:[EMAIL PROTECTED]
Sent: Wednesday, August 16, 2006 10:03 AM
To: CF-Talk
Subject: CSS help
I'm having some trouble with CSS.
I'd like to right align a 400px box to the right side of my page, and I
want to LEFT align the text in the page. I've got it working in IE, but
not Firefox.
Here's the URL:
https://www.cfr.duke.edu/new.cfm?showNewTemplate=1
The specific CSS:
#headerWrapper {
text-align: right;
margin-bottom: 25px;
}
#header {
width: 400px;
text-align: left;
padding-bottom: 5px;
border-bottom: 1px dotted #cc;
}
And the HTML code:
div id=headerWrapper
div id=header
h1cfoutput#PAGE_TITLE#/cfoutput/h1
a class=orange href=/Corporate Foundation Relations Homepage/a
/div/div
What do I need to do here?
Rick
~|
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:249990
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 help
#headerWrapper {
float: right; // Change this!
margin-bottom: 25px;
}
#header {
width: 400px;
text-align: left;
padding-bottom: 5px;
border-bottom: 1px dotted #cc;
}
Float the wrapper to the right. Text-align only works on the inline text
within the div, not on the div itself.
Sandra Clark
==
http://www.shayna.com
Training in Cascading Style Sheets and Accessibility
CSS HANDS ON
New York City, October 10-13, 2006.
http://www.shayna.com/index.cfm?fuseaction=training.syllabus_displayid=1
Read an interview regarding my CSS Hands on Class at
http://www.shayna.com/index.cfm?fuseaction=blog.display_entryid=140
-Original Message-
From: Rick Root [mailto:[EMAIL PROTECTED]
Sent: Wednesday, August 16, 2006 11:03 AM
To: CF-Talk
Subject: CSS help
I'm having some trouble with CSS.
I'd like to right align a 400px box to the right side of my page, and I want
to LEFT align the text in the page. I've got it working in IE, but not
Firefox.
Here's the URL:
https://www.cfr.duke.edu/new.cfm?showNewTemplate=1
The specific CSS:
#headerWrapper {
text-align: right;
margin-bottom: 25px;
}
#header {
width: 400px;
text-align: left;
padding-bottom: 5px;
border-bottom: 1px dotted #cc;
}
And the HTML code:
div id=headerWrapper
div id=header
h1cfoutput#PAGE_TITLE#/cfoutput/h1
a class=orange href=/Corporate Foundation Relations Homepage/a
/div/div
What do I need to do here?
Rick
~|
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:249992
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 help
div style=width:400px; float:right; text-align:left;
Like this?
/div
Mingo.
Rick Root wrote:
I'm having some trouble with CSS.
I'd like to right align a 400px box to the right side of my page, and I
want to LEFT align the text in the page. I've got it working in IE, but
not Firefox.
Here's the URL:
https://www.cfr.duke.edu/new.cfm?showNewTemplate=1
The specific CSS:
#headerWrapper {
text-align: right;
margin-bottom: 25px;
}
#header {
width: 400px;
text-align: left;
padding-bottom: 5px;
border-bottom: 1px dotted #cc;
}
And the HTML code:
div id=headerWrapper
div id=header
h1cfoutput#PAGE_TITLE#/cfoutput/h1
a class=orange href=/Corporate Foundation Relations Homepage/a
/div/div
What do I need to do here?
Rick
~|
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:249987
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 help
Try doing this:
#headerWrapper {
/* Position the wrapper relatively. */
position: relative;
margin-bottom: 25px;
/* Because next element is ABSOLUTELY positioned... You will need to
set an explicit height on the wrapper (for page layout) */
height: 75px ;
}
#header {
width: 400px;
text-align: left;
padding-bottom: 5px;
border-bottom: 1px dotted #cc;
/* Position the header to be RIGHT inside the wrapper (0px)
*/
position: absolute ;
right: 0px ;
}
...
Ben Nadel
Web Developer
Nylon Technology
350 7th Avenue
Floor 10
New York, NY 10001
212.691.1134 x 14
212.691.3477 fax
www.nylontechnology.com
Some people call me the space cowboy. Some people call me the gangster of
love.
-Original Message-
From: Rick Root [mailto:[EMAIL PROTECTED]
Sent: Wednesday, August 16, 2006 11:03 AM
To: CF-Talk
Subject: CSS help
I'm having some trouble with CSS.
I'd like to right align a 400px box to the right side of my page, and I want
to LEFT align the text in the page. I've got it working in IE, but not
Firefox.
Here's the URL:
https://www.cfr.duke.edu/new.cfm?showNewTemplate=1
The specific CSS:
#headerWrapper {
text-align: right;
margin-bottom: 25px;
}
#header {
width: 400px;
text-align: left;
padding-bottom: 5px;
border-bottom: 1px dotted #cc;
}
And the HTML code:
div id=headerWrapper
div id=header
h1cfoutput#PAGE_TITLE#/cfoutput/h1
a class=orange href=/Corporate Foundation Relations Homepage/a
/div/div
What do I need to do here?
Rick
~|
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:249995
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 help
You need float: right on the box, not text-align.
The way CSS works is that you float on the object, and text-align objects
within the object.
!//--
andy matthews
web developer
certified advanced coldfusion programmer
ICGLink, Inc.
[EMAIL PROTECTED]
615.370.1530 x737
--//-
-Original Message-
From: Rick Root [mailto:[EMAIL PROTECTED]
Sent: Wednesday, August 16, 2006 10:03 AM
To: CF-Talk
Subject: CSS help
I'm having some trouble with CSS.
I'd like to right align a 400px box to the right side of my page, and I
want to LEFT align the text in the page. I've got it working in IE, but
not Firefox.
Here's the URL:
https://www.cfr.duke.edu/new.cfm?showNewTemplate=1
The specific CSS:
#headerWrapper {
text-align: right;
margin-bottom: 25px;
}
#header {
width: 400px;
text-align: left;
padding-bottom: 5px;
border-bottom: 1px dotted #cc;
}
And the HTML code:
div id=headerWrapper
div id=header
h1cfoutput#PAGE_TITLE#/cfoutput/h1
a class=orange href=/Corporate Foundation Relations Homepage/a
/div/div
What do I need to do here?
Rick
~|
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:249985
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 help
Jake Churchill wrote: I played with this a bit and it makes no sense. You can fix it by just using a table. Not as pretty but it gets the job done. pff a table ;) so 1996... Mingo. ~| 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:25 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 help
Also,
If you are gonna float it, be sure to clear the float afterwards. There is
some cross-browswer wierdness with this stuff (from my experience). After
the float it is helpful to put something that must be cleared:
div style=clear:both
br clear=all style=clear: both ; /
/div
This forces the headerWrapper to actually re-calculate the vertical size
based on the floats within it... This is probably NOT the best approach, but
one that has worked for me.
-b
...
Ben Nadel
Web Developer
Nylon Technology
350 7th Avenue
Floor 10
New York, NY 10001
212.691.1134 x 14
212.691.3477 fax
www.nylontechnology.com
Some people call me the space cowboy. Some people call me the gangster of
love.
-Original Message-
From: Sandra Clark [mailto:[EMAIL PROTECTED]
Sent: Wednesday, August 16, 2006 11:23 AM
To: CF-Talk
Subject: RE: CSS help
#headerWrapper {
float: right; // Change this!
margin-bottom: 25px;
}
#header {
width: 400px;
text-align: left;
padding-bottom: 5px;
border-bottom: 1px dotted #cc;
}
Float the wrapper to the right. Text-align only works on the inline text
within the div, not on the div itself.
Sandra Clark
==
http://www.shayna.com
Training in Cascading Style Sheets and Accessibility
CSS HANDS ON
New York City, October 10-13, 2006.
http://www.shayna.com/index.cfm?fuseaction=training.syllabus_displayid=1
Read an interview regarding my CSS Hands on Class at
http://www.shayna.com/index.cfm?fuseaction=blog.display_entryid=140
-Original Message-
From: Rick Root [mailto:[EMAIL PROTECTED]
Sent: Wednesday, August 16, 2006 11:03 AM
To: CF-Talk
Subject: CSS help
I'm having some trouble with CSS.
I'd like to right align a 400px box to the right side of my page, and I want
to LEFT align the text in the page. I've got it working in IE, but not
Firefox.
Here's the URL:
https://www.cfr.duke.edu/new.cfm?showNewTemplate=1
The specific CSS:
#headerWrapper {
text-align: right;
margin-bottom: 25px;
}
#header {
width: 400px;
text-align: left;
padding-bottom: 5px;
border-bottom: 1px dotted #cc;
}
And the HTML code:
div id=headerWrapper
div id=header
h1cfoutput#PAGE_TITLE#/cfoutput/h1
a class=orange href=/Corporate Foundation Relations Homepage/a
/div/div
What do I need to do here?
Rick
~|
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:250004
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 help
Jake Churchill wrote: I played with this a bit and it makes no sense. You can fix it by just using a table. Not as pretty but it gets the job done. I know I can fix it by using a table, but I don't want to use a table ;) I will if I can't come up with an alternative solution though. Rick ~| 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:250001 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 help
Sandra Clark wrote: Float the wrapper to the right. Text-align only works on the inline text within the div, not on the div itself. I seriously need to buy you a drink at the next conference! You're always coming to my CSS rescue. that worked, except that the remaining content floated to the left of the header box. I removed the margin-bottom css (and then realized I didn't need the wrapper anymore so I removed it entirely, putting the float on the #header), and added a br clear=both/ after the headerwrapper div. It looks good in IE and Firefox now. rick ~| 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:250005 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 help
While the br does work, it's a bit of a fudge. I came across an article with a better solution when looking at the same problem; try adding clear: both; overflow: hidden; to the css for the box and you can remove the br after it. On 8/17/06, Rick Root [EMAIL PROTECTED] wrote: Sandra Clark wrote: Float the wrapper to the right. Text-align only works on the inline text within the div, not on the div itself. I seriously need to buy you a drink at the next conference! You're always coming to my CSS rescue. that worked, except that the remaining content floated to the left of the header box. I removed the margin-bottom css (and then realized I didn't need the wrapper anymore so I removed it entirely, putting the float on the #header), and added a br clear=both/ after the headerwrapper div. -- CFAJAX docs and other useful articles: http://www.bifrost.com.au/blog/ ~| 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:250090 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 Help
Can someone explain to me why the following template has spaces on either side of the blue bar in the top middle section? I'm converting an existing table-driven layout to CSS and it looks decent in Firefox but the white spaces exist in IE. http://www.it.dev.duke.edu/template.html Rick ~| 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:215185 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 Help
You need a doctype in there, otherwise IE is going to go into quirks mode
Try HTML 4.01 strict, that should be a start.
As to the rest, maincontent has a width of 100%. The question is 100% of
what? Children in the dom inherit the width of their parents. Try to set
percentages for nav and side content as well and make sure the three of them
add up to 100%.
#nav {
float: left;
width: 160;
}
CSS does not recognize lengths without units (with the exception of 0). Is
this pixels? If so it should be set as 160px. Don't mix absolute lengths
and relative lengths tho. (pixels and %). You won't get what you want.
-Original Message-
From: Rick Root [mailto:[EMAIL PROTECTED]
Sent: Tuesday, August 16, 2005 9:58 AM
To: CF-Talk
Subject: OT: CSS Help
Can someone explain to me why the following template has spaces on either
side of the blue bar in the top middle section?
I'm converting an existing table-driven layout to CSS and it looks decent in
Firefox but the white spaces exist in IE.
http://www.it.dev.duke.edu/template.html
Rick
~|
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:215209
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 Help
Sandy Clark wrote:
You need a doctype in there, otherwise IE is going to go into quirks mode
Try HTML 4.01 strict, that should be a start.
Wow, that breaks everything! =) How about 4.01 Transitional?
As to the rest, maincontent has a width of 100%. The question is 100% of
what? Children in the dom inherit the width of their parents. Try to set
percentages for nav and side content as well and make sure the three of them
add up to 100%.
Can't do that. My left nav and side bar areas can't be a percentage,
they are fixed widths. So the width on my center area was set to 100%.
I actually removed it so it would use the inherited auto width.
#nav {
float: left;
width: 160;
}
CSS does not recognize lengths without units (with the exception of 0). Is
this pixels? If so it should be set as 160px. Don't mix absolute lengths
and relative lengths tho. (pixels and %). You won't get what you want.
Actually, all browsers seem to recognize that a width without a unit is
a pixel width, but for readability, I'll add px.
As for mixing absolute and relative lengths - well, I don't want to set
an absolute length on my mainContent div because I want it to take up
all the remaining space. Setting the width to Auto should take care
of that.
Sigh.
I should've taken that CSS Box Model class again at CFUNITED!
Rick
~|
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:215219
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 Help
Different browsers will use different modes depending on the DocType used.
No DocType at all will always trigger Quirks mode. The only ones I have
found that trigger Standards mode across most browsers are HTML 4.01 Strict
and xHTML 1.0 Strict.
For more of an explanation try this link http://hsivonen.iki.fi/doctype/
While most browsers will try to use pixels for non specified units in CSS,
its not in the spec and you can't count on it over time. Better to
explicitly state the unit.
-Original Message-
From: Rick Root [mailto:[EMAIL PROTECTED]
Sent: Tuesday, August 16, 2005 11:04 AM
To: CF-Talk
Subject: Re: CSS Help
Sandy Clark wrote:
You need a doctype in there, otherwise IE is going to go into quirks
mode Try HTML 4.01 strict, that should be a start.
Wow, that breaks everything! =) How about 4.01 Transitional?
As to the rest, maincontent has a width of 100%. The question is 100%
of what? Children in the dom inherit the width of their parents. Try
to set percentages for nav and side content as well and make sure the
three of them add up to 100%.
Can't do that. My left nav and side bar areas can't be a percentage, they
are fixed widths. So the width on my center area was set to 100%.
I actually removed it so it would use the inherited auto width.
#nav {
float: left;
width: 160;
}
CSS does not recognize lengths without units (with the exception of
0). Is this pixels? If so it should be set as 160px. Don't mix
absolute lengths and relative lengths tho. (pixels and %). You won't get
what you want.
Actually, all browsers seem to recognize that a width without a unit is a
pixel width, but for readability, I'll add px.
As for mixing absolute and relative lengths - well, I don't want to set an
absolute length on my mainContent div because I want it to take up all the
remaining space. Setting the width to Auto should take care of that.
Sigh.
I should've taken that CSS Box Model class again at CFUNITED!
Rick
~|
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:215248
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 Help
Well, I switched it to Strict and even went through and validated my CSS using the w3c CSS validation service (http://jigsaw.w3.org/css-validator/), and it's fine. No errors, no warnings. And I've still got unwanted white space left and right on the blue bar in the midddle when viewed in IE. http://www.it.dev.duke.edu/template.html ~| 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:215265 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 Help
Yes, but you designed it in quirks mode. Best bet is to start commenting out css and playing with it one bit at a time until you find the culprit. -Original Message- From: Rick Root [mailto:[EMAIL PROTECTED] Sent: Tuesday, August 16, 2005 1:21 PM To: CF-Talk Subject: Re: CSS Help Well, I switched it to Strict and even went through and validated my CSS using the w3c CSS validation service (http://jigsaw.w3.org/css-validator/), and it's fine. No errors, no warnings. And I've still got unwanted white space left and right on the blue bar in the midddle when viewed in IE. http://www.it.dev.duke.edu/template.html ~| 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:215275 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 Help
Sandy Clark wrote: Yes, but you designed it in quirks mode. Best bet is to start commenting out css and playing with it one bit at a time until you find the culprit. I didn't design it in any mode other than text mode =) Okay, I removed all the unrelated crap and have this: http://www.it.dev.duke.edu/template2.html All I have are two divs - the left sidebar with a fixed width of 150px set to float left, and the content area with a left margin of 150px (which allows the nav to float into the left side) If you look at it, it appears that the left nav area has a margin of several pixels outside of its border. See header 3 is aligned properly, but header 2 is not. where is that space coming from? Rick ~| 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:215289 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 Help
From: Rick Root [mailto:[EMAIL PROTECTED]
where is that space coming from?
Try something out...
Make this your first style declaration. Then refresh.
*{
padding: 0px;
margin: 0px;
}
Looks like a padding issue...
~|
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:215293
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 Help
Nope, doesn't work.
I'll stop posting on this thread here... I'm trying to subscribe to a
css discussion list =)
Rick
Tangorre, Michael wrote:
From: Rick Root [mailto:[EMAIL PROTECTED]
where is that space coming from?
Try something out...
Make this your first style declaration. Then refresh.
*{
padding: 0px;
margin: 0px;
}
Looks like a padding issue...
~|
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:215301
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 Help
Unless someone complains, keep it up. It helps those of us who might be
considering CSS or have some problems that we've just given up on.
Andy
-Original Message-
From: Rick Root [mailto:[EMAIL PROTECTED]
Sent: Tuesday, August 16, 2005 1:55 PM
To: CF-Talk
Subject: Re: CSS Help
Nope, doesn't work.
I'll stop posting on this thread here... I'm trying to subscribe to a
css discussion list =)
Rick
Tangorre, Michael wrote:
From: Rick Root [mailto:[EMAIL PROTECTED]
where is that space coming from?
Try something out...
Make this your first style declaration. Then refresh.
*{
padding: 0px;
margin: 0px;
}
Looks like a padding issue...
~|
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:215340
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
OT: Current JS CSS help files for CF Studio 5?
Hi, I was wondering if there were any current JavaScript (to 1.3 at least) and Cascading Style Sheet (to 1.0/XHTML at least, 2.0 would be even better) help files that will work with Cold Fusion Studio 5? I found some online but they were dated 1998 and I think by now I have most of that stuff committed to memory :G: Thanks, Pete ~| 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 Your ad could be here. Monies from ads go to support these lists and provide more resources for the community. http://www.fusionauthority.com/ads.cfm Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4
Re: OT: Current JS CSS help files for CF Studio 5?
TopStyle works with CF5 for CSS. Not sure about JS [EMAIL PROTECTED] 03/28/03 08:39AM Hi, I was wondering if there were any current JavaScript (to 1.3 at least) and Cascading Style Sheet (to 1.0/XHTML at least, 2.0 would be even better) help files that will work with Cold Fusion Studio 5? I found some online but they were dated 1998 and I think by now I have most of that stuff committed to memory :G: Thanks, Pete ~| 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: Current JS CSS help files for CF Studio 5?
Pete, Try the JavaScript reference at this link http://devedge.netscape.com/central/javascript/. I downloaded both the guide and the reference and placed the folders within Studio's help folder. I chose to use v1.3, but you can pick a later version if you want. This way I can search and get to the files just like any other help file within Studio. Gary Groomer - Original Message - From: Pete Ruckelshaus [EMAIL PROTECTED] To: CF-Talk [EMAIL PROTECTED] Sent: Friday, March 28, 2003 5:39 AM Subject: OT: Current JS CSS help files for CF Studio 5? Hi, I was wondering if there were any current JavaScript (to 1.3 at least) and Cascading Style Sheet (to 1.0/XHTML at least, 2.0 would be even better) help files that will work with Cold Fusion Studio 5? I found some online but they were dated 1998 and I think by now I have most of that stuff committed to memory :G: Thanks, Pete ~| 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: Slightly OT: CSS Help Needed!
This should help you do the trick is Ben's examples havent already. http://www.snazzydev.com/css/tut/position/ If that doesnt help then feel free to contact me directly. Sincerely, Mike Lakes [EMAIL PROTECTED] http://www.snazzydev.com -- Coding for the future. Date: Tue, 16 Jan 2001 13:56:55 -0500 From: "Benjamin S. Rogers" [EMAIL PROTECTED] To: [EMAIL PROTECTED] Subject: RE: Slightly OT: CSS Help Needed! Message-ID: [EMAIL PROTECTED] I'm trying to design drop-down menus using CSS. If I knew exactly where the menus were to appear, it would be easy using absolute positioning and the visibility property. There are a lot of really good canned scripts out there. One of those will probably do everything your looking to do. Don't underestimate the amount of time you will spend debugging DHTML in the different browsers. Unfortunately, the menus must be placed relative to a table. The table is centered on the page, and it's width isn't always the same. The menus must be aligned with this table. When I use relative positioning, the menu appears in the right place, but it is positioned inline with the rest of the page. Rather than overlapping with the elements below it, it simply pushes them lower and makes room for itself. That is how relative positioning works. It appears logically in the context of where it is coded. Fixed positioning would take the menus out of the context in which they are coded and make the menus relative to the corner of the browser. However, this is not exactly what you are looking to do. You will want to make a layer within your table that is positioned relatively. This layer should be where you want the menus to appear. Within this layer, you will create separate layers for each of your menus and give them an absolute position. Declaring the position as absolute has a similar effect to fixed, however the element is positioned relative to the top left corner of the next layer up. In the absence of another layer, they will appear positioned against the top left corner of the browser window. I can't seem to get the menu to float "above" the picture below it. I tried the z-index property to no avail. You need to declare absolute or fixed positioning to take the menu out of the logical context in which the page was coded. For a sample of my problem (and a stunning picture of some cable tv stuff), visit http://it.wm.edu/network/csshelp.htm. Couldn't get to the page. Please let me know if this is possible! Definitely possible. Have a look around the Internet and you will see that there are many people doing this. Thanks! No problem. :) Benjamin S. Rogers Web Developer, c4.net Voice: (508) 240-0051 Fax: (508) 240-0057 ~~ Structure your ColdFusion code with Fusebox. Get the official book at http://www.fusionauthority.com/bkinfo.cfm Archives: http://www.mail-archive.com/cf-talk@houseoffusion.com/ Unsubscribe: http://www.houseoffusion.com/index.cfm?sidebar=lists
RE: Slightly OT: CSS Help Needed!
Error handling within Cold Fusion uses lil' to no I/O overhead, this includes CFTRY/CATCH blocks. If your more interested on this other things in CF error handling, everything you ever wanted to know is right here: http://www.snazzydev.com/cf/tut/error_system/ Sincerely, Mike Lakes [EMAIL PROTECTED] http://www.snazzydev.com -- Coding for the future. Date: Tue, 16 Jan 2001 16:10:17 -0600 From: Clint Tredway [EMAIL PROTECTED] To: [EMAIL PROTECTED] Subject: cftry/cfcatch question Message-ID: [EMAIL PROTECTED] I have heard that cftry/cfcatch can add alot of overhead to page processing. Is this ture? Thanks, Clint ~~ Structure your ColdFusion code with Fusebox. Get the official book at http://www.fusionauthority.com/bkinfo.cfm Archives: http://www.mail-archive.com/cf-talk@houseoffusion.com/ Unsubscribe: http://www.houseoffusion.com/index.cfm?sidebar=lists
RE: Slightly OT: CSS Help Needed!
I *think* that if you use absolute positioning within a DIV, the "absolute" position is actually relative to the DIV. Could be wrong. So maybe if you put the table in a DIV of its own and also put the menu inside that DIV? Nick -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]] Sent: Tuesday, January 16, 2001 5:43 AM To: CF-Talk Subject: Slightly OT: CSS Help Needed! I'm trying to design drop-down menus using CSS. If I knew exactly where the menus were to appear, it would be easy using absolute positioning and the visibility property. Unfortunately, the menus must be placed relative to a table. The table is centered on the page, and it's width isn't always the same. The menus must be aligned with this table. When I use relative positioning, the menu appears in the right place, but it is positioned inline with the rest of the page. Rather than overlapping with the elements below it, it simply pushes them lower and makes room for itself. I can't seem to get the menu to float "above" the picture below it. I tried the z-index property to no avail. For a sample of my problem (and a stunning picture of some cable tv stuff), visit http://it.wm.edu/network/csshelp.htm. Please let me know if this is possible! Thanks! Norman Elton Network Engineering College of William Mary ~~ Structure your ColdFusion code with Fusebox. Get the official book at http://www.fusionauthority.com/bkinfo.cfm Archives: http://www.mail-archive.com/cf-talk@houseoffusion.com/ Unsubscribe: http://www.houseoffusion.com/index.cfm?sidebar=lists
RE: Slightly OT: CSS Help Needed!
I'm trying to design drop-down menus using CSS. If I knew exactly where the menus were to appear, it would be easy using absolute positioning and the visibility property. There are a lot of really good canned scripts out there. One of those will probably do everything your looking to do. Don't underestimate the amount of time you will spend debugging DHTML in the different browsers. Unfortunately, the menus must be placed relative to a table. The table is centered on the page, and it's width isn't always the same. The menus must be aligned with this table. When I use relative positioning, the menu appears in the right place, but it is positioned inline with the rest of the page. Rather than overlapping with the elements below it, it simply pushes them lower and makes room for itself. That is how relative positioning works. It appears logically in the context of where it is coded. Fixed positioning would take the menus out of the context in which they are coded and make the menus relative to the corner of the browser. However, this is not exactly what you are looking to do. You will want to make a layer within your table that is positioned relatively. This layer should be where you want the menus to appear. Within this layer, you will create separate layers for each of your menus and give them an absolute position. Declaring the position as absolute has a similar effect to fixed, however the element is positioned relative to the top left corner of the next layer up. In the absence of another layer, they will appear positioned against the top left corner of the browser window. I can't seem to get the menu to float "above" the picture below it. I tried the z-index property to no avail. You need to declare absolute or fixed positioning to take the menu out of the logical context in which the page was coded. For a sample of my problem (and a stunning picture of some cable tv stuff), visit http://it.wm.edu/network/csshelp.htm. Couldn't get to the page. Please let me know if this is possible! Definitely possible. Have a look around the Internet and you will see that there are many people doing this. Thanks! No problem. :) Benjamin S. Rogers Web Developer, c4.net Voice: (508) 240-0051 Fax: (508) 240-0057 ~~ Structure your ColdFusion code with Fusebox. Get the official book at http://www.fusionauthority.com/bkinfo.cfm Archives: http://www.mail-archive.com/cf-talk@houseoffusion.com/ Unsubscribe: http://www.houseoffusion.com/index.cfm?sidebar=lists
Slightly OT: CSS Help Needed!
I'm trying to design drop-down menus using CSS. If I knew exactly where the menus were to appear, it would be easy using absolute positioning and the visibility property. Unfortunately, the menus must be placed relative to a table. The table is centered on the page, and it's width isn't always the same. The menus must be aligned with this table. When I use relative positioning, the menu appears in the right place, but it is positioned inline with the rest of the page. Rather than overlapping with the elements below it, it simply pushes them lower and makes room for itself. I can't seem to get the menu to float "above" the picture below it. I tried the z-index property to no avail. For a sample of my problem (and a stunning picture of some cable tv stuff), visit http://it.wm.edu/network/csshelp.htm. Please let me know if this is possible! Thanks! Norman Elton Network Engineering College of William Mary ~~ Structure your ColdFusion code with Fusebox. Get the official book at http://www.fusionauthority.com/bkinfo.cfm Archives: http://www.mail-archive.com/cf-talk@houseoffusion.com/ Unsubscribe: http://www.houseoffusion.com/index.cfm?sidebar=lists
