Re: [css-d] ADMIN: CSS Sprite Generator

questions that would be better not asked? It seems to me that it goes both ways. As a side note, that thread was dead already. -- Regards, Thierry @thierrykoblentz www.tjkdesign.com | www.ez-css.org | www.css-101.org __ css-d

Re: [css-d] CSS Sprite Generator

Chetan > @Thierry, @David > I think the way you answered Sarah's question was insulting and > condescending. I think the question was a perfectly valid one. Sure, a > Google search would partially provide a solution to Sarah's query, but > she asked the que

Re: [css-d] CSS Sprite Generator

> I love using CSS Sprites (http://www.alistapart.com/articles/sprites) > But I hate making them in Photoshop. > I happen to have one of those essential attributes of a programer (I am > lazy). http://lmgtfy.com/?q=sprites+generator -- Regards, Thierry @thierrykoblentz www.t

Re: [css-d] stacked nav in IE7

tional comment after the LIs: -- Regards, Thierry @thierrykoblentz www.tjkdesign.com | www.ez-css.org | www.css-101.org __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- ht

Re: [css-d] stacked nav in IE7

loat:left; } The two first declarations in the second rule create the problem. You should just get rid of the second rule. -- Regards, Thierry @thierrykoblentz www.tjkdesign.com | www.ez-css.org | www.css-101.org __ css-discus

Re: [css-d] Browser hacks vs PHP vs JS for browser detection

ctually do that? fwiw, I do not use Conditional Comments and I do not do UA sniffing either. I use CSS filters in my styles sheets. Imho, that's where styling belong. -- Regards, Thierry @thierrykoblentz www.tjkdesign.com | www.ez-css.o

Re: [css-d] Hello to the Group

Welcome! > I am hoping that someone in the group can > supply some great tutorials on CSS that will help in my endeavor to > become more proficent in CSS markup. http://www.css-101.org -- Regards, Thierry @thierrykoblentz www.tjkdesign.com | www.ez-css.org | www.cs

Re: [css-d] unable to over ride an li

mment it is to help authors spot the element in the sheet and/or document, not to tell them what we're actually doing. That's because our short selector makes that obvious. -- Regards, Thierry @thierrykoblentz www.tjkdesign.com | www.ez-css.org | www.css-101.org

Re: [css-d] unable to over ride an li

Hi Philip, > > Imho, using element#id to increase the weight of a rule makes sense, > but not > > when it is used as a hint to help us read and understand rules. I'd > think > > /*comments*/ are better suited for that. > > I'm afraid I can't agree

Re: [css-d] unable to over ride an li

ations {font-size:1.24em;} With the latter, once they've found the *key selector* (the rightmost one), they are done! With the former, they need to keep going until they reach #mainmenu -- Regards, Thierry @thierrykoblentz www.tjkdesign.com | www.ez-css.org | www.css-101.org __

Re: [css-d] unable to over ride an li

> Try this: > > DONATIONS > > CSS: #container #mainmenu ul li#last {float:right;font-size:1.24em;} Why going through so many elements? It can't be good regarding performance and it increases specificity for no reason. I'd go with a simple: #last {...} -- Regards,

[css-d] CSS-101

http://www.css-101.org Happy New Year! Bonne Année! -- Regards, Thierry @thierrykoblentz www.tjkdesign.com | www.ez-css.org | www.css-101.org __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman

Re: [css-d] CSS Coding Style

> > > > > Just been doing some testing on this, and IE5 doesn't pick up the styles > inside a

Re: [css-d] Is it because of my code? [correction]

, either. fwiw, I prefer increasing text-size to zooming a page for the very reason that the former does *not* create a horizontal scrollbar (with px sizing). -- Regards, Thierry www.tjkdesign.com | www.ez-css.org | @thierrykoblentz ___

Re: [css-d] The CSS Position Property

e article is: On > absolutely and fixed positioned elements, the computed value of float > is none, regardless of any float declarations. Good point, I forgot to mention this in the article. Thanks! -- Regards, Thierry www.tjkdesign.com | www.ez-css.org | @thierrykoblentz

Re: [css-d] The CSS Position Property

the computed value for display is block. Thanks a lot for your feedback. -- Regards, Thierry www.tjkdesign.com | www.ez-css.org | @thierrykoblentz __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/lis

[css-d] The CSS Position Property

I thought this article could be of interest to this list: <http://www.yuiblog.com/blog/2010/12/14/the-css-position-property/> -- Regards, Thierry www.tjkdesign.com | www.ez-css.org | @thierrykoblentz __ css-discu

Re: [css-d] Make text bottom-align?

om-alignment/> As a site note, "table-cell" would work too, but it requires more markup -- Regards, Thierry www.tjkdesign.com | www.ez-css.org | @thierrykoblentz __ css-discuss [cs...@lists.css-discuss.org] http://

Re: [css-d] [+] crashing redmond

Hi David, > Signature link crashes IETester 6/7/8 on Mac OS X 10.4 running > Parallels > XP. I find this delightful and rather amusing:-) . > Checks on native boxes appreciated. Working fine in ie7/8/9 on Win7 And ie6 on Virtual PC -- Regards, Thierry www.tjkdesign.com | ww

Re: [css-d] [+] Re: hasLayout triggering & best practice

should be no problem per se. And the first step toward progressive enhancement is to respect the separation of the three layers. -- Regards, Thierry www.tjkdesign.com | www.ez-css.org | @thierrykoblentz __ css-discuss [cs...@l

Re: [css-d] Span Style Inside Div with PHP Code

> padding-right: 1em; > } > > Note the lack of a space in the last selector. Be aware that this does not work in IE6. This browser sees the above as: .column {width: 48%} .left {float: left} .column { border-right: 1px solid #333; padding-right: 1em; } -- Rega

Re: [css-d] Span Style Inside Div with PHP Code

Hi Bill, > Many thanks, Thierry. Will settle for additional classes. Actually, you should not have a list/list items in that span. So rather than adding a class you'd better replace that span with a div (which will take the padding). As a side note, do you need that additional wrappe

Re: [css-d] Span Style Inside Div with PHP Code

> Everything I've research tells me this ought to be valid, but the style> seems to have no effect. > > > > // some code that writes an unordered list > ?> > > vertical padding will not create vertical space on inline elements --

Re: [css-d] [+] Re: hasLayout triggering & best practice

> > If having valid stylesheets is important, one could simply apply zoom > using javascript: object.style.zoom="1"; > But then your presentational layer is bound to the behavior layer :-( -- Regards, Thierry www.tjkdesign.com | www.ez-css.

Re: [css-d] hasLayout triggering & best practice

27; + meaningful name '_' + vendor identifier + '-' + meaningful name But I agree with you, I don't see this as "problematic". [1] http://www.w3.org/TR/CSS21/syndata.html#vendor-keywords -- Regards, Thierry www.tjkdesign.com | www.ez-css.org | @thierrykoblen

Re: [css-d] [+] Re: does anyone know of...

olution a "good implementation". It is not keyboard accessible, it loads all the assets at once (versus on request), and wrap four block-level elements in each anchor (not a problem in HTML5 I believe). -- Regards, Thierry www.tjkdesign.com | www.ez-c

Re: [css-d] IE positioning question

u'll get something much more robust. -- Regards, Thierry www.tjkdesign.com | www.ez-css.org | @thierrykoblentz __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ --

Re: [css-d] IE positioning question

ence is due to the fact that in IE you're using position:absolute instead of position:relative (which you use in other browsers). In any case, you should not use "position" for almost everything on your page. It adds a lot of complexity without solving any problem. -- Regards,

Re: [css-d] [+] Re: [css-d Is this proper use of div tags?

the reference is the viewport. -- Regards, Thierry www.tjkdesign.com | www.ez-css.org | @thierrykoblentz __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discu

Re: [css-d] [+] Re: OK to insert block-level tag inside div?

e big > head and date the dotted line and the blurb paragraph, now enclosed > by my > > The top margin should not create a issue like that. Did you check that you did not make a typo? Did you validate your code? Sometimes that helps. Or post a URL, that helps too ;) -- Regards, Thier

Re: [css-d] [+] Re: OK to insert block-level tag inside div?

gt; margin-top:10px; > > padding-top:10px; > > border-top:1px dotted #333; > > } > > thanks, Thierry; > > looks similar to something I fiddled with just before your email > arrived: > > .dotted { > border-top: 1px dotted #000; > paddi

Re: [css-d] [+] Re: OK to insert block-level tag inside div?

> OK..Here's a link to a graphic showing the dotted line and its > position which I'm after: > > > http://thinkplan.org/workshop/pix/dottedline.jpg Try this: .myParagraph { margin-top:10px; padding-top:10px; border-top:1px dotted #333

Re: [css-d] [+] OK to insert block-level tag inside div?

ee > "margin collapsing"). Before somebody points this out: This won't do anything regarding margins collapsing as the border would not come in between the two :-) -- Regards, Thierry www.tjkdesign.com | www.ez-css.org | @thierrykoblentz _

Re: [css-d] [+] OK to insert block-level tag inside div?

7;ll notice though, is that once you apply a border to a paragraph its margin will not collapse with the margin of its sibling (see "margin collapsing"). > Can I throw in a and apply a border-bottom to that or is that > considered bad coding? Bad coding, yes :) -- Regards, Thi

Re: [css-d] [+] Re: [css-d Is this proper use of div tags?

the blue box. If such styling has an effect on the box, it is because that blue box is offset from *its* normal position in the flow. *its* position, not the position of siblings, or document, etc. That's the reference point for the 200px, nothing else. [1] http://www.alistapart.com/d/c

Re: [css-d] [+] Re: [css-d Is this proper use of div tags?

example supports > his logic. Copying your post: "the blue block measures its offset 200 pixels from the left of the red block (|#box_1|) instead of the document." The red box *and* the document have nothing to do with the offset of that box. Imho, the example should not demo

Re: [css-d] [css-d Is this proper use of div tags?

author writes though... -- Regards, Thierry www.tjkdesign.com | www.ez-css.org | @thierrykoblentz __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discus

Re: [css-d] [+] Re: Is this proper use of div tags?

t; the > base layout. Use a float based layout. I second that, that's why I was really surprised to run into this article on ALA: http://www.alistapart.com/articles/css-positioning-101/ :-( -- Regards, Thierry www.tjkdesign.com

Re: [css-d] [+] Can this stretch be made to work in IE6?

nk you need that div. Did you try to style the image itself rather than wrapping it in a div? -- Regards, Thierry www.tjkdesign.com | www.ez-css.org | @thierrykoblentz __ css-discuss [cs...@lists.css-discuss.org] http://www.cs

Re: [css-d] [+] Re: Box Model and Background-image

ing-box: Thanks Philippe, In my mind we're talking background, not just background images. The background-color is painted in the border box, but yes it would not make much sense to have the background-image within the same boundaries. -- Regards, Thier

Re: [css-d] [+] Re: faux column issue...

uld keep the content wrapper and then read the article you posted ;-) Or use the footer to clear the three floats. -- Regards, Thierry www.tjkdesign.com | www.ez-css.org | @thierrykoblentz __ css-discuss [cs...@lists.css-discuss

Re: [css-d] Box Model and Background-image

> > In the CSS box model, are background images understood to occupy the > > same height and width as the outer edge of the border area? I believe it is the border box (content + padding + border) -- Regards, Thierry www.tjkdesign.com | www.ez-css.org | @thi

Re: [css-d] faux column issue...

t;page-wrap" div in case you wanted to toggle back and forth. Leave the image where it is right now and apply a white bottom border to the banner (#banner) That will do it -- Regards, Thierry www.tjkdesign.com | www.ez-css.org | @thierrykoblentz

Re: [css-d] [+] Vertical-Align, IE, line-height, and span don't mix

Jukka K. Korpela wrote: > >> In IE, the superscript mucks up the borders and margins -- it's as > >> though the element block goes up and never comes back down when I > >> close the superscript. zoom is a CSS fix for the original test case, using is a diffe

Re: [css-d] [+] Vertical-Align, IE, line-height, and span don't mix

is inside an li (not a ul), line-height: > normal doesn't fix it. You need to help IE by giving the parent a layout. Try h3 {zoom:1;} -- Regards, Thierry www.tjkdesign.com | www.ez-css.org | @thierrykoblentz __ css-discus

Re: [css-d] Positioning and spies

ont-style:italic; margin-bottom:0; padding-bottom:10px; } To understand why, search for "collapsing margin". For the top part, remove the you have before sidebar. As a side note, your construct is really weak, I'd start from scratch. And you should not use or to create vertical space. -

Re: [css-d] Positioning and spies

Two of your js files return 404 I used one of your CSS file as an example, you need to take care of the other assets -- Regards, Thierry www.tjkdesign.com | www.ez-css.org | @thierrykoblentz __ css-discuss [cs...@lists.css-d

Re: [css-d] Spries

Your css file is here: http://138.26.120.126/CAMAC/SpryAssets/SpryMenuBarVertical.css But you link to: http://138.26.120.126/SpryAssets/SpryMenuBarVertical.css via Try: -- Regards, Thierry www.tjkdesign.com | www.ez-css.org | @thierrykoblentz > -Original Message- > From:

Re: [css-d] right column to extend all the way (and funny video)

gmagazine.com/2010/11/08/equal-height-columns-using-borde rs-and-negative-margins-with-css/> No image, no extra markup, no CSS3, no pseudo-classes, no Javascript, no absolute positioning... -- Regards, Thierry www.tjkdesign.com | www.ez

Re: [css-d] [+] Re: evenly spacing

hat flag is not / cannot > be reset by the subsequent 'display: inline' [1]. > However, a couple of times I've seen IE 7 refuse to play along, and > adding 'zoom:1' for IE 7 (and 6) was the only way to force it to > comply. I ran into the same issue

Re: [css-d] evenly spacing

ed for the *+html and * html hacks as zoom will not validate anyway. -- Regards, Thierry www.tjkdesign.com | www.ez-css.org | @thierrykoblentz __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listi

Re: [css-d] Aligning a floated image with the top of following text

t, it is because leading is not applied to replaced elements. -- Regards, Thierry www.tjkdesign.com | www.ez-css.org | @thierrykoblentz __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/cs

Re: [css-d] evenly spacing

e-block in IE 6/7 is to style elements with: display:inline;zoom:1;width:; Making sure to not give a layout to nested elements. -- Regards, Thierry www.tjkdesign.com | www.ez-css.org | @thierrykoblentz __ css-discus

Re: [css-d] A question on CSS compression and minifcation

minification is unimportant unless you have a horrendously complex > and verbose CSS file such as, for example, Yahoo developers tend to write > :-) Imho, it's all about perceived speed, so I'd say minification makes sense regardless of the "quality" or length o

Re: [css-d] css with js disabled

ly and flush left to the red > rule. > > What to do? > > if I understood you correctly. I think it's me who didn't understand the question. I thought David wanted the numbers below each other... -- Regards, Thierry www.tjkdesign.com | www.ez-css.org | @thierrykoblentz _

Re: [css-d] [+] css with js disabled

. > What to do? What about using a list for these numbers? Followed by the divs. Each one being a "jump link" to the related image. With JS off, you would only have to "un-float" the list items. -- Regards, Thier

Re: [css-d] [+] Question about "auto"

ded to make the sum of the seven equal to the parent's width. Otherwise, if both margin-left and margin-right are auto, they will be set to equal values. This will center the element inside its parent. If auto is set as the value for one of the seven properties in an element that is i

Re: [css-d] z-index issue in IE7

://www.redkitecreative.com/projects/performance/ We were a few to suggest a solution. Did you try all of them? I believe the styling in my previous email should fix your issue across the board. -- Regards, Thierry www.tjkdesign.com | www.ez-css.org | @thierrykoblentz ___

Re: [css-d] z-index issue in IE7

E "position:relative alone creates a new stacking context. So I'd add: "z-index:1" to the ".menu-primary-menu-container" rule and I'd *remove* the z-index declaration from "#maincontent" As a side note, there is no reason to put this in a Conditional C

Re: [css-d] Image placement issue in IE

s is because you're styling the P with a width which triggers hasLayout. In IE, you end up with two "block formatting contexts" next to each other; so because of its width, the second one can't fit next to the other. -- Regards, T

Re: [css-d] Spry problems

fwiw, I totally agree (my only issue with filter is related to performance), but as a side note I find the value odd. Why not 0 instead of 0.1? The value here should not match the value of the CSS property since for IE it goes from 0 to 100. So the 0.1 above does not represent 10%, but 0.1% -- Re

Re: [css-d] [+] Re: How-to prevent a float drop in ie6

> On 10/29/10 1:42 AM, Thierry Koblentz wrote: > > This article shows how to make IE6 behave (almost) like modern > browsers: > > > > http://www.yuiblog.com/blog/2010/10/28/css-quick-tip-how-to-prevent- > a-float- > > drop-in-ie6/ > > > Thanks! As a

[css-d] How-to prevent a float drop in ie6

This article shows how to make IE6 behave (almost) like modern browsers: http://www.yuiblog.com/blog/2010/10/28/css-quick-tip-how-to-prevent-a-float- drop-in-ie6/ HTH -- Regards, Thierry www.tjkdesign.com | www.ez-css.org | @thierrykoblentz

Re: [css-d] [+] Re: how can I align input and select elements

beling with "for" attributes instead of wrapping the controls like that. > ... or simply unwrap the inputs from the labels and add this rule: > > label { display: block; } Note that it would work the same

Re: [css-d] layout problem? maybe a float problem?

ly positioned div. And even if you do that you can still remove all the clear:both in there, as you should be able to contain that float inside "#container" via overflow:hidden;zoom:1; or any other new block formatting context tr

Re: [css-d] [+] Re: sprite menu

because of the font you're using, you could also make the image *scalable*: http://tjkdesign.com/articles/tip_5.asp -- Regards, Thierry www.tjkdesign.com | www.ez-css.org | @thierrykoblentz __ css-discuss [cs...@lists.css-di

Re: [css-d] [+] Sprite technique question

"auto" and it will fill the parent container. And height:100% is not a sure thing ;-) -- Regards, Thierry www.tjkdesign.com | www.ez-css.org | @thierrykoblentz __ css-discuss [cs...@lists.css-discuss.org] http://

Re: [css-d] [+] nav link states

uestion is: How do I style such? You could take this approach: <http://www.tjkdesign.com/articles/navigation_links_and_current_location.asp > If you use Dreamweaver, check this: http://divahtml.com/products/divaGPS/current_menu_location.php -- Regards, Thierry www.tjkdesign.co

Re: [css-d] [+] Possible webkit bug with overflow and width

the element with a 0 width. The DIV shows as green, right? Not as red (background color of the nested DIVs). Also, try to reduce the test case and you'll see that overflow:hidden does not have anything to do with this. -- Regards, Thierry www.tjkdesign.com | www.ez-css.org |

Re: [css-d] menu text/image buttons not working in IE7

links The key is to keep things *simple*. -- Regards, Thierry www.tjkdesign.com | www.ez-css.org | @thierrykoblentz __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http:

Re: [css-d] address element with classes

te that it won't work in IE6: .page-item-7.current_page_item {} Because ie6 will only see: .current_page_item {} -- Regards, Thierry www.tjkdesign.com | www.ez-css.org | @thierrykoblentz __ css-discuss [cs...@lists.css-discus

Re: [css-d] Two nested list problems

> > 2. Get my nested list indented. > > > Wrote: Thierry > > Try this: > #navlist #subnavlist li a { > padding-left:20px; > text-decoration:none; > cursor:default; > width:auto; > } > > > Thanks Theirry. I'm one

Re: [css-d] Two nested list problems

width:auto; } I wonder why you'd want to remove the cursor styling though -- Regards, Thierry www.tjkdesign.com | www.ez-css.org | @thierrykoblentz __ css-discuss [cs...@lists.css-discuss.org] http://www.css-di

Re: [css-d] [+] Re: Clearing a float

e > clear set at all? Since the parent is already below all the floats, > the child would also be below all the floats and clear would be > redundant... For example the parent could clear some float (siblings) while the child would clear nested ones. I never really thought about it thoug

Re: [css-d] [+] Re: Clearing a float

they now "contain" floats more than they clear them. Thanks for the heads up. -- Regards, Thierry www.tjkdesign.com | www.ez-css.org | @thierrykoblentz __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discu

Re: [css-d] Clearing a float

> Thanks Thierry - I'll give that a shot. Do I have to remove the float > from > the #leftSidebar nav then? No, you'd leave the float in. The idea is to create two block formatting contexts. The float declaration does this for the left column, the rule I sent you does this f

Re: [css-d] Clearing a float

> Di you by any chance used any one of the following to fix this: > > clear: both; > clear: left; > clear: none: > clear: right; > clear: inherit; I don't think "inherit" is a proper value for clear. -- Regards, Thierry www.tjkdesign.com

Re: [css-d] Clearing a float

: #content { display:inline-block; margin:0 0 40px; padding:10px; width:783px; } That way your main content creates a block formatting context [1] in which you can freely clear floats <http://www.yuiblog.com/blog/2010/05/19/css-101-block-formatting-contexts/> -- Regards, Thierry w

Re: [css-d] nav help

at resets the border styling. For example: #navcontainer .lastChild {border:0} -- Regards, Thierry www.tjkdesign.com | www.ez-css.org | @thierrykoblentz __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.or

Re: [css-d] nav help

2F64; border-right:1px solid #FF; color:white; float:left; padding:0.2em 0; /* zero out left/right margins */ text-align:center; /* add this */ text-decoration:none; width:101px; /* add this */ } Then remove the border on the last link -- Regards, Thierry www.tjkdesign.com

Re: [css-d] IE9 beta check - floats with inline content bug

seem to look the same. -- Regards, Thierry www.tjkdesign.com | www.ez-css.org | @thierrykoblentz __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-disc

Re: [css-d] nav help

ood.coop/design_new/coop.css > Many thanks. In what browsers? Because I checked in ie6 and FF and it goes al the way to the right -- Regards, Thierry www.tjkdesign.com | www.ez-css.org | @thierrykoblentz __ css-discuss [cs

Re: [css-d] Trouble with overflow:hidden and absolute hover elements

tside, will have the overflow--umm--hidden. As a side note, this is not always true as it depends on the containing block. See: http://www.tjkdesign.com/lab/clearfix/overflow-and-ap.html -- Regards, Thierry www.tjkdesign.com | www.ez-css.org | @thierrykoblentz __

Re: [css-d] [+] Ghost space between DIVs

uld be to get rid of the empty div you're using and go with a technique that contains floats without structural markup. You could try: #dnn_ctr414_ContentPane { display:inline-block; Width:520px; } -- Regards, Thierry www.tjkdesign.com | www.ez-css.org | @thierrykoblentz

[css-d] clearfix without collapsing margins

This may interest those who rely on clearfix to contain floats: <http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-dem ystified/> -- Regards, Thierry www.tjkdesign.com | www.ez-css.org | @thierryko

Re: [css-d] "Legal" format lists

n suggested you can still use a OL if you simply remove the markers from the list items (I'd missed that in my example). -- Regards, Thierry www.tjkdesign.com | www.ez-css.org | @thierrykoblentz __ css-discuss [cs...@lists.css

Re: [css-d] "Legal" format lists

dding-left: 4em;} .legal li span.num {float: left; margin-right: .3em; } .legal li span.text {display: block; overflow: hidden; zoom: 1;} -- Regards, Thierry www.tjkdesign.com | www.ez-css.org | @thierrykoblentz __ css-discuss [

Re: [css-d] Styling form elements

Hi Gabriele, > Hope this might be useful for beginners: > > http://onwebdev.blogspot.com/2010/09/css-styling-form-elements.html I don't think using a UL for this makes sense. If you want to wrap every label/input pair then why not using DIVs? Isn't what they are for?

Re: [css-d] [+] New IE7 filter?

> Please see sig link IE 6/7/8. > #main p,:7 {color: lime; } Thanks David :) -- Regards, Thierry www.tjkdesign.com | www.ez-css.org | @thierrykoblentz __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discu

Re: [css-d] [+] New IE7 filter?

> We could use this: > > .left,.right,.maincontent,x:-ie7 {} Actually, it is the colon that dos the magic. For example: selector,ie:7 {...} or: selector,:7 {...} /* even shorter to target ie7 :) */ -- Regards, Thierry www.tjkdesign.com | www.ez-css.org | @thierr

[css-d] New IE7 filter?

this is a "variation" of the Firefox hack, as IE7 does not ignore "x:-moz-any-link". It is shorter, but more importantly it does not add weight to the rule. If you try this please let me know if it is reliable across the board :) -- Regards, Thierry www.tjkdesign.com | www

Re: [css-d] Hack to target IE9 beta

in CSS2.1 correctly. IE9 only fails > when the property is color. I think there is more to it. Try these ones for example: font:3em arial\9; font-size:13em\9; I don't have time to check all properties, but I'm sure there are plenty of other

Re: [css-d] Hack to target IE9 beta

looks like if you replace "background" with "color" then \9 works. Hence why I suggested to use :root #ie9 {color: teal\9;} but then :root #ie9 {background: teal\9;} would fail. So it's more reliable/safe to go with this instead: :root #ie9 {background: teal\0;} --

Re: [css-d] Hack to target IE9 beta

you sure that you have IE9 beta in true IE9 mode and not IE7 > compatibility mode? Duh! I thought the mode was switched for all the tabs opened when in fact it is *per tab*. So yes, it works as advertised (as the text says on that page), but then how come my tests show that \9 works? -- Rega

Re: [css-d] Hack to target IE9 beta

quot;work": 9, a, b, c, d Ie9 version: 9.0.7930.16406 -- Regards, Thierry www.tjkdesign.com | www.ez-css.org | @thierrykoblentz __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman

[css-d] Hack to target IE9 beta

I just downloaded IE9 and I think I found a way to target it. Syntax: :root selector {property: value\9;} Example: :root #ie9 {color: teal\9;} -- Regards, Thierry www.tjkdesign.com | www.ez-css.org | @thierrykoblentz __ css

Re: [css-d] Can i vertically centre a UL?

of T. I'd agree with Tim, it is better to have an element to create an explicit row as the implicit row is not enough to prevent some browsers from dropping the last item (cell). I ran into this issue before. If you check the archives you should find a few posts where I discu

Re: [css-d] Can i vertically centre a UL?

> > whizz-bang-blammo align centered vertically. > > > Brilliant!!! > But sadly not. If there is no height set for your DIV, then line-height should be enough If there is a height then the line-height must match that value -- Regards, Thierry www.tjkdesign.co

Re: [css-d] Can i vertically centre a UL?

parent, then you can try this: For the DIV: height: 4em; line-height: 4em; text-align:center; For the LIs: display:inline; Whatever height you use make sure line-height as the same value -- Regards, Thierry www.tjkdesign.com | www.ez-c

Re: [css-d] How opposite floats work

t do you expect the 4th row to look like? -- Regards, Thierry www.tjkdesign.com | www.ez-css.org | @thierrykoblentz __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d

  1   2   3   4   5   6   7   >