Re: [css-d] Background Image on Blockquote Hidden Under Floated Image

2006-06-19 Thread David Laakso
Duckworth, Nigel wrote: Franky, I like your mutations! I will take a closer look at this tonight and if the markup changes aren't to radical I might go with this, in any case it's nice to have choice. -Nigel See testpage over here

Re: [css-d] Multiple class name support

2006-06-19 Thread Michael Geary
I'm just wondering how well is the multi-class feature (i.e. class=style1 style2 style3) supported in various browsers. Also, is there any significant difference between browsers in terms of how the order of class names affects the specificity/style precedence? Actually, IE has

Re: [css-d] Minor browser inconcistencies

2006-06-19 Thread Andreas Håkansson
Hi, Since I didn't get any (?) feedback at all last time I thought I'd bring it back up. Its only minor glitches with a clean and small example and I'm really keeping my fingers crossed that you guys and gals can help me work them out. (Old post below) -- OLD POST -- Hi, I'm

Re: [css-d] Minor browser inconcistencies

2006-06-19 Thread Ingo Chao
Andreas Håkansson wrote: Its only minor glitches ... Maybe these aren't that minor. Explorer 6.0.2900.2180 - No problems here. Firefox 1.5.0.3 - The 2px high gap between the blue box and the black line has disappeared Netscape 8.1 - Same as firefox since its the same engine

Re: [css-d] Dynamic CSS bar graph

2006-06-19 Thread Andrew Green
On Fri, 16 Jun 2006 10:00:48 -0400, Ben Liu wrote: The list items have a red background color which allows the graph to be viewed on screen. Of course when the report is printed, if the user does not select print background items somewhere in their print dialogue boxes, they get no graph

Re: [css-d] Minor browser inconcistencies

2006-06-19 Thread francky
Andreas Håkansson wrote: Hi, Since I didn't get any (?) feedback at all last time I thought I'd bring it back up. Its only minor glitches with a clean and small example and I'm really keeping my fingers crossed that you guys and gals can help me work them out. (Old post below) -- OLD POST

Re: [css-d] IE6 Skip to Content workaround

2006-06-19 Thread Christian Heilmann
Hi all I am implementing the Skip to content link at the beginning of the page for screen readers to skip the navigation and go straight to the main content. However, Internet Explorer 6.0 moves the visual focus, but not the input focus. How do I get this to work in IE6? Wrong mailing

[css-d] 4-col and/or 5-col simple layouts: Examples to learn from?

2006-06-19 Thread Micky Hulse
Hi, I am looking for a few good/bulletproof examples of four and five column fixed-width (floated?) simple/basic CSS layouts... no frills or gimmicks (i.e. faux columns, negative margins...) I have a pretty good idea how to tackle this type of layout (fixed-width, all floated left, account

Re: [css-d] Background Image on Blockquote Hidden Under Floated Image

2006-06-19 Thread Duckworth, Nigel
David, Great, thanks for checking it out! Regards, Nigel -Original Message- From: David Laakso [mailto:[EMAIL PROTECTED] Sent: Monday, June 19, 2006 2:03 AM To: Duckworth, Nigel Cc: [EMAIL PROTECTED]; Els; css list list Subject: Re: [css-d] Background Image on Blockquote Hidden

[css-d] IE / FF display issue

2006-06-19 Thread Dave Goodchild
Hi all, I am building a back end admin system for our new venture and like a fool only checked in FF as it will only ever be used by us and I never use IE locally. However, my business partner refuses to install IE and seems to get a blank page here: http://www.projectkarma.co.uk/karma_admin/

Re: [css-d] IE / FF display issue

2006-06-19 Thread Sam Partington
On 19/06/06, Dave Goodchild [EMAIL PROTECTED] wrote: Hi all, I am building a back end admin system for our new venture and like a fool only checked in FF as it will only ever be used by us and I never use IE locally. However, my business partner refuses to install IE and seems to get a blank

Re: [css-d] 4-col and/or 5-col simple layouts: Examples to learn from?

2006-06-19 Thread David Laakso
Micky Hulse wrote: I am looking for a few good/bulletproof Nothing is bulletproof. examples of four and five column I think the problem at four columns and up becomes how do you present content without resorting to unreadable mousetype. fixed-width (floated?) simple/basic CSS layouts... no

Re: [css-d] IE / FF display issue

2006-06-19 Thread Dave Goodchild
On 19/06/06, Sam Partington [EMAIL PROTECTED] wrote: On 19/06/06, Dave Goodchild [EMAIL PROTECTED] wrote: Hi all, I am building a back end admin system for our new venture and like a fool only checked in FF as it will only ever be used by us and I never use IE locally. However, my

[css-d] Interesting bug... vanishing links!

2006-06-19 Thread css
Hi there, I seem to have a bug with vanishing links. The HTML validates (I assumed I'd missed a somewhere) so I guess I've screwed up the CSS somehow? Please have a look at http://www.wdam.co.uk/clients/dynam/hh/ If you look in IE, all the links (are you a, homeseeker, etc) work fine. If you

Re: [css-d] 4-col and/or 5-col simple layouts: Examples to learn from?

2006-06-19 Thread Micky Hulse
Hi David, thanks for you quick response. :) David Laakso wrote: I think the problem at four columns and up becomes how do you present content without resorting to unreadable mousetype. Good point... if I understand what your saying that is... Hehe, how do you mean mousetype? Yawn :-P .

[css-d] HR color

2006-06-19 Thread Ian Young
Having put color of HR into class as follows: .hrcolor {color:#ff;} and html as hr class=hrcolor / renders ok in IE but not in FF. If I use background:#ff; then FF renders darker color. What say you for solution? Ian

[css-d] rolling over, having a hidden image appear

2006-06-19 Thread Stuart King
I don't understand how to get the label image of each specific winery( a grey, arial and bigger letters) in the image box with question marks, when hovering over the individual wineries. Then when mousing out, have it disappear. URL: http://www.skingdesign.com/mcNeil_site/wineries2.htm thank

Re: [css-d] Interesting bug... vanishing links!

2006-06-19 Thread Kenny Millington
Please have a look at http://www.wdam.co.uk/clients/dynam/hh/ If you look in Firefox, they all work fine on the front page. But if you click on homeseeker, the developer and landowner links stop working. Anyone seen this kind of thing before, or can offer advice? The Web Developer toolbar

Re: [css-d] Interesting bug... vanishing links!

2006-06-19 Thread Els
[EMAIL PROTECTED] wrote: I seem to have a bug with vanishing links. Nope, it is not a bug. Please have a look at http://www.wdam.co.uk/clients/dynam/hh/ If you look in IE, all the links (are you a, homeseeker, etc) work fine. If you look in Firefox, they all work fine on the front page.

Re: [css-d] Interesting bug... vanishing links!

2006-06-19 Thread css
On Mon, Jun 19, 2006 at 03:12:54PM +0200, Els wrote: The links on the right are covered by the triangle. Set a border for #triangle in your stylesheet and you'll see it. Doh. Thanks - I thought I had that the right size and didn't think to try testing with a border - Ill remember that for

Re: [css-d] Multiple class name support

2006-06-19 Thread cj
The wiki doesn't say there is any issue with class=one two three in IE. I use that extensively and haven't seen any problems with any browsers as far back as IE 5.0. The problem is when you try to use a CSS selector like .one.two {}, which doesn't work at all in IE. But you can certainly use

Re: [css-d] HR color

2006-06-19 Thread Els
Ian Young wrote: Having put color of HR into class as follows: .hrcolor {color:#ff;} and html as hr class=hrcolor / renders ok in IE but not in FF. If I use background:#ff; then FF renders darker color. What say you for solution? .hrcolor{ color:#ff; /* for IE */

Re: [css-d] rolling over, having a hidden image appear

2006-06-19 Thread Christian Heilmann
I don't understand how to get the label image of each specific winery( a grey, arial and bigger letters) in the image box with question marks, when hovering over the individual wineries. Then when mousing out, have it disappear. URL: http://www.skingdesign.com/mcNeil_site/wineries2.htm a)

Re: [css-d] 4-col and/or 5-col simple layouts: Examples to learn from?

2006-06-19 Thread David Laakso
Micky Hulse wrote: Hi David, thanks for you quick response. :) David Laakso wrote: I think the problem at four columns and up becomes how do you present content without resorting to unreadable mousetype. Good point... if I understand what your saying that is..., how do you mean

[css-d] aligning a p tag with the top of a div in IE

2006-06-19 Thread Debbie Campbell
Hello all, I cannot figure out how to get the p tag to line up with the top of a particular div in IE6. It works fine in Firefox. You'll see the p tag in green, contained in a yellow div, near the bottom of this page: http://www.parallaxwebdesign.com/projects/parallax_r2/portfolio.php I know

Re: [css-d] 4-col and/or 5-col simple layouts: Examples to learn from?

2006-06-19 Thread Tom Livingston
The article on that page, is a *wonderful and worthwhile read*-- the author of the article did /not/ set the moustype. As I was about to comment on how the text can just be scaled up to suit, I scaled it up myself in Mac Flock (FF) and was amazed to see that when the nav, for starters, gets

Re: [css-d] aligning a p tag with the top of a div in IE

2006-06-19 Thread Els
Debbie Campbell wrote: I cannot figure out how to get the p tag to line up with the top of a particular div in IE6. It works fine in Firefox. You'll see the p tag in green, contained in a yellow div, near the bottom of this page:

Re: [css-d] Multiple class name support

2006-06-19 Thread Sam Brown
Actually, IE has issues with multiple selectors. Not that it doesn't work, just that there are caveats (that have bitten me several times). Refer to the wiki for details: http://css-discuss.incutio.com/?page=MultipleClasses The wiki doesn't say there is any issue with class=one two

[css-d] Mysterious Black Line

2006-06-19 Thread tedd
Hi people: I'm not asking for anyone to root out a solution for me, unless you want. What I would like is IF anyone has seen this phenomena before and can point me in the right direction to find a solution. It has been pointed out to me that a Mysterious Black Line appears at the top left of

Re: [css-d] Mysterious Black Line

2006-06-19 Thread cj
On 6/19/06, tedd [EMAIL PROTECTED] wrote: It has been pointed out to me that a Mysterious Black Line appears at the top left of my web page http://www.sperling.com/examples/menuh/ when viewing the page via Firefox 1.5.0.4 running on Mac OS X 10.4.6. This line doesn't appear on any other

[css-d] Controlling spacing between menu elements

2006-06-19 Thread Michelle Tarby
I'm starting to work on a new flyout menu but would like to cut down the space between the elements that appear on the rollovers. There are some IE issues I'm working on now, but you can get the general idea at: http://wwwdev.lemoyne.edu/information_technology/menu.htm The style sheet is at

Re: [css-d] floats or margin alignment?

2006-06-19 Thread Bruce Gilbert
so for a two col layout as an example you would float the first col left and for the second col add margin-left to clear the first col, and add spacing, but there would be no need to float the sec col, right. Would that be the best approach? On 6/18/06, Ed Seehouse [EMAIL PROTECTED] wrote: On

Re: [css-d] Firefox leaving big space

2006-06-19 Thread Schalk
Mary Stoughton wrote: I am hving a problem with my site in Firefox. IE is fine. http://trisms.com/NEW/index.html The content div leaves a big gap. I have a p then it won't allow the next h2 and p until after it passes the left nav div. Are you floating any elements above the h2? If

Re: [css-d] Mysterious Black Line

2006-06-19 Thread Els
tedd wrote: Hi people: Hi person ;-) I'm not asking for anyone to root out a solution for me, unless you want. What I would like is IF anyone has seen this phenomena before and can point me in the right direction to find a solution. It has been pointed out to me that a Mysterious Black

[css-d] Positioning Problem with IE 5 for the Mac and IE 6 for the PC

2006-06-19 Thread David Brix
Hello, I am new to this list, and have been working with CSS now for close to a year. I have embraced the use of XHTML/CSS for building my websites, but am still learning how to work around the idiosyncrasies of Internet Explorer. I have a website that I have created and have had difficulties

Re: [css-d] Firefox leaving big space

2006-06-19 Thread Gunlaug Sørtun
Mary Stoughton wrote: I am hving a problem with my site in Firefox. IE is fine. http://trisms.com/NEW/index.html IE is saved by its 'Layout'[1] bug - again :-) The content div leaves a big gap. I have a p then it won't allow the next h2 and p until after it passes the left nav div. You

Re: [css-d] floats or margin alignment?

2006-06-19 Thread Ed Seehouse
On 6/19/06, Bruce Gilbert [EMAIL PROTECTED] wrote: so for a two col layout as an example you would float the first col left and for the second col add margin-left to clear the first col, and add spacing, but there would be no need to float the sec col, right. Would that be the best approach?

[css-d] Position of text in nav menu issues

2006-06-19 Thread Mike Tuller
I am having troubles with the vertical positioning of the text in a navigation menu that I have created. It is not centered vertically, and when I try to change the margin, the background image moves with it. Can someone take a look at this and see where I am going wrong? I have looked at it for

Re: [css-d] Columns selectable in isolation

2006-06-19 Thread Frans Englich
On Sunday 18 June 2006 15:50, Jim Nannery wrote: Morning Frans Hello Jim, Hi everyone, Look at the attached XHTML. Because of list policy [1], attachments are stripped from incoming mail. Thanks for bringing me up to speed on that. My apologies for not having investigated this in

[css-d] Help with layout problem in IE6 (maybe 5 too)?

2006-06-19 Thread Nick Casares
I've got a layout that I've been working on here: http://www.nova-web-solutions.com/new/ It works great in Safari and FIrefox Mac/Win, but breaks in IE 6 (possibly 5, but I haven't tested). I have a feeling it has to do with the order of my code, but I can't quite figure it out. Does

Re: [css-d] Mysterious Black Line

2006-06-19 Thread tedd
Hi people: I asked: It has been pointed out to me that a Mysterious Black Line appears at the top left of my web page http://www.sperling.com/examples/menuh/ when viewing the page via Firefox 1.5.0.4 running on Mac OS X 10.4.6. cj said use: a img {border: none !important;} -- which worked

[css-d] Problem with Firefox 1.5.0.4 / Win and 1.0.8 Linux

2006-06-19 Thread Andreas Kakanis-Silk
Dear colleages I am very new to CSS, and am trying out some designs for a new website using only CSS and HTML as much as possible, based on Eric Meyer's two great books, EM on CSS and More EM on CSS. The particular problem I am having with Firefox (both under Windows XP and Linux) is that it

Re: [css-d] Mysterious Black Line

2006-06-19 Thread Els
tedd wrote: The line is the top border of this element: a href=#narrowparagraphimg src=images/gifs/transparent.gif alt=Skip Navigation height=2 width=2/a Which carries the image border thing problem. I placed that there for accessibility Skip Navigation, which as my Mom used to say No

[css-d] Image Fading Effect w/ CSS

2006-06-19 Thread TMH Design
Look at this page please - http://www.santarosadentist.com/enriching_lives.htm When you mouse over the pictures the opacity changes, or so it would seem. Can this same effect be achieved using CSS only? Tom __ css-discuss [EMAIL

Re: [css-d] Image Fading Effect w/ CSS

2006-06-19 Thread Ben Liu
You can do this with a:hover and two separate background images I think. - Ben On 6/20/06, TMH Design [EMAIL PROTECTED] wrote: Look at this page please - http://www.santarosadentist.com/enriching_lives.htm When you mouse over the pictures the opacity changes, or so it would seem. Can this

[css-d] List menu

2006-06-19 Thread Tom Livingston
Here's the css: #mainnav{text-align:left; background-color:#aca195;} #mainnav ul{font-size:.8em; color:#fff; list-style-type:none;} #mainnav ul li{padding:.7em; display:inline;} and the html: div id=mainnav ul liProfessional Liability Insurance/li

[css-d] Weird Firefox bug in a href

2006-06-19 Thread Carl Youngblood
I'm having a strange problem where clicking on an ordinary a href link is not loading the page it points to properly in Firefox. Instead, it is just jumbling up the placement of the page but not sending another http request to the server. Please check this out:

Re: [css-d] Weird Firefox bug in a href

2006-06-19 Thread Els
Carl Youngblood wrote: On 6/19/06, Carl Youngblood [EMAIL PROTECTED] wrote: I'm having a strange problem where clicking on an ordinary a href link is not loading the page it points to properly in Firefox. Instead, it is just jumbling up the placement of the page but not sending another http

Re: [css-d] Image Fading Effect w/ CSS

2006-06-19 Thread [EMAIL PROTECTED]
depends on the desierd effect - here's an example with a single image and opacity: www.dottedi.biz/codesamples/opacity_upon_hover.html View source - the CSS is contained. JavaScript is commonly used for more complex fading type transitions. TMH Design wrote: Look at this page please -

Re: [css-d] Image Fading Effect w/ CSS

2006-06-19 Thread Ben Liu
Current browsers don't have good widespread support for changing image opacity. Right now only a few are capable, Opera and Safari I think. IE5/6 definitely do not so it can't be done purely with CSS. By having two variations of each image, one at 100% opacity and a matching one at a lower

Re: [css-d] Image Fading Effect w/ CSS

2006-06-19 Thread Bob Boisvert
I may be getting in on this a little late but there's a good explanation / tutorial for image opacity with CSS at this web site. My apology if this has been stated already. http://www.mandarindesign.com/opacityblending.html Bob -- No virus found in this outgoing message. Checked by AVG Free

Re: [css-d] Image Fading Effect w/ CSS

2006-06-19 Thread Micky Hulse
TMH Design wrote: Look at this page please - http://www.santarosadentist.com/enriching_lives.htm When you mouse over the pictures the opacity changes, or so it would seem. Can this same effect be achieved using CSS only? Tom You might find this useful:

[css-d] Full surface clickable dt/dd pairs

2006-06-19 Thread G
1st time poster In a search for a semantic navigation of chapters I came up with a dl; with a short description of the link (dt) in dd, and a bg picture for dt. I floated and stretched the dta over the the dd, and it works in FF; the full surface is clickable. In IE however the dta float is

Re: [css-d] Weird Firefox bug in a href

2006-06-19 Thread Carl Youngblood
When I remove the display:table, my pixel borders disappear. Do you have any idea about how I can keep those borders but get rid of the other unwanted properties? I'd like this div to expand as the width of the browser expands. THanks, Carl On 6/19/06, Els [EMAIL PROTECTED] wrote: Carl

[css-d] CSS layout breaks in IE6 when window is narrow

2006-06-19 Thread Debbie Campbell
I'm not sure what to call this problem... When you narrow the width of the browser window far enough, the right-side div breaks and shows up below the two left columns (green and blue) in IE 6. Doesn't happen in FF. http://www.parallaxwebdesign.com/projects/parallax_r2/ #content-right {

Re: [css-d] rolling over, having a hidden image appear

2006-06-19 Thread francky
Christian Heilmann wrote: I don't understand how to get the label image of each specific winery( a grey, arial and bigger letters) in the image box with question marks, when hovering over the individual wineries. Then when mousing out, have it disappear. URL:

[css-d] does anyone know why SIFR technique makes other image replacement techniques not work

2006-06-19 Thread ben scott
i have been trying to implement SIFR and have it working however it seems to affect other image replacement techniques being used on the page for a top logo on a h1 was wondering if this is something someone else has come across and why it is doing the replacement on this h1 element when it

[css-d] does anyone know why SIFR technique makes other image replacement techniques not work

2006-06-19 Thread ben scott
i have been trying to implement SIFR and have it working however it seems to affect other image replacement techniques being used on the page for a top logo on a h1 was wondering if this is something someone else has come across and why it is doing the replacement on this h1 element when it

Re: [css-d] CSS layout breaks in IE6 when window is narrow

2006-06-19 Thread Bob Easton
Debbie Campbell wrote: I'm not sure what to call this problem... When you narrow the width of the browser window far enough, the right-side div breaks and shows up below the two left columns (green and blue) in IE 6. Doesn't happen in FF.

Re: [css-d] Image Fading Effect w/ CSS

2006-06-19 Thread francky
Micky Hulse wrote: TMH Design wrote: Look at this page please - http://www.santarosadentist.com/enriching_lives.htm When you mouse over the pictures the opacity changes, or so it would seem. Can this same effect be achieved using CSS only? Tom You might find this useful:

Re: [css-d] Image Fading Effect w/ CSS

2006-06-19 Thread Micky Hulse
francky wrote: Hi all, Another contribution: img-rollover + fading in, also with css only (eh, and 2 images): testpage http://home.tiscali.nl/developerscorner/css-discuss/css-hoverfade.htm. Ah, pretty cool actually... I would have never thought to use a .gif. But, it seems it has potential

Re: [css-d] Full surface clickable dt/dd pairs

2006-06-19 Thread francky
G wrote: 1st time poster In a search for a semantic navigation of chapters I came up with a dl; with a short description of the link (dt) in dd, and a bg picture for dt. I floated and stretched the dta over the the dd, and it works in FF; the full surface is clickable. In IE however the dta

Re: [css-d] Weird Firefox bug in a href

2006-06-19 Thread Els
Carl Youngblood wrote: On 6/19/06, Els [EMAIL PROTECTED] wrote: On 6/19/06, Carl Youngblood [EMAIL PROTECTED] wrote: http://constructioncapitalsource.com/test/sample.html [snip] if you either take off display:table, or add a set width to #container, nothing collapses, When I remove the