Re: css again, gurus
If you want something that spans the *entire* width of the div, then once again things can get tricky, and you are probably going to need to float the list items. Display: inline will work if you are happy with a centered menu with padding on each of the items, as is the case with most of the listamatic demos. I whipped this up, which is close (it uses a 19% width for each of the 5 items so it doesn't fill the complete div). You'd think 5x20% would only be 100%, but *certain* browsers have rounding issues when dealing with floats: http://www.cwc.co.nz/sandbox/list_demo.html Tested in IE 5/6, Firefox 1.07, Opera 8. You can move the extra space to the left by simply floating the list items right. CSS is inline. You could also make the width on the navcontainer 97% and add a padding-left:of 3% which will centre it (give or take a %age point).; A centered floated menu IS possible, but it comes at a price, and it still wont fill 100% of the div (but this technique is handy and I've used it once already). http://www.cssplay.co.uk/menus/centered.html HTH Mark ~| 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:223920 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
css again, gurus
Okay, so you've fixed the BIG problem I had. Now, I've got a div container for the navigation that spreads across the whole layout - I'd like to have each word to be equally spaced across the div. Check out this to see what I mean, it's hard to explain, but prolly easy to fix: http://wagtailweb.com/rvr/csstemplate.html Is there a way to do this, or am I going to have to do some other kind of workaround? I can make this work with the following code: table width=100% border=0 cellspacing=0 cellpadding=0 align=center tr td align=centerspan class=navigation-deadHome/span/td td align=centera href=about.html class=navigationAbout Us/a/td td align=centera href=agents.html class=navigationOur Agents/a/td td align=centera href=listings.php class=navigationFind A Home/a/td td align=centera href=contact.html class=navigationContact Us/a/td /tr /table inside the div, but i want to abandon my table binky completely. :) at least for this experiment. Ray -- == Ray Champagne Application Developer CrystalVision Web Site Design http://www.crystalvision.org 603.433.9559 [EMAIL PROTECTED] == ~| 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:223912 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 again, gurus
As far as spacing across the whole div I haven't tried that so I can't say but one thing you will want to check out is using unordered lists (ul's) for your name. Take a look at http://www.gotoandstop.org and http://www.blandfamilyonline.com. Both use ul's for the navigation. Feel free to swipe the css as well. Note: each site was done by two different css folks. Our family site is my work and the users group site is Michael Hagel (.com)'s work. Hope it helps... On 11/10/05, Ray Champagne [EMAIL PROTECTED] wrote: Okay, so you've fixed the BIG problem I had. Now, I've got a div container for the navigation that spreads across the whole layout - I'd like to have each word to be equally spaced across the div. Check out this to see what I mean, it's hard to explain, but prolly easy to fix: http://wagtailweb.com/rvr/csstemplate.html Is there a way to do this, or am I going to have to do some other kind of workaround? I can make this work with the following code: table width=100% border=0 cellspacing=0 cellpadding=0 align=center tr td align=centerspan class=navigation-deadHome/span/td td align=centera href=about.html class=navigationAbout Us/a/td td align=centera href=agents.html class=navigationOur Agents/a/td td align=centera href=listings.php class=navigationFind A Home/a/td td align=centera href=contact.html class=navigationContact Us/a/td /tr /table inside the div, but i want to abandon my table binky completely. :) at least for this experiment. Ray -- == Ray Champagne Application Developer CrystalVision Web Site Design http://www.crystalvision.org 603.433.9559 [EMAIL PROTECTED] == ~| 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:223913 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 again, gurus
Ray I'd second that. Unordered lists are perfect for both vertical and horizontal menus. http://css.maxdesign.com.au/listamatic/ That should head you in the right direction. Mark ~| 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:223916 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 again, gurus
Thanks, Mark. Just what I needed. I'm feeling very warm and fuzzy about css right now. 'Course that could be the bourbon :) Such tight code, though! Mark Henderson wrote: Ray I'd second that. Unordered lists are perfect for both vertical and horizontal menus. http://css.maxdesign.com.au/listamatic/ That should head you in the right direction. Mark ~| 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:223917 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 again, gurus
once you get it ray you wont go back and actually it takes less time to do. I did this yesterday for Jared and between making the images in photoshop and and throwing th code together it took about an hour. Granted there is a few small issues in *choke* ie of course, Jared will be able to work those out relitively easy, I just didnt have more than an hour to spend on it. http://www.jamwerx.com/jared/index.cfm And like you said, the code is just so damn clean. ~Dave the disruptor~ good sites - make money getting rid of ie :) http://explorerdestroyer.com/ http://www.killbillsbrowser.com/ From: Ray Champagne [EMAIL PROTECTED] Sent: Friday, November 11, 2005 1:40 AM To: CF-Talk cf-talk@houseoffusion.com Subject: Re: css again, gurus Thanks, Mark. Just what I needed. I'm feeling very warm and fuzzy about css right now. 'Course that could be the bourbon :) Such tight code, though! Mark Henderson wrote: Ray I'd second that. Unordered lists are perfect for both vertical and horizontal menus. http://css.maxdesign.com.au/listamatic/ That should head you in the right direction. Mark ~| 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:223918 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
