Re: [css-d] A New Drop-down Menus Example

SO... Feedback is most welcome... thank you. Minimal example 1: http://www.ximbalo.com/test/ddmenu1.htm Slightly more robust: http://www.ximbalo.com/test/ddmenu2.htm As is often the case unfortunately, those menus don't work for keyboard users. In IE 5 mac, I get a js error:

[css-d] box model or collapsing margins question

I've been trying out what happens with the box model and collapsing margins. In this page: http://www.wordsworth.com.au/test0508/boxmodeltest.htm I can't see why in Firefox the top and bottom margin of the container div disappears but in IE6 it is there. Can someone explain this to me? Thanks

RE: [css-d] A few questions request for Felix

Regarding your colours, you can find out if they're okay with the colour contrast analyser: http://www.nils.org.au/ais/web/resources/contrast_analyser/index.html - Maren 5. Accessibility: Are there any colour-blind viewers in the audience? Would like to know if all the good stuff is

Re: [css-d] site check

Ingo Chao wrote: Opera 8.02 (not 7.54!) /Win shows weird problems with the links. Top navigation links get a gray background on hover and keep it, and the image links to the left don't work at all on hover. I remember someone (Georg?) once said that Opera don't like text-indent: -9px;

Re: [css-d] box model or collapsing margins question

On 10 Aug 2005, at 4:12 pm, Maren Child wrote: I've been trying out what happens with the box model and collapsing margins. In this page: http://www.wordsworth.com.au/test0508/boxmodeltest.htm I can't see why in Firefox the top and bottom margin of the container div disappears but in IE6 it

[css-d] htc / son of suckerfish type dropdowns, iE probs

Hi there, I've been fiddling with a sort of combo of the htc-enabled dropdowns (http://www.bbd.com/stylin/) and suckerfish II (http://www.htmldog.com/articles/suckerfish/dropdowns/example/) and have it all sweet except for a problem with, err, IE6 / Win;( See http://www.reb.net.nz/htc/ It

Re: [css-d] htc / son of suckerfish type dropdowns, iE probs

Rebecca Cox wrote: Hi there, I've been fiddling with a sort of combo of the htc-enabled dropdowns (http://www.bbd.com/stylin/) and suckerfish II (http://www.htmldog.com/articles/suckerfish/dropdowns/example/) and have it all sweet except for a problem with, err, IE6 / Win;( See

[css-d] IE - hover probs

Hi there, I am still trying to rebuild the menu (or the whole page) from www.stauden.de in CSS. In Firefox it is working now, but my IE 6 starts making trouble. My code looks like this: div id=navigation ul li class=selecteda href=#Staude des Jahres/a/li lia

Re: [css-d] IE - hover probs

Marcel Sure, but you will need a bit of javascript here. Have a look at this article: http://www.alistapart.com/articles/horizdropdowns/ Marcel Pociot wrote: Hi there, I am still trying to rebuild the menu (or the whole page) from www.stauden.de in CSS. In Firefox it is working now, but my

[css-d] dt and dd next to each other

Is there a way to get a dt and a dd next to each other? If I set both to inline, I then don't get a line break after the dd. Is there a way to do this without adding a break tag in my markup? Thanks, Christy __ css-discuss

[css-d] Closing a Clear

http://www.mishpachaw.com/eng-featuresLarge.php?w=fiction I have tried a few different methods to fix this page in FF, but nothing seems to work--the lists of the magazine features extends below the red box--I want them of course to be within the box. The CSS is here:

RE: [css-d] A few questions request for Felix

5.Accessibility: Are there any colour-blind viewers in the audience? Would like to know if all the good stuff is contrasting enough for you to make relatively easy use of it. You don't need a colorblind viewer-- since you can be one-- http://colorfilter.wickline.org A great tool!

[css-d] expanding submenu

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

[css-d] Site Check: IE 6

Two people in a client of 20 people are having trouble with this page: http://www.orchidsuites.net/aham - the splash image on the right is sliding down below the navigation on the left. While I fixed the issue for most IE users (too wide main div due to padding) I can't seem to identify the

[css-d] Unexplained Space in IE

I am trying to figure out the space to the right of the third column in this example (only seems to happen in IE). The third column is dynamically being applied the class name of 'right' via javascript. Adding overflow: hidden; to ul#ads removes the whitespace. But I am trying to figure out why

RE: [css-d] dt and dd next to each other

Is there a way to get a dt and a dd next to each other? If I set both to inline, I then don't get a line break after the dd. Is there a way to do this without adding a break tag in my markup? Thanks, Christy Christy- Have a look at the Wiki[1], it discusses this. I also seem to

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

[css-d] IE/Mac is the bane of my existence

Here goes... I'm working on a website and I'm on a team with a designer from a different company. I get all the CSS working, looking nice, and it works in FF, IE6, Opera, Safari, and Konqueror. I figure, I got most of the bases covered...just gotta add the IE5 hack and I'm good to go, right?

Re: [css-d] site check

Hi Not colour blind, but I have difficulty with bright light (hurts my eyes) and with dark colors overall. So, my monitor is set to the lowest possible brightness+contrast. I hovered Home About Case Study Examples Testimonial Contact and it appeared not to be a menu, because nothing

Re: [css-d] Closing a Clear

Hi, Ad this rule to .pageBox... display: table; This should cause the red border to extend below the two columns of text. Jim On 8/10/05, Hershel Robinson [EMAIL PROTECTED] wrote: http://www.mishpachaw.com/eng-featuresLarge.php?w=fiction I have tried a few different methods to fix this

[css-d] A Firefox problem I'm stuck on

Ovherhauling a site for work to look right in FF. Looks fine in IE6. The problem page: http://www.homedesigntrends.com/storeFF.php Check it out in IE then FF. The CSS file is: http://www.homedesigntrends.com/storeFF.css IE6 looks right, but FF puts the floated images and the white text area

RE: [css-d] IE/Mac is the bane of my existence

My question...which is what this mailing list is all about... Is there an easy way to program for IE/Mac? Is there a definitive guide out there to show *exactly* what problems I'm going to have when I use CSS/XHTML and how to work around them? Do I *really* have to accomodate that

Re: [css-d] Site Check: IE 6

bingo! you rock Ingo Chao wrote: Tanya Renne wrote: Two people in a client of 20 people are having trouble with this page: http://www.orchidsuites.net/aham - the splash image on the right is sliding down below the navigation on the left. While I fixed the issue for most IE users (too wide

Re: [css-d] Closing a Clear

On 8/10/05, Hershel Robinson [EMAIL PROTECTED] wrote: http://www.mishpachaw.com/eng-featuresLarge.php?w=fiction I have tried a few different methods to fix this page in FF, but nothing seems to work--the lists of the magazine features extends below the red box--I want them of course to be

[css-d] Filters

All, Does anyone know of a CSS filter that: * Safari will read * Opera will read * Firefox won't read * IE6 won't read Or even a series of filters to achieve this. The difficulty is that FF seems to read the same things as S and O. So far I've only checked

RE: [css-d] A Firefox problem I'm stuck on

Ovherhauling a site for work to look right in FF. Looks fine in IE6. The problem page: http://www.homedesigntrends.com/storeFF.php The CSS file is: http://www.homedesigntrends.com/storeFF.css IE6 looks right, but FF puts the floated images and the white text area over the Aqua-colored

RE: [css-d] A Firefox problem I'm stuck on

p.s. it looks like you'll also need to add clear:left to #bodyContainer as well to keep the body section from crawling up under the search bar. Regards, Ron __ css-discuss [EMAIL PROTECTED]

Re: [css-d] A Firefox problem I'm stuck on

Christopher Harris wrote: Ovherhauling a site for work to look right in FF. Looks fine in IE6. The problem page: http://www.homedesigntrends.com/storeFF.php The cause: #header { width: 100%; height: 120px; /* this height - delete it */ } Firefox obey defined height

Re: [css-d] Site Check: IE 6

Tanya Renne wrote: Two people in a client of 20 people are having trouble with this page: http://www.orchidsuites.net/aham - the splash image on the right is sliding down below the navigation on the left. While I fixed the issue for most IE users (too wide main div due to padding) I can't

Re: [css-d] Filters

* Safari will read * Opera will read * Firefox won't read * IE6 won't read Or even a series of filters to achieve this. The difficulty is that FF seems to read the same things as S and O. Something like this should work /* all browsers will see this - that's all

Re: [css-d] IE/Mac is the bane of my existence

Jon Trelfa wrote: Is there an easy way to program for IE/Mac? Is there a definitive guide out there to show *exactly* what problems I'm going to have when I use CSS/XHTML and how to work around them? Do I *really* have to accomodate that browser (^-^)? You will find loads of information

[css-d] How to get one tag to inherit the same style as another

Hi, How can I get one tag to inherit the style already set to another tag? This would be the default style NOT set in any of my style sheets. For example, if I haven't defined a style to the p tag but I want my h5 tag to have the same style as the p tag, is there an easy way of doing that

[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

RE: [css-d] How to get one tag to inherit the same style as anoth er

How can I get one tag to inherit the style already set to another tag? This would be the default style NOT set in any of my style sheets. For example, if I haven't defined a style to the p tag but I want my h5 tag to have the same style as the p tag, is there an easy way of doing that

[css-d] Absolutes within a div.

I have a simple question, but please humor me. I have a div that had absolutely positioned divs within it and wanted to know how I can extend its border around those inner divs. On firefox the outer div's border collapses after its own content and through the middle of the contained divs. Here,

Re: [css-d] CSS Image rollover not working in Mac?

Thanks Jono, I made some changes, as per Dan Cederholm's technique you linked to. Here's the demo page. http://www.bodybuildingsecrets.com/demos/nav.php Here is the revised CSS: #nav { height: 30px; list-style: none; display: inline; overflow: hidden; } #nav li { list-style: none; /*

Re: [css-d] Closing a Clear

From: Hershel Robinson [EMAIL PROTECTED] Any other ideas? Maybe I'm doing something wrong? Yes, remove the height restriction from #featuresbox and the border will enclose things as you wish. ~holly __

[css-d] IE offset problem

I'm fairly new to CSS and for the most part I really enjoy it, but I'm having problems with how IE Windows displays the site and I can't figure it out. It seems the #container and #bricks have been offset to the right, each greater then the next. If anyone out there could offer any

Re: [css-d] Unexplained Space in IE

David Marr wrote: http://media.monster.com/mm/usen/content/temp/ads.htm I am trying to figure out the space to the right of the third column in this example (only seems to happen in IE). The third column is dynamically being applied the class name of 'right' via javascript. Adding

Re: [css-d] How to get one tag to inherit the same style as another

J. Kang wrote: For example, if I haven't defined a style to the p tag but I want my h5 tag to have the same style as the p tag, is there an easy way of doing that within the stylesheet? No, I'm afraid the only way to do what you want is to explicitly set the styles on both. There may be a

Re: [css-d] How to get one tag to inherit the same style as another

Jennifer, You will need to define the p tag first, then you can tack on the h5 like this p, h5{ styles } This will render the same style for both tags. Rich J. Kang wrote: Hi, How can I get one tag to inherit the style already set to another tag? This would be the default style NOT

[css-d] trouble getting floated images to look right in IE (PC)

Hello all, I need some help getting this page to look better in IE6 PC: http://www.wealthdevelopmentmortgage.com/Bruce/Team.htm the problem is in IE there is no spacing between the images of the people picts and the bio text. When I put a border around the content, it looks like the image is

Re: [css-d] Closing a Clear

Holly Bergevin wrote: From: Hershel Robinson [EMAIL PROTECTED] Any other ideas? Maybe I'm doing something wrong? Yes, remove the height restriction from #featuresLarge and the border will enclose things as you wish. How do you like that? That was it. I didn't even know that was there.

[css-d] Possible combination filter for MAC IE? Thoughts?

Okies, Most of the bugs have been worked out so far, *except* in the nefarious Mac IE5.x. That being the case, it seems like the best way to do this is to set up a hack that specifically feeds overrides to Mac IE5. After reviewing the chart at dithered.com, I found that there seems to

Re: [css-d] Possible combination filter for MAC IE? Thoughts?

After reviewing the chart at dithered.com, I found that there seems to be only one filter that allows rules for Mac IE5 while hiding them from MOST other browsers. Unfortunately, most does not include Mozilla (all platforms). So I started looking for a way to hide *that* filter from

Re: [css-d] trouble getting floated images to look right in IE (PC)

Bruce Gilbert wrote: I need some help getting this page to look better in IE6 PC: http://www.wealthdevelopmentmortgage.com/Bruce/Team.htm the problem is in IE there is no spacing between the images of the people picts and the bio text. In the declaration for the images, change padding to

RE: [css-d] BIR Bob Image Replacement - (z-index stack order probs)

Hello all, Setting apart the general debate on should we use IR at all, here is another technique that seems quite interesting to me untill CSS3 supprt is widely available. It avoids common pitfalls of other IR techniques like CSS ON / IMG OFF - screen magnifiers, ... the only drawback I see is

[css-d] Vertically alignment of the custom list bullet (image)

Hello, Is it possible to adjust the vertical positioning of graphical list bullets? I've got an arrow bullet that is resting about 2 pixels higher than I'd like it to. I haven't found anything that suggets it can be moved (css-d archives, google, my own experimentation). Is this possible, and if

Re: [css-d] Vertically alignment of the custom list bullet (image)

Chris W. Parker wrote: Hello, Is it possible to adjust the vertical positioning of graphical list bullets? I've got an arrow bullet that is resting about 2 pixels higher than I'd like it to. I haven't found anything that suggets it can be moved (css-d archives, google, my own experimentation).

Re: [css-d] dt and dd next to each other

On 8/11/05, Christy Collins [EMAIL PROTECTED] wrote: Is there a way to get a dt and a dd next to each other? If I set both to inline, I then don't get a line break after the dd. Is there a way to do this without adding a break tag in my markup? If your dt's are all fairly short, then take a

[css-d] proper syntax for background-repeat x and y?

I have an image that I want tile both verticall and horizontally so I declare it in CSS as : background-image: url(/test/images/BG_tile.gif);background-repeat: repeat-y repeat-x; which works just fine, but CSS validator gives parse error and says too many values. Is this not the proper way to so

Re: [css-d] proper syntax for background-repeat x and y?

On 8/11/05, Bruce Gilbert [EMAIL PROTECTED] wrote: I have an image that I want tile both verticall and horizontally so I declare it in CSS as : background-image: url(/test/images/BG_tile.gif);background-repeat: repeat-y repeat-x; which works just fine, but CSS validator gives parse error

[css-d] Re: Absolutes within a div.

Thanks, Jim, for the fix on the categories box. Also, could you look at one more thing? I need to fix the bottom boxes with their borders. The inside divs are supposed to cover up the containing divs color to make a one pixel border, but on IE the right and left borders are about 2 pixels. Should

RE: [css-d] dt and dd next to each other

From: Christy Collins Is there a way to get a dt and a dd next to each other? Christy, dt{float: left;} in your stylesheet should do it for you. -- Peter Williams __ css-discuss [EMAIL PROTECTED]

[css-d] Re: trouble getting floated images to look right in IE (PC)

In the declaration for the images, change padding to margin. Regards, David Laakso -- David Laakso http://www.dlaakso.com/ oh, duh. Yep that worked. __ css-discuss [EMAIL PROTECTED]

[css-d] Compensate for scroll bar *and* centered?

I'm working on a site...it's *almost* complete with the exception of any IE5 hacks that I'll need...but I'm noticing something very very annoying. When the vertical scrollbar appears, the whole thing kinda of jumps to the left until you click on a page that doesn't need the scrollbar. How do I

[css-d] Re: Compensate for scroll bar *and* centered?

On 8/10/05, Jon Trelfa [EMAIL PROTECTED] wrote: I'm working on a site...it's *almost* complete with the exception of any IE5 hacks that I'll need...but I'm noticing something very very annoying. When the vertical scrollbar appears, the whole thing kinda of jumps to the left until you click on

Re: [css-d] Compensate for scroll bar *and* centered?

Jon Trelfa wrote: I'm working on a site...it's *almost* complete with the exception of any IE5 hacks that I'll need...but I'm noticing something very very annoying. When the vertical scrollbar appears, the whole thing kinda of jumps to the left until you click on a page that doesn't need the

[css-d] Recommendations for tools

We've built a very extensive CMS (+ event man, donations man, crm, etc - the works) ... an asp model that uses css positioning for the look and feel ... it isn't a strict csszengarden approach in that there are actually frameworks for the wrapper documents - this increases flexibility and

Re: [css-d] Possible combination filter for MAC IE? Thoughts?

On 11 Aug 2005, at 4:22 am, [EMAIL PROTECTED] wrote: After reviewing the chart at dithered.com, I found that there seems to be only one filter that allows rules for Mac IE5 while hiding them from MOST other browsers. Unfortunately, most does not include Mozilla (all platforms). So I

Re: [css-d] Possible combination filter for MAC IE? Thoughts?

On Wed, 10 Aug 2005 15:22:59 -0400, [EMAIL PROTECTED] wrote:  That being the case, it seems like the best way to do this is to  set up a hack that specifically feeds overrides to Mac IE5. J., I believe that IE 5 Mac is the only browser that will import a style sheet using this syntax: @import

Re: [css-d] A few questions request for Felix

[EMAIL PROTECTED] wrote Wed, 10 Aug 2005 00:06:17 -0400: 4. FELIX: Could you take a peek, pretty please? After your last email, I went in and changed almost all of the font-sizing, as well as much of the other element sizing and positioning. This was largely done based on some of the