[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: svg xmlns=http://www.w3.org/2000/svg;line x1=0 y1=100% x2=100%

[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-size:0;

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,

[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

[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

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

[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

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 learningcssindet...@gmail.com wrote: Apparently

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

.? Thanks, Jack On Mon, Mar 23, 2009 at 10:26 AM, Gunlaug Sørtun gunla...@c2i.net 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 explanation on this? Have

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 learningcssindet...@gmail.com wrote: After

[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

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 Blankenships wrote: Any

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 should have the header

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

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 Oct 2008 15:39:17 -0600, Jack Blankenships wrote: How

[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:

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

[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 to none, however the link ceases to function (i.e. - clicking

[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

[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

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

Re: [css-d] CSS Select Box

this sounds like the same arrangement. - Original Message - From: Jack Blankenships [EMAIL PROTECTED] To: css-d@lists.css-discuss.org Sent: Monday, October 06, 2008 4:19 PM Subject: [css-d] CSS Select Box I am building a pseudo-select with css to allow for submenus/subselects, i.e

[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] Max-width/min-width percentage in IE 6

at 10:47 AM, Gunlaug Sørtun [EMAIL PROTECTED] wrote: Jack Blankenships wrote: 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

Re: [css-d] Fluid images

this 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 (http://www.alistapart.com/articles/elastic

[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