Re: [css-d] Help creating round boxes with limited markup

//DTD HTML 4.01//EN http://www.w3.org/TR/html4/strict.dtd; html head titleTemplate/title base href=http://www.theholiergrail.com/tests/rctest/; !--[if IE]/base![endif]-- meta name=author content=Bill Brown meta http-equiv=content-language content=en-us meta http-equiv

Re: [css-d] Help creating round boxes with limited markup

pretty extensive div-itis on the page. May I also suggest a more semantic application of your HTML tags to make things a little easier for you, for us, and for readers with special needs. Hope it helps. --Bill -- /** * Bill Brown * TheHolierGrail.com MacNimble.com * From dot concept...to dot

Re: [css-d] How to align vertically some elements inside a DIV with a background image?

example /in context/, it's hard to give you a real concrete answer. Bill Brown TheHolierGrail.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List

Re: [css-d] How to align vertically some elements inside a DIV with a background image?

=searchaddress//label input value=GO FIND IT! type=submit name=search/ /fieldset /form /div Hope it helps. Bill -- /** * Bill Brown * TheHolierGrail.com MacNimble.com * From dot concept...to dot com...since 1999

Re: [css-d] How to align vertically some elements inside a DIV with a background image?

kinds of overlapping issues. I find it's generally easier to simply use the wrapper DIV. Hope it helps. --Bill -- /** * Bill Brown * TheHolierGrail.com MacNimble.com * From dot concept...to dot com...since 1999

Re: [css-d] overlapping table content when resizing browser

%3A%2F%2Fsearch1.rediff.com%2Fdirsrch%2Fdefault.asp%3FMT%3Dhello Obviously, any one of this issues could be contributing to your problems. I would suggest fixing the errors in the source before trying to troubleshoot the CSS. Hope it helps. --Bill -- /** * Bill Brown * TheHolierGrail.com

Re: [css-d] IE7 Float Jump Bug

: relative; zoom: 1; } #sidebar { display: inline; } Hope it helps! ~Bill -- /** * Bill Brown * TheHolierGrail.com MacNimble.com * From dot concept...to dot com...since 1999

Re: [css-d] overlapping table content when resizing browser

of no reason why Acme products would cause your home to sink...unless, of course, you built your home on quicksand or something other than a solid foundation. Wait...I need a solid foundation? -- /** * Bill Brown * TheHolierGrail.com MacNimble.com * From dot concept...to dot com...since 1999

Re: [css-d] UL based Event Calendar CSS

. Anyway, well said. Love your books (and your sites), by the way. Bill Brown TheHolierGrail.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List

Re: [css-d] UL based Event Calendar CSS

included the examples...hopefully they'll help clarify what is already a long-winded explanation. I hope it helps. Bill Brown TheHolierGrail.com /// [1] Tabled Calendar /// table border=1 thead trth colspan=0Daily Calendar/th/tr /thead tfoot trtd colspan=02

Re: [css-d] Border causing extra space!

Cheers Ian Ian, Try this at the top of your style sheet: *{margin-top:0;} That should help. Bill Brown TheHolierGrail.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http

Re: [css-d] FF / IE help

. Bill Brown TheHolierGrail.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported

Re: [css-d] :: CSS vs jQuery ::

. Incidentally, Firebug reports the error on Line 184 of: http://www.awayback.com/realign/work/jquery.serialScroll-1.2.1.js Hope that helps. Bill Brown TheHolierGrail.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman

Re: [css-d] pull out menu being overwritten by menu underneath

! Bill Brown TheHolierGrail.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported

Re: [css-d] Site check - cristi

springs to mind. I'm curious to know the thoughts of others on this. Certainly I can't be the only one who bemoans the fact that every design I envision (or that a client requests) must be built to look awesome even when the user has 32px Courier New as the default font? Thoughts? Bill Brown

Re: [css-d] Validation Warning: Byte-Order Mark found in UTF-8 File?

Rob Emenecker wrote: With UTF-8 a byte-order mark is not necessary. However, Dreamweaver CS3 allows you to include one in your files. Check your PREFERENCES - NEW DOCUMENT settings and DESELECT the Include Unicode Signature (BOM) option. It is only required with UTF-16 and UTF-32. Now, as

Re: [css-d] Help needed with styling current li in IE

a:link {background-color:transparent;} In my tests, I placed it near the bottom of the header, but in theory it should work in secondary.css just fine. Hope it helps. Bill Brown TheHolierGrail.com __ css-discuss [EMAIL PROTECTED

Re: [css-d] overflow bg image

Matt Tibbits wrote: Yes, it should. In FF though, if the content doesn't go all the way to the bottom of the window, it interprets bottom right as being the bottom right of the content INSTEAD of the bottom right of the browser window... Not sure if I understand what you want. The

Re: [css-d] Float doesn't shrink fit content under Safari - any workarounds?

look at it if you like after you've fixed the validation errors. Your CSS seems quite complicated for a simple (though nice) layout, so I'm also not sure what else you've got going on in there. Hope it helps! Bill Brown TheHolierGrail.com [1]: http://validator.w3.org/check?verbose=1uri=http%3A%2F

Re: [css-d] overflow bg image

help: html{height:100%;margin:0;padding:0;} Good luck, Bill Brown TheHolierGrail.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies

Re: [css-d] Unwanted space at top of the page

. Cheers, S.F. Hi SF, In your style sheet, add margin:0 to the ul#sliding-navigation ruleset. The white space you're referring to is block on my Firefox/Ubuntu and non-existent on my IE7/Vista, but presumably the margin:0 is what you're looking for anyway. Hope it helps. Bill Brown

Re: [css-d] Unwanted space at top of the page

, while allowing users with css only to see a styled site, but without javascript hidden content and so on. Hope it helps. Bill - Bill Brown, http://www.TheHolierGrail.com

Re: [css-d] XHTML 1.0 Strict and absolute positioning

Gunlaug Sørtun wrote: Makes sense, but you're confusing Transitional vs. Strict doctypes with browsers' layout modes. See doctypes and layout modes... http://gutfeldt.ch/matthias/articles/doctypeswitch/table.html ...and notice that there are only two modes - quirk and standard. This

Re: [css-d] problems with rollovers on dropdowns

need are both embedded in the page so you can access them easily. It should be easy to tell which styles are pertinent, but if you have any questions, please let me know. It works on my Firefox 3/Ubuntu Hardy Heron and IE6/WinXP and IE7/Vista setups. Hope it helps. Bill Brown TheHolierGrail.com

Re: [css-d] :: List item images flickering in IE-6 ::

this out into a separate file for IE6/conditional comment loading. Feel free to pare it down if you wish. Hope it helps! Bill Brown TheHolierGrail.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d

Re: [css-d] :: List item images flickering in IE-6 ::

this out into a separate file for IE6/conditional comment loading. Feel free to pare it down if you wish. Hope it helps! Bill Brown TheHolierGrail.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d

Re: [css-d] Target IE7? Or Something Better?

(http://www.nagw.org)? Zoe Gillenwater is presenting a two-hour conference session on CSS and I am presenting a four-hour pre-conference session on Advanced CSS. Anyway, hope that helps. Bill Brown TheHolierGrail.com __ css-discuss

Re: [css-d] help with 4 column css

not provide full-length column backgrounds. There are some ways to achieve this if you need (images, additional tags and some non-cross browser solutions). Give me an idea where you're heading with the design and I'll help if I can. Best Regards, Bill Brown TheHolierGrail.com MacNimble.com

Re: [css-d] help with 4 column css

[EMAIL PROTECTED] wrote: Hi Bill, Since css-discuss is a teaching list... and I'm a newbie too... could you send me the css that corrected the problem below? Thanks a bunch!! Susan Sure thing! In this case, the source was ultimately the real problem, not so much the CSS.

Re: [css-d] negative absolute positioning bad for SEO?

to this (hidden, offset, covered with an image). Thus the real lesson in Bob's article is more about vigilance than about shunning a specific technique. Just my two cents. Bill Brown TheHolierGrail.com __ css-discuss [EMAIL

Re: [css-d] Movable content

(as well as others, no doubt). More information about JQuery can be found here: http://jquery.com/ Hope it helps! Bill Brown TheHolierGrail.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List

Re: [css-d] site check -- IE6 problems

something up for you. Hope it helps! Bill Brown TheHolierGrail.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css

Re: [css-d] Internet Explorer Loses List Item Types When List Item is Floated

published my results here: http://www.theholiergrail.com/tests/iebullets.php Hope it helps. --Bill Brown TheHolierGrail.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http

Re: [css-d] How do you feed IE versions different css than w3c compliant browsers?

and developer friendly browsers...and anything made my Microsoft. Hope it helps. --Bill Brown TheHolierGrail.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css

Re: [css-d] Text Sizing and Div Height

might be able to emulate this in most browsers with this: ul:hover li:last-child {font-weight: bold;} Hope it helps! Bill Brown TheHolierGrail.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d

Re: [css-d] Blog menu overlapping header

this: .pagenavigation text-decoration: underline; color: #DB5600; } to this: .pagenavigation { text-decoration: underline; color: #DB5600; } That should fix it for you. Hope it helps. Bill Brown TheHolierGrail.com __ css

Re: [css-d] Once again, IE6 positioning woes...

those elements and replacing it with display:block should help, if not fix the issue. Let me know how you get on. --Bill Brown TheHolierGrail.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d

Re: [css-d] Once again, IE6 positioning woes...

[snip] My biggest headache is at http://www.unemployedhelp.on.ca/vrc/index.html. I wanted to make the h3 headers have a 46x46 px graphic on the left, then position the text of the h3s to the immediate right of their respective graphics. In Firefox, it works. In IE6, of course, it doesn't.

Re: [css-d] Font-Family: Calibri, Verdana, ...

-family:monospace;}. Do a quick javascript test: if those two spans have equal width, then the user does not have Calibri on their system. Act accordingly (like load a different stylesheet, adjust font-size, and so on). If you need help writing something that'll work for you, let me know. Best, Bill Brown

Re: [css-d] Font size

-based text re-sizer which you're welcome to use if you like. Might help calm the rowdy masses. Best Regards, Bill Brown TheHolierGrail.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki

Re: [css-d] when are 2 external css called for?

, the window.onload function should be routed through an Event Manager (google:addEvent). I like Dean Edwards' solution for this. Anyway, then, style away in your style sheet like so: p{ background: #e1; border: 1px solid #ccc; margin-top: 0; padding: 2px 5px;} Hope it helps! Bill Brown

Re: [css-d] Full-height left column in fluid layout.

? Not to be entirely self-promoting, but have you taken a look at theholiergrail.com? I can send you the ZIP/RAR if it looks like it might meet your needs. Lemme know if it can help. Bill Brown TheHolierGrail.com __ css-discuss [EMAIL

Re: [css-d] Background Issue With CSS Zen Garden Project

need help with a wrapper configuration. Best, Bill Brown TheHolierGrail.com Elli Vizcaino wrote: Hello, I am working on a CSS Zen Garden project - was given to me as a design test for a potential job. I'm having an issue with a background image that I have set to repeat y and start at left

Re: [css-d] Navigation bar

which differ from your local system. Let me know how it all works out for ya. Bill Brown TheHolierGrail.com MacNimble.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http

Re: [css-d] CSS Drop-down Menus

Hi Rachel, Try this in your CSS: /*Makes the submenus appear on hover*/ .left_main_menu li{position:relative;} .left_main_menu li:hover ul{ display: block;top:0; } --Bill Rachel Vidrine wrote: I am trying to create a CSS drop-down menu. I am having a couple of problems with it. 1. In

Re: [css-d] CSS Drop-down Menus

Sorry, Didn't highlight the entire section. Try this: /*Makes the submenus appear on hover*/ .left_main_menu li{position:relative;} .left_main_menu li:hover ul{ display: block;top:0; } .left_main_menu li ul li{white-space:nowrap;} Rachel Vidrine wrote: I am trying to create a CSS drop-down menu.

Re: [css-d] 3 column layout. Am I missing the obvoius? (question and commentary)

Hi Darrel, Fundamentally speaking, you're right on the money. The problem exists in coloring and backgrounding. In your example, full length columns won't render...that is, the color of 'left' may not match the length of the background on 'right'. In an ideal world, one might do this: HTML:

Re: [css-d] Gap between links

Hi Harry, You can fix this by removing the white space between your HTML tags, like so: ul id=navigation li class=homea href=danny.htmlHome/a/li li class=servicesa href=services.htmlServices Offered/a/li li class=abouta href=about.htmlAbout Us/a/li li class=contacta

Re: [css-d] 3 column layout. Am I missing the obvoius? (question and commentary)

Thanks for the compliment, Darrel! Thierry's website has for a long time now been in my Favorites - Resources folder and should technically be listed on The Holier Grail Notables list -- an oversight I'll correct within the next week or so. On an intranet, you know your audience and the

[css-d] Holy Grail of CSS

on the myriad of browsers out there. Thanks so much for your time. I've been reading the messages posted since I re-joined a couple of days ago; it's nice to see this list still going strong with so many talented designers. Best Regards, Bill Brown MacNimble.com and TheHolierGrail.com

Re: [css-d] Best CSS Online Validator

and ensure that any errors which are found by the validator are ones you accept and understand. If you want the little icon on your page, I tend to include it (for clients that want it) with an asterisk and a note about the errors in the page and/or the validator. Hope that helps. Bill Brown

Re: [css-d] setting default styles for DIV but still having it cascade

Simon Simon, Does this work any better for you? CSS: div { color: blue; } div div { color: red; } HTML: div should be blue div should be red div div inside red div, but is it red? yes /div /div /div -Bill || | Bill Brown

Re: [css-d] IE6 doing something quite funky to horizontal li's

. --Bill || | Bill Brown | | Webmaster, MacNimble.com | | http://www.macnimble.com | | mailto:[EMAIL PROTECTED] | | Phone: 215-237-2037

Re: [css-d] Side panel leading query

|| | Bill Brown | | Webmaster, MacNimble.com | | http://www.macnimble.com | | mailto:[EMAIL PROTECTED] | | Phone: 215-237-2037| || ___ $0 Web Hosting with up to 200MB

Re: [css-d] floats and expanding vertically

div class=productsDetailsRight psomething else/p /div /div And use the same style you sent through in your email and everything should work a little better. Hope it helps. Bill || | Bill Brown | | Webmaster, MacNimble.com

[css-d] Min Max for IE - FIX FOUND?

|| | Bill Brown | | Webmaster, MacNimble.com | | http://www.macnimble.com | | mailto:[EMAIL PROTECTED] | | Phone: 215-237-2037

Re: [css-d] Min Max for IE - FIX FOUND?

Bill, I am clueless when it comes to scripting. * { height: expression( ... ? ... :auto); ... wouldn't that let the costs of this function get too height in longer documents with many elements, as every element has to be parsed? I have inserted your set of expressions in a

Re: [css-d] problems with background-image and footer

Hi all, having learned a lot from this list I am carefully building up the following design using an elastic layout: http://www.mediamasters.co.uk/dg/doodles/rhindex.php for some reason, the background-image for the header and background colour for the footer do not display in IE6

Re: [css-d] [Repost] Two ?Simple Problems

that you're doing it on LI tags and not a header. If I were you, I'd do a search for a image replacement techniques in CSS and then choose the one you like best. There's far too many to list them here. Hope it helps. Bill || | Bill Brown | | Webmaster

Re: [css-d] CSS Upper Menu - Right Justified hates IE for some reason

{ font-size: 0; } IE isn't collapsing that element while FF does. I'm not sure what the spec is, but either one of those should do it. Hope it helps. Bill || | Bill Brown | | Webmaster, MacNimble.com | | http://www.macnimble.com

Re: [css-d] Elastic layouts: want to confirm

design, as in life, one must take risks and in so doing, runs the risk of failure. The question I think is where the line of failure is drawn? --Bill || | Bill Brown | | Webmaster, MacNimble.com | | http://www.macnimble.com

[css-d] Style Families

than that is the question of whether or not ANYBODY else agrees with me that something like that might be useful. I'm not too proud to think I might be the only one who could find uses for that. Thoughts, opinions, insults? Bill || | Bill Brown

Re: [css-d] Style Families

and supported by browsers, not a design problem I'm having. Thanks. || | Bill Brown | | Webmaster, MacNimble.com | | http://www.macnimble.com | | mailto:[EMAIL PROTECTED] | | Phone: 215-237-2037

Re: [css-d] about quoting on css-d

Please read what Zoe Gillenwater wrote to the list a couple of hours ago: One other thing: please make sure to trim your posts. The practice of including an entire quoted message below your added comments is really increases the size of your messages, making digests go out much more

Re: [css-d] Firefox problem: Forces 100% width on a floated element

it to be 100%, but adding a width to the parent will get Firefox to toe the line for ya. Hope it helps. Bill || | Bill Brown | | Webmaster, MacNimble.com | | http://www.macnimble.com | | mailto:[EMAIL PROTECTED] | | Phone: 215

Re: [css-d] Firefox problem: Forces 100% width on a floated element

On 5/13/06, Bill Brown [EMAIL PROTECTED] wrote: http://www.pixelmech.com/rev/test.html The CSS is inline. The class/element in question is .float-left-half inside the #help-titlebar. Add a width of 99% to #help-titlebar (since you have 4px

Re: [css-d] Table and inheritance?

That wont work I can't put border-style: none; That would get rid of the thing orange border I want to create! It does work. I think David means that you should do this: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd; html head

Re: [css-d] HasLayout validation fix?

hasLayout in a valid way? Thanks in advance Kristina Kristina, Try this: !--[if IE] style type=text/css SOME-ELEMENT-NEEDING-LAYOUT,ADDITIONAL-ELEMENTS{zoom:1.0;} /style ![endif]-- Just list the elements you need to have layout. Hope it helps. Bill || | Bill

Re: [css-d] 15px gap in firefox

from margin: 15px; */ font-family: Arial, Helvetica, sans-serif; color: #275011; line-height: 15px; } That should fix it. --Bill || | Bill Brown | | Webmaster, MacNimble.com | | http://www.macnimble.com

Re: [css-d] png transparency with image-background

on the anchor itself. As a precautionary measure, I often throw zoom:1.0 on my anchors to ensure they've been given layout. Note: I've used || to indicate other available options. You should only select one and remove the ||'s. Bill Brown Webmaster, MacNimble.com

Re: [css-d] site check/couple of issues

be isolated to the CSS portion of your design. Gunlaug: Sorry for stealing your thunder, but I didn't want you to be all alone on this one. It's an important point, I think. Hope it helps. || | Bill Brown | | Webmaster, MacNimble.com

Re: [css-d] site check/couple of issues

: .elevencent Invalid number : padding-bottom none is not a padding-bottom value : none --Bill || | Bill Brown | | Webmaster, MacNimble.com | | http://www.macnimble.com | | mailto:[EMAIL PROTECTED] | | Phone: 215-237-2037

Re: [css-d] IE linking issues

, there is no known CSS based work-around. Bill Brown Webmaster, MacNimble.com ___ $0 Web Hosting with up to 200MB web space, 1000 MB Transfer 10 Personalized POP and Web E-mail Accounts, and much more. Signup at www.doteasy.com

Re: [css-d] Overflow problems in absolute bottom dimensioned DIV

and then sets the height to the remainder. Hope it does the trick for you. Relevant code is below. Bill Brown Webmaster, MacNimble.com !-- Code snippet begins here -- !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd; html head

Re: [css-d] two menu on the same row are conficting

. Hope it helps. Bill Brown Webmaster, MacNimble.com !-- Begin Code Sample -- !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd; html head titleUntitled/title style type=text/css /* ![CDATA[ */ #topNav { border: 1px solid #666; margin: 0

Re: [css-d] A Question about cell spacing

is set. Firefox is probably in accordance with the specs--I didn't look it up, but I'd lay money on it. Anyway, code below...hope it helps. Bill Brown Webmaster, MacNimble.com Code, as promised. Please ignore the lack of thead, tbody, etc. Also, note that expressions do not validate and require

Re: [css-d] page check :: ~dL

at least. But then I am about 80% colorblind, so maybe it's ok for others. Still looks a far sight better than its predecessor http://www.dlaakso.com/jewels/index.html Nice work. Bill Brown Webmaster, MacNimble.com ___ $0 Web Hosting with up

[css-d] Site Check (II)

seems to be crashing my standalone IE's, including 7. I know this isn't the right forum for that kidna thing, but if anyone knows a quick fix for that, it'd be much appreciated. Otherwise, a couple tests in lower IE's would work. It'll probably not work on IE5 and lower. Thanks. Bill Brown Webmaster

[css-d] Peer Review Request: MacNimble.com Holy Grail Template

did to it. I'll move all the content of my site over once I think this is fairly stable. Thanks in advance and though I posted my email address in about a hundred places on the site, it's [EMAIL PROTECTED] and my name is Bill Brown. Thanks again! Bill

Re: [css-d] Gap in list (Joanne)

href=#Link/a/li /ul That always seems to solve the problem for me. Hope it helps. Bill Brown ___ $0 Web Hosting with up to 200MB web space, 1000 MB Transfer 10 Personalized POP and Web E-mail Accounts, and much more. Signup

[css-d] Right Floated Nav Source Order

Hi Jono. Brand new to the css-d list, and this is my first post, but I hope this helps. This code should allow you to get the effect you're after. I already had some of this code in my snippet collection, so it's not identical to yours, but it should help. I've tried to make it emulate the look

<    1   2   3