Re: [css-d] Border: Double

On Mon, Nov 28, 2011 at 17:36, Paceaux pace...@madebypaceaux.com wrote: There's another CSS3 trick you can try, but I don't think it has as wide support as the box-shadow trick. You *do* add border and outline, and then apply outline-offset: border: 1px solid #444; outline: 3px solid #444;

Re: [css-d] Border: Double

On Tue, Nov 29, 2011 at 11:14, Paceaux pace...@madebypaceaux.com wrote: Is this a known defect/bug in Opera? I can't imagine a scenario where I'd intentionally apply an outline to an invisible element. But, I can see this as a good bit of information where we've gotten our selectors wrong,

[css-d] Left-aligned navigation buttons with gradient fade on right

Hello folks, The site I maintain currently has its navigation in a table (don't ask): div class=nav table tr tdMenu item 1/td tdMenu item 2/td tdMenu item 3/td /tr /table /div The styles currently put .nav at 100% width with a background-color, and apply some

Re: [css-d] Left-aligned navigation buttons with gradient fade on right

Hi, I guess I wasn't clear in my original email. I plan to use CSS3 for the gradient, and possibly IE filters to make this work in older IE. My problem is with the layout. I want the gradient to start at the right edge of the menu items and go until the right edge of the parent. div class=nav

Re: [css-d] Making A Link Disappear When Revisited By A Reader

On Fri, Jun 10, 2011 at 14:54, Brian Kardell bkard...@gmail.com wrote: Oh I see - I think I misread... Sorry :) But yes, I think the idea would still be to use visited somehow. I don't think that what is described here would necessarily work though - would it? I mean, if the one clicked were

Re: [css-d] Debugging IE

On Wed, Jan 5, 2011 at 10:47, Colin (Sandy) Pittendrigh sandy.pittendr...@gmail.com wrote: also, I (think) I have noticed IE6 on old low-resolution laptops sometimes looks substantially different than IE6 running on an XP box plugged in to a high-resolution monitor. So perhaps a person

Re: [css-d] Footer on odd pages only

On Mon, Dec 20, 2010 at 18:40, Evan Panagiotopoulos epana...@gmail.comwrote: I create a string of html documents using php. Each document prints one sheet of paper. [snip] If I use: div id=print-footer Using id=... to call the css and I only get the footer properly placed on the first page

Re: [css-d] Multiple select dropdown on a single line

Tod, It seems that when you make the height of the select too small there isn't room for the scrollbar. This simple hack might give you some ideas: select { height: 1.5em; } select:focus { height: 3em; } You can also use Javascript to achieve a similar effect. I tried playing around

Re: [css-d] styling non-english fonts

From: Angela French Subject: [css-d] styling non-english fonts I am creating some foreign language pages. Cambodian/Khmer renders vastly different font sizes between browsers. Other than making style sheets for each browser to style all my page elements, is there some other way? I've

Re: [css-d] Does M$ filter fail in IE 7?

-Original Message- From: David Hucklesby [mailto:huckle...@gmail.com] Sent: June 8, 2010 10:13 To: Mark Richards Cc: css-d Subject: Re: [css-d] Does M$ filter fail in IE 7? Thanks for taking a look, Mark. But from your screen-shot, it does not look like you applied any zoom

Re: [css-d] Fraction bar

This is far to complex. In maths, a fraction 3 over 2 is also the same as 3 divided by 2. This markup and CSS does this. sup3/sup/sub2/sub -- Alan http://css-class.com/ I run your code and saw your demo, but I wanted a horizontal line. I took Alan's sample and expanded on it to

Re: [css-d] why does Firefox add padding?

The wide column is divided into identical sections. Each section has an image floated left, and a title and description to the right. The words This is the title are supposed to be aligned with the top of each image. Mockup.css has .content-item h3 { padding: 20px 0px 3px 0px; } I

Re: [css-d] replace submit button with image, entirely with css?

-Original Message- I have a web application that I hope to style entirely with CSS, if possible I want to replace this button with an image, so I tried the following CSS, input { background-color: transparent; background-image: url('index.png'); background-repeat:

Re: [css-d] Implementing float: center;

No. I want fixed center, liquid secondary. Three versions (Georg Sortun) depending on the source order you seek: http://www.gunlaug.no/tos/moa_27a.html http://www.gunlaug.no/tos/moa_27b.html http://www.gunlaug.no/tos/moa_27c.html Now this *is* what I want. When I saw this

Re: [css-d] : CSS Code Readibility ::

Does it really matter if your visitors have to wait for a page to load? It's getting off-topic but on a popular site reducing the size of any resources, including CSS files, can save money if you pay for bandwidth. Even if the user-experience isn't materially affected it may affect the site

Re: [css-d] Targeting IE8 (was: IE8 is better but still slightly broken)

-Original Message- Why are you suggesting in the first place to pollute your source with different conditional comments on every single page of a site. That seems like to much work and maintenance for me. Is that what you do? Well, the pages of the sites I work on are generated

Re: [css-d] Targeting IE8 (was: IE8 is better but still slightly broken)

-Original Message- From: Alan Gresley Conditional Comments can be problematic to maintained and some beginners will start adding them to every page. Sometimes if it's not a true CCS rendering issue at all but just incorrect understanding of CSS or invalid CSS and markup. I don't

[css-d] Targeting IE8 (was: IE8 is better but still slightly broken)

I'm curious as to why you're targeting various IEs with hacks when conditional comments let you do the same thing? Especially if the hacks are used to import external sheets in the first place, it seems to me it's easier to just use CCs to load browser-specific fix-up sheets in the first place.

[css-d] Table-like layout for UL/LI

Hi, I am trying to simplify the code for an existing site. We have a button bar that is rendered using a table. I figured, why not switch to UL/LI but the problem I ran into is that the browser will automatically resize the table columns to spread them out evenly but won't do this for the LI

Re: [css-d] Safari 3 display:inline issue in standards mode

Thus, the double-styling... element {display: inline; display: inline-block;} ...may work in your case. Or selector {display:-moz-inline-box; display:inline-block;} The order is important here. The last property always wins (normal css cascade), except if it is unsupported. FX 2 will

[css-d] Safari 3 display:inline issue in standards mode

Hello, The website I work on uses a lot of pre-fab HTML widgets including a rather complicated button, which I can't change. The problem is the button is wrapped in a div wrapped in a table. Anyway, I want to put it on one line of text which I usually do by setting its display to inline. However