RE: [css-d] Why doesn't this page work?
>I cannot believe how hard CSS is. I am ready to give up.
Don't give up Nancy. CSS isn't "easy" but it is worth the effort to learn.
And don't let the expertise on this list fool you. At some point, we were
all beginners. The more I learn about CSS the more I know I don't know.
> What am I doing wrong? http://www.wminc.biz/newpage.htm
1) Two sets of closing tags - remove one of them
2) Following opened
opened
then
closed
opened
closed
which closed the "container" id
I find I still have to indent all my
One thing though -- where do you plan on putting "content"? I see from your
CSS you plan for it. Add it in with the Latin text for filler.
3) the masthead770.gif is not in the images directory. Or maybe it's a JPG
file and not and not a GIF. Or maybe its got a capitol letter in it like
mastHead770.gif.
The first things to fix are #1 and #3.
Oh -- don't use the STRONG in About.
If you want all those bolded on presentation then make font-weight:bold part
of the "A" attribute of your #button. Just add it to:
#button li a {
display: block;
padding: 5px 5px 5px 0.5em; (mixing px and .em in the padding probably isn't
a good idea)
font-weight: bold;
color: #fff;
text-decoration: none;
width: 150px;
}
Hope this helps and don't give up!
Lynda Peach
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
RE: [css-d] Stylinzing drop lists
While not completely on-topic -- be careful of using red on green or vice versa. The Red/Green color combination is the most standard one that fails for color-blind users. For them it will closely resemble gray on gray. In other words, unusable. A neat little free tool called "Colour Contrast Analyzer" is available at http://www.nils.org.au/ais/ When I ran your color combination through it, I got the following: "X" The difference in brightness between the two colours is not sufficient. [the red "X" indicates 'do not use'] Why? It tells you. "The threshold is 125, and the result of the foreground and background colours is 96. The difference in colour between the two colours is not sufficient. The threshold is 500, and the result of the foreground and background colours is 204." - We should not take this color thread any further as it is off-topic. But I wanted to share the above tool because all of us who use CSS always deal in color whether it be our idea or our customer. We don't always have someone around who is color-blind to view our site and tell us if the selected colors 'work' for them. I receive so many valuable pieces of info and tool tips I wanted to share this one. Who knows -- I may have read about it on THIS list in the first place. Lynda Peach -Original Message- > Using CSS, I have stylized my droplist to with a red/green color > scheme at http://webmarksonline.com/temp/styledroplist.html > > The problem is that I am unable to stylize the actively selected option. > Right now the active option as well as the option as the user mouse > over them is the default white on blue. How do I change that to say > red or yellow for example? __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
RE: [css-d] expanding submenu
> ... The JavaScript I ended up using was one very short function. > I could have sworn I pulled it from either Eric Meyer's "More ... " > book or from The CSS Anthology along with research via Google. I just found my SOURCE today and thought I would pass it along. The O'Reilly "CSS Cookbook" by Christopher Schmitt. It's in Chapter 3: Links and Navigation and here is called 'Creating Collapsible Menus' (pp 78-80). http://www.oreilly.com/catalog/cssckbk/ There is a zip available of code and I think the example is there. Additional comment: Chris was right to correct my comment that implied short JavaScript was 'better'. As he so well stated, short really has nothing to do with "better" or not. I meant that I used one that had much less JS involved. Lynda __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
RE: [css-d] expanding submenu
> I sent him an example of what he wanted to do, which can be pretty annoying: > http://icant.co.uk/sandbox/sticky.html I agree -- didn't like this behavior. > Could it be you meant YADM? http://www.onlinetools.org/tools/yadm/expanding.html ARGH -- that JavaScript is huge! It is neither of those -- The JavaScript I ended up using was one very short function. I could have sworn I pulled it from either Eric Meyer's "More ... " book or from The CSS Anthology along with research via Google. Sorry I can't point you all to a link. The sites that use it are behind our firewall. If the ADMINs approve, I think I could post the code. Lynda __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
RE: [css-d] expanding submenu
I have done an expanding submenu -- the CSS determines HOW it will look. The JavaScript implements the action. I wish I could remember right now where I found the solution -- but I believe it was on-line. Search for: expanding menu CSS JavaScript -Original Message- From: dimpie [mailto:[EMAIL PROTECTED] Sent: Thursday, August 11, 2005 3:18 AM To: css-d@lists.css-discuss.org; Christian Heilmann Subject: Re: [css-d] expanding submenu Chris, I was already afraid that it couldn't be done with CSS only. Do you perhaps have an example of how I can accomplish this with javascript, or do you know a 'good' javascript forum where I can get this information? Thanks Dimpie. - Original Message - From: "Christian Heilmann" <[EMAIL PROTECTED]> To: "dimpie" <[EMAIL PROTECTED]> Cc: Sent: Wednesday, August 10, 2005 3:46 PM Subject: Re: [css-d] expanding submenu On 8/10/05, dimpie <[EMAIL PROTECTED]> wrote: > I would like to be able create a menu with several levels (submenu's) that does the folowing: > If you hover over the toplevel the submenu should expand and stay visible when you remove the mouse from it. > When you hover over the top menu again, the submenu should close. > I was wondering it this is possible with CSS only? > Here is an example http://www.hoogvliet.com/ of what I'd like to achieve. > If you hover over 'Over Hoogvliet' the submenu expands and stays open if you remove the mouse cursor. No. CSS cannot keep a state, and can only show and hide everything inside the element the cursor is currently on. This effect can be easily done with JavaScript though. -- Chris Heilmann Blog: http://www.wait-till-i.com Writing: http://icant.co.uk/ Binaries: http://www.onlinetools.org/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Site style - which is better liquid? Fixed-width?
The question posed in the subject comes with some constraints: - I must provide a site style that will be used by various different page maintainers -- where skills range from beginner to advanced. - The site will have two different basic pages -- two-column and three-column. - There will be a standard for the header and for the footer. - The left column will always have navigation. It could include other content but its main purpose is navigation. - Using the tag for layout will not be permitted. - Specific DIVs will be used to ensure layout is uniform. - Site is required to be accessibility compliant. The CSS plan is to have: - a "corporate" style sheet which everyone must use. - a "site" CSS file so that a group can have some individuality. Initially this would probably be limited to a setting for header (so logos can change with the group) and colors. Which would be EASIER on all concerned given the constraints above? -- Liquid (jello) or fixed-width display? The goal is to provide a site setup that will allow for changes overall to the site without having everyone have to REBUILD their own site pages again. Lynda Peach __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
RE: [css-d] Q: Son of a Suckerfish
I'm familiar with that JavaScript -- we stopped using it quite some time ago. Check that the JS doesn't have something that is directed to specific versions of IE. It could have something also setting the CSS that is causing the problem. If you find something in the JS dealing with CSS, I "think" it is okay to post here. But if your question deals with JavaScript itself, you'll need to post to another list. You also might want to look again at the "why" of the use of the overlib.js and see if there isn't another method you could use to achieve the same thing or close to it. > But I need that! Perhaps it can be narrowed down to something inside > that otherwise critical js? Or perhaps that is a question for another > list. >> While playing with your page, I've taken out >> >> >> >> and the jumping in IE stopped. Can you confirm? __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Question concerning use of 0px
What is the recommended value for setting 0 in such CSS settings as padding or margin? Should it be margin: 0px; padding: 0px; ormargin: 0; padding 0; And does it matter if it is px or not when all four sides are set individually as in padding: 3px 0 5px 0; Or should it be padding: 3px 0px 5px 0px; Lynda Peach __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
RE: [css-d] CSS and Ad Impressions
First, I don't use "ad impressions" either but this sounds very much like the ole "counter page" issue. If it turns out that CSS is reducing the clicks that is no reason to abandon it. What they are looking for is how the "new" numbers measure up to the old ones. Let's assume your new page has the same content and ads as the old one. What's the percentage ratio difference? Simply use that on all the other pages and that's what the count would be on the ads for those pages once they are converted. Going back would be like -- oh, reverting back to mowing your grass with a push mower just because you think the gas is too high in price for your rider mower -- *AND* you have two acres to mow! Someone is equating the cost of gas and not counting your time and energy. I would be interested to know though if CSS is actually the factor. -Original Message- From: Ingo Chao [mailto:[EMAIL PROTECTED] Sent: Wednesday, July 20, 2005 8:52 AM To: Yazmin Media Cc: css-d@lists.css-discuss.org Subject: Re: [css-d] CSS and Ad Impressions hmm. playing the role of the last hope isn't much attractive, you know. The people on the other forums are not dumb. Maybe you should reformulate the question? Would you mind explaining the problem again in other, less words to someone who never had heard a word about ads on the web? So you have two pages, one uses tables for presentation, the newer one not. The original one contains ads in td's, the new one contains the same ads in a div? The ads are technically speaking iframes? Your audience is mostly IE6/Win? The application which counts the clicks does not count as many clicks as your stats say the user click? So physically, if the user clicks on an object in a table cell, the click is counted, and if the very same object resides in a div, the click is not counted? Ingo -- http://www.satzansatz.de/css.html __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
RE: [css-d] One Header And Footer for Site Using CSS?
> My question is this, is there a way to accomplish the original goal of maintaining the site with one header and footer file using CSS? Debbie -- you asked this question earlier this week. The answer isn't going to change. What you are wanting to do is CONTROL content not DISPLAY of content. CSS is for handling DISPLAY of content. You will certainly utilize it to get the presentation you want. But for maintaining the site with ONE header and FOOTER file using CSS -- the answer is still no. One person suggested server-side-includes (SSI). That is one way to accomplish it. Go back to the archives and look at the previous responses -- there are several good ones there with links to sites to assist you. THEN once you have figured out how to use one file to display the same CONTENT in a header and footer and are having "challenges" with the presentation using CSS, ask the list to assist. I would think it would be done using a ... Body stuff here ... and then the call to the same SSI but within a That way you have ONE file containing the CONTENT but you can control the presentation of that same content via the CSS. How the content would LOOK, which could be completely different, would be controlled by your CSS. Hopefully this will assist you in resolving your problem. Lynda Peach __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
RE: [css-d] link list problem in IE_ from yesterday
I'm not an expert but several things:
1) the CSS does not validate. Several "complaints" but the #rightcol li
a:link had "text-decoration is defined multiple times in the same rule"
2) I found the #rightcol li a:link CSS in the CSS 3 times -- the same code
#rightcol li a:link {
color:#FF;
text-decoration: underline;
text-decoration: none;
font-family: "Times New Roman", Times, serif;
font-weight: bold;
font-size: 12px;
font-style: normal;
}
3) And the last time is AFTER the #rightcol li a:hover. Remember the
LoVeHAte rule:
link visited hover active
Even if you don't use all of those, you should stick to the same entry in
the CSS; i.e., don't put the link after the hover.
L.Peach
-Original Message-
From: Adam Helweh [mailto:[EMAIL PROTECTED]
Sent: Tuesday, June 28, 2005 9:02 AM
To: css-d@lists.css-discuss.org
Subject: [css-d] link list problem in IE_ from yesterday
Hello,
I have nailed down most every other issue but one. In FF all looks fine (to
me), but in Internet Explorer 6 the links in the right side are messed up.
When I initially go to the page the links seem fine (white with no
underline), but as soon as I click they turn gray and underlined. This is
not a style I use. Can anyone please take a looksy?
Thanks
http://www.rocklinsystems.com/infinity/about.htm
CSS- http://www.rocklinsystems.com/infinity/styles/infinitystyles.css
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
