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