[css-d] Diagonal lines

I am trying to come up with a solution for a diagonal line using HTML and CSS.  I rely on javascript as a solution for this predicament. I have tried the following items: - Basic SVG with given width/height such as the following: http://www.w3.org/2000/svg";> This approach works, but Inte

[css-d] Using CSS to not display submit input text

I have already created an input element of type submit as follows input type="submit" alt="Next" class="next_button" That has the following styles applied: .next_button { background:transparent url(next.jpg) no-repeat scroll 0 0; border:none; height:34px; width:70px; color:transparent; font-siz

[css-d] CSS ul/li and inline display

I have a page using an unordered list with a custom list style image. This works fine until I set the child li elements to use display: inline; at which point the list style image disappears.I have tried adding margins and padding, but neither seems to help. Will I need to add a background im

Re: [css-d] Rounded Corners

Georg is right about having to wait for major browsers to catch up. You may also wish to take a look at: http://code.google.com/p/curved-corner/ It does not work in Opera (not even 10.20 alpha), but in all the other browsers I have tested on various platforms. On Wed, Dec 2, 2009 at 2:01 PM, Ch

Re: [css-d] Vertical Align Theory

I disagree. The idea that using display: table-cell does not seem to be any more semantically correct than simply placing the element in a table cell according to the W3C (http://www.w3.org/TR/CSS2/tables.html#value-def-table-cell): table-cell (In HTML: TD, TH) Specifies that an eleme

[css-d] Vertical Align Theory

If I am vertically aligning an element it seems that the only way to consistently do so with standard css is to implement a "display: table-cell; vertical-align: middle;" style on the container. Is there any benefit this affords me over just creating a table? I seems odd to me that the new hero f

Re: [css-d] max-width in Safari/IE

(that is to say that the text contained therein [rather than wrapping as it does in other browsers] forces the cell, and therefore table to expand beyond the set boundaries of the parent dom element). On Mon, Mar 23, 2009 at 10:50 AM, Jack Blankenships wrote: > After experimenting some more I h

Re: [css-d] max-width in Safari/IE

s, etc.? Thanks, Jack On Mon, Mar 23, 2009 at 10:26 AM, Gunlaug Sørtun wrote: > Jack Blankenships wrote: >> >> Apparently there was a table there as well, and max-width does not apply >> to a table very nicely in Safari or Internet Explorer.  Can anyone offer >> some more e

Re: [css-d] max-width in Safari/IE

Apparently there was a table there as well, and max-width does not apply to a table very nicely in Safari or Internet Explorer. Can anyone offer some more explanation on this? Thanks, Jack On Mon, Mar 23, 2009 at 9:50 AM, Jack Blankenships wrote: > Apparently there was a table there as w

[css-d] max-width in Safari/IE

Is there a way to get a max-width attribute to work in Safari and Internet Explorer? Supposedly both browsers suppourt it, but I can't find an example of either doing so. In theory I would like to add a class to a div like so: .container { width:100%; max-width: 960px; } I would

Re: [css-d] Same Dynamic Width

Using display: inline-block seems to work for now, but I am wondering what circumstances may cause that to fail. On Tue, Nov 11, 2008 at 3:40 PM, Jack Blankenships <[EMAIL PROTECTED]> wrote: > http://mylittletestsite.com/same_dynamic_width.html > > In theory the first section

Re: [css-d] Same Dynamic Width

http://mylittletestsite.com/same_dynamic_width.html In theory the first section should have the header stop at 800px. The second should stop at 400px for both the header and the content. On Tue, Nov 11, 2008 at 3:23 PM, Gunlaug Sørtun <[EMAIL PROTECTED]> wrote: > Jack Blankensh

[css-d] Same Dynamic Width

Any suggestions on how to make two items have the same dynamic width? For example, if I have two divs with one being a header and a second with content. I want to make the header div expand to fill the same width as the content div. I have tried enclosing both in a parent div and giving the con

Re: [css-d] :active with display: none

not allow for using the tab key to move between links (which incidentally seems like an accessibility flaw). I will try some experiments using the visibility attribute rather than the display attribute. On Wed, Oct 8, 2008 at 6:38 PM, David Hucklesby <[EMAIL PROTECTED]> wrote: > On Wed, 8

Re: [css-d] :active with display: none

Gunlaug Sørtun <[EMAIL PROTECTED]> wrote: > Jack Blankenships wrote: >> >> I want to make it so that an active link makes the parent element >> disappear. The element does disappear when I place an :active pseudo-class >> on the parent element to change the display

[css-d] :active with display: none

I want to make it so that an active link makes the parent element disappear. The element does disappear when I place an :active pseudo-class on the parent element to change the display to none, however the link ceases to function (i.e. - clicking on it does nothing). Working example: http://www.c

[css-d] Overflow and no

Any ideas on how to have an element's overflow property apply to some children but not to others? For example, I have a div that contains a table/grid that I want to have set to overflow: auto on a specific height. This way the results stay within a specific set of dimensions and do not push the

Re: [css-d] CSS Select Box

> because this sounds like the same arrangement. > > > > - Original Message - From: "Jack Blankenships" > <[EMAIL PROTECTED]> > To: > Sent: Monday, October 06, 2008 4:19 PM > Subject: [css-d] CSS Select Box > > >> I am building a pseudo-

Re: [css-d] CSS Select Box

Apparently the problem was the application of the z-index property to the ul element rather than the li element. On Mon, Oct 6, 2008 at 10:17 AM, Jack Blankenships <[EMAIL PROTECTED]> wrote: > Please see the example at http://cssprovingground.com. The bottom one > works fine because

[css-d] CSS Select Box

I am building a pseudo-"select" with css to allow for submenus/subselects, i.e. when an element with sub options is hovered, another set of options appears to the right. With the provided css and sample HTML below this functionality works just fine, however when I place this into rows of a table f

Re: [css-d] Max-width/min-width percentage in IE 6

: 100%; max-width: 100%; border: none; position: absolute; top: 0px; left: 0px;} ... Any other suggestions? On Mon, Mar 17, 2008 at 10:47 AM, Gunlaug Sørtun <[EMAIL PROTECTED]> wrote: > Jack Blankenships wrote: > > I am trying to apply a max-width and min-width featur

[css-d] Max-width/min-width percentage in IE 6

I am trying to apply a max-width and min-width feature to a page for IE6, but all of the examples I see online appear like this: (see: http://www.antix.co.uk/code/css/imposing_minimum_width/default.htm) #example_3 .main { min-width:450px; /* IE Dynamic Expression to set the width */

Re: [css-d] Fluid images

problem and been able to find a javascript solution that uses as much css as possible? On Jan 25, 2008 5:34 PM, Stephan Wehner <[EMAIL PROTECTED]> wrote: > On Jan 25, 2008 10:42 AM, Jack Blankenships > <[EMAIL PROTECTED]> wrote: > > I have been reading some articles > &

[css-d] Fluid images

I have been reading some articles (http://www.alistapart.com/articles/elastic/ , http://www.htmldog.com/articles/elasticdesign/demo/ , http://www.antix.co.uk/code/css/imposing_minimum_width/example_3.htm , etc), but I am not finding the answer I am looking for. I want to have an image (several ima