RE: CSS Positioning
I know you asked for web sites, but the books "Eric Meyer on CSS" and "More Eric Meyer on CSS" are really good project tutorials that step you through various actual implementations of using CSS. Most sites I see cover the concepts but don't take you through the learning process of implementing them. --- Kevin Graeme Cooperative Extension Technology Services University of Wisconsin-Extension > -Original Message- > From: Robert Everland III [mailto:[EMAIL PROTECTED] > Sent: Tuesday, February 14, 2006 9:56 AM > To: CF-Talk > Subject: OT: CSS Positioning > > I want to play around with using CSS instead of using tables > to position things. Does anyone have some sites that they use > as an example of this that I can go off of. > > > > Bob > > ~| Message: http://www.houseoffusion.com/lists.cfm/link=i:4:232325 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 Positioning
http://www.pmob.co.uk/ just about covers everything here with demos. Jenny >>-Original Message- >>From: Robert Everland III [mailto:[EMAIL PROTECTED] >>Sent: 14 February 2006 15:56 >>To: CF-Talk >>Subject: OT: CSS Positioning >> >> >>I want to play around with using CSS instead of using tables to >>position things. Does anyone have some sites that they use as an >>example of this that I can go off of. >> >> >> >>Bob >> >> ~| Message: http://www.houseoffusion.com/lists.cfm/link=i:4:232281 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 Positioning
The csss-discuss wiki is an awesome resource: http://css-discuss.incutio.com/?page=FrontPage I would recommend playing with some of the example layouts that are listed on there, especially to start with - no point reinventing the wheel, right? HTH, K. -- Kay Smoljak http://kay.zombiecoder.com/ ~| Message: http://www.houseoffusion.com/lists.cfm/link=i:4:232252 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 Positioning
Best places would be the CSS discussion list wiki http://css-discuss.incutio.com/ A List Apart - Jeffrey Zeldman http://www.alistapart.com/ Good article is http://www.mezzoblue.com/archives/2003/11/17/css_best_pra/index.php Good luck and don't be afraid to ask questions Sandy Clark -Original Message- From: Robert Everland III [mailto:[EMAIL PROTECTED] Sent: Tuesday, February 14, 2006 10:56 AM To: CF-Talk Subject: OT: CSS Positioning I want to play around with using CSS instead of using tables to position things. Does anyone have some sites that they use as an example of this that I can go off of. Bob ~| Message: http://www.houseoffusion.com/lists.cfm/link=i:4:232207 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 Positioning
This would be a great place to start with CSS: http://css.maxdesign.com.au/ -Original Message- From: Robert Everland III [mailto:[EMAIL PROTECTED] Sent: Tuesday, February 14, 2006 9:56 AM To: CF-Talk Subject: OT: CSS Positioning I want to play around with using CSS instead of using tables to position things. Does anyone have some sites that they use as an example of this that I can go off of. Bob ~| Message: http://www.houseoffusion.com/lists.cfm/link=i:4:232204 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 positioning HELPPPPPPPPPPPPPPPPPPPPPPPPPP
Thanks Sandy, I did get it it though :) At the time it was working but there was a bg image on the 3rd column that would display under the div but it's all good now :) ~Dave the disruptor~ From: "Sandy Clark" <[EMAIL PROTECTED]> Sent: Wednesday, May 18, 2005 12:35 PM To: CF-Talk Subject: RE: css positioning HELPP Couple of things. Liquid layouts are commonly used with em or percentages rather than with pixels. (Think of an em as 100% of the font-size). Positioning and floating are mutually exclusive. Floating takes something out of the document flow. Position:relative positions something relative to its original position. Using top:0 with position:relative does nothing. I can't get to the test page so I can't really help much. A great layout for 3 col with headers and footers is Skiddo Lean (Ruthsarian Layouts). Why reinvent the wheel? http://webhost.bridgew.edu/etribou/layouts/skidoo/lean/ Sandy Clark -Original Message- From: dave [mailto:[EMAIL PROTECTED] Sent: Friday, May 13, 2005 10:15 PM To: CF-Talk Subject: css positioning HELPP trying to do the "dreaded" 3 column layout http://icandfashion.com/icand2/controls/2.cfm as you can see the picture that should be on the right side is dropped below the wrapper, I know there is a trick to this but can't recall. If i fix the whole "wrapper" to 1 size i can get it to work but I would like the liquid layout. #rightWrap { background-image: url(12s.jpg); background-repeat: no-repeat; background-position: left top; height: 780px; width: 200px; position: relative; float: right; top: 0px; clear: left; } thanks :) ~Dave the disruptor~ ~| 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:207101 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 positioning HELPPPPPPPPPPPPPPPPPPPPPPPPPP
Couple of things. Liquid layouts are commonly used with em or percentages rather than with pixels. (Think of an em as 100% of the font-size). Positioning and floating are mutually exclusive. Floating takes something out of the document flow. Position:relative positions something relative to its original position. Using top:0 with position:relative does nothing. I can't get to the test page so I can't really help much. A great layout for 3 col with headers and footers is Skiddo Lean (Ruthsarian Layouts). Why reinvent the wheel? http://webhost.bridgew.edu/etribou/layouts/skidoo/lean/ Sandy Clark -Original Message- From: dave [mailto:[EMAIL PROTECTED] Sent: Friday, May 13, 2005 10:15 PM To: CF-Talk Subject: css positioning HELPP trying to do the "dreaded" 3 column layout http://icandfashion.com/icand2/controls/2.cfm as you can see the picture that should be on the right side is dropped below the wrapper, I know there is a trick to this but can't recall. If i fix the whole "wrapper" to 1 size i can get it to work but I would like the liquid layout. #rightWrap { background-image: url(12s.jpg); background-repeat: no-repeat; background-position: left top; height: 780px; width: 200px; position: relative; float: right; top: 0px; clear: left; } thanks :) ~Dave the disruptor~ ~| Find out how CFTicket can increase your company's customer support efficiency by 100% http://www.houseoffusion.com/banners/view.cfm?bannerid=49 Message: http://www.houseoffusion.com/lists.cfm/link=i:4:207052 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 positioning HELPPPPPPPPPPPPPPPPPPPPPPPPPP
I agree with losing the dotted lines. When you scroll, they dotted lines end up being solid in some places and sparsely dotted. This is a video issue, but it's kind of annoying. M!ke ~| 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:206713 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 positioning HELPPPPPPPPPPPPPPPPPPPPPPPPPP
I am not a CSS guy, but you might try moving the and place it above the . Russell - Original Message - From: "dave" <[EMAIL PROTECTED]> To: "CF-Talk" Sent: Friday, May 13, 2005 9:14 PM Subject: css positioning HELPP > trying to do the "dreaded" 3 column layout > http://icandfashion.com/icand2/controls/2.cfm > as you can see the picture that should be on the right side is dropped > below the wrapper, I know there is a trick to this but can't recall. > If i fix the whole "wrapper" to 1 size i can get it to work but I would > like the liquid layout. > > #rightWrap { > background-image: url(12s.jpg); > background-repeat: no-repeat; > background-position: left top; > height: 780px; > width: 200px; > position: relative; > float: right; > top: 0px; > clear: left; > } > > thanks > :) > > ~Dave the disruptor~ > > > > ~| 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:206710 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 positioning HELPPPPPPPPPPPPPPPPPPPPPPPPPP
thanks Massimo but I had already gotten it :) Now if I can get her away from bright colors and dotted lines. ~Dave the disruptor~ From: "Massimo, Tiziana e Federica" <[EMAIL PROTECTED]> Sent: Saturday, May 14, 2005 1:27 AM To: CF-Talk Subject: Re: css positioning HELPP > trying to do the "dreaded" 3 column layout > http://icandfashion.com/icand2/controls/2.cfm I am not a CSS guru, I would suggest to take a look here: http://css-discuss.incutio.com/?page=ThreeColumnLayouts Massimo Foti Dreamweaver: http://www.massimocorner.com Form validation: http://www.massimocorner.com/validator/ ColdFusion: http://www.olimpo.ch/tmt/ ~| Logware (www.logware.us): a new and convenient web-based time tracking application. Start tracking and documenting hours spent on a project or with a client with Logware today. Try it for free with a 15 day trial account. http://www.houseoffusion.com/banners/view.cfm?bannerid=67 Message: http://www.houseoffusion.com/lists.cfm/link=i:4:206706 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 positioning HELPPPPPPPPPPPPPPPPPPPPPPPPPP
> trying to do the "dreaded" 3 column layout > http://icandfashion.com/icand2/controls/2.cfm I am not a CSS guru, I would suggest to take a look here: http://css-discuss.incutio.com/?page=ThreeColumnLayouts Massimo Foti Dreamweaver: http://www.massimocorner.com Form validation: http://www.massimocorner.com/validator/ ColdFusion:http://www.olimpo.ch/tmt/ ~| 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:206705 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