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

Eric, > I will reiterate the passage Chetan quoted from the list policies, > as well as the text that follows it, because it is always relevant: > > "Above all, if you can't answer with a modicum of respect, > or without feeling somehow annoyed by the question, then > DO NOT ANS

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 question on this list to get *recommendation

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.tjkdesign.com | www.ez

Re: [css-d] stacked nav in IE7

> This is driving me nuts. IE7 the menu is all bad, IE8 only the home > page > menu is bad. > > Site: http://www.fargoparks.com/ > css: http://www.fargoparks.com/css/home.css For the second rule I mentioned, don't look in the styles sheet, it's in a conditional comment after the LIs: -- Regar

Re: [css-d] stacked nav in IE7

> This is driving me nuts. IE7 the menu is all bad, IE8 only the home > page > menu is bad. > > Site: http://www.fargoparks.com/ > css: http://www.fargoparks.com/css/home.css I see these two rules: #p7PMnav li { float:left; } #p7PMnav li { width:100%; clear:both; float:left; } The tw

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

> Is it just a case of using the right tool for the job? It would seem > logical to me - if you are using PHP anyway of course - to check the > user-agent header and add a class to the body tag? I realise people > can change the header sent by their browser, but how many people > actually do that?

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.css-101.org __

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

> > Well-written css code means *lean* selectors so a well written styles > sheet > > should need more comments than a badly written one, isn't?. > > With respect, I disagree : you are choosing to interpret "well-written" > as "efficient"; I interpret "well-written" as "transparent", > "immediatel

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 with that, Thierry : comments indicate > only the

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

Hi Chetan, > > 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 {...} > > Point accepted. In general, one should keep selectors as simple as > possible, with just as much specificity a

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, Thierry @thierrykoblentz www

[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/listin

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

> >> Felix Miata wrote: > > I stand firm that px is an inappropriate unit for sizing containers > > for text content. > > > > Not everyone in the universe is thrilled at having to scroll both > vertically and horizontally in order to read a scaled web page, either. fwiw, I prefer increasing tex

Re: [css-d] The CSS Position Property

> >> > I thought this article could be of interest to this list: > >> > property/> > > > I believe the article says that already. > > Check the first bullet point in the "Things to remember" about > > position:absolute. It says: > > > > F

Re: [css-d] The CSS Position Property

Hi Chetan, > > I thought this article could be of interest to this list: > > > > That's a nice informative summary of positioning. It would also be > worthwhile mentioning that absolutely and fixed positioned inline > elements ca

[css-d] The CSS Position Property

I thought this article could be of interest to this list: -- Regards, Thierry www.tjkdesign.com | www.ez-css.org | @thierrykoblentz __ css-discuss [cs...@list

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

> Chetan Crasta wrote: > > > I have made an example of the design here: > > http://roughtech.com/t/testali.html > > > > It uses CSS only. I believe what the OP is after is "inline-block": As a site note, "table-cell" wo

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 | www.ez-css.org | @thier

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

> > These don't seem to be huge disadvantages: I can't think of a good > reason to surf with Javascript disabled. According to a recent blog post from Nicholas Zakas (Yahoo!) about 2% of users browse the web without JS. As a side note, I don't think it is always their choice. > Also, since the

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

> Not only can you apply multiple classes to elements, you can also > select elements with both classes and apply styles to only things with > both. > > For example: > .column {width: 48%} > .left {float: left} > .left.column { > border-right: 1px solid #333; > padding-right: 1em; > }

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 wrapper? Can't you

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 -- Regards, Thierry www.tjkdesign.com | www.ez

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.org | @thierrykoblentz ___

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

Hi Georg, > Myself, I use any property/value that gets the job done, whenever I > need > to trigger hasLayout. Loss of "validity" because of proprietary IE CSS > isn't more problematic than use of some "mos-", "webkit-" or "o-" > proprietary CSS ... IMO. I do not care much about CSS validation,

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

> > A CSS-only lightbox will have many limitations. You cannot have the > same functionality as the example you gave, with only CSS2. > However, here is one good implementation of a css-only lightbox > http://www.cssplay.co.uk/menu/lightbox-hover.html fwiw, I would not call this solution a "good

Re: [css-d] IE positioning question

> In this page: > > > http://www.redkitecreative.com/projects/billiards/inside_best_billiards > .php > > The image below the menu is a pixel or two off. I've tried correcting > this with a conditional comment, with margin or absolute or relative > position, with no luck: > > #sidebar img.rotatio

Re: [css-d] IE positioning question

CCing the list > -Original Message- > From: Debbie Campbell [mailto:d...@redkitecreative.com] > > I understand - the site is a very strange development-only site with > some serious issues (not my site). > > The image isn't in the footer, will changing the footer affect it or > did > you

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

Hi Alan, > The article fails to mention about how position:relative can generate a > new containing block for descendants elements with a position value of > either absolute or fixed. I believe this is true for "absolute", but not for "fixed" as for the latter the reference is the viewport. -- R

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

> > Zounds! I believe that I understand that entire paragraph! but why, > then, after I add a margin-top: 8px to my code, does that paragraph > go wider? By "wider," I mean that it widens to the width of the > parent div which contains all that stuff...the small head, the big > head and date the

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] [+] 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; } -- Regards, Thierry www.tjkdesi

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

> Yes, but paragraphs are block-level elements, so simply give a class to > one > of the paragraphs to create that border. > One thing you'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"). B

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

> This is related to my question yesterday about proper use of div > tags... > > I now get that an ID must be used only once on a page. Within div > tags (from code generously provided here) I've been able to format > specific bits of content, like text, using classes and tags. > > But I'd like

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

Hi Tim, > > The red > > box *and* the document have nothing to do with the offset of that > > box. > > Not entirely true. Yes, the blue box is offset in relation to where it > would be without position. But "where the blue box would be" depends > directly on other elements (previous siblings an

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

> Example D > > shows our new markup. Because of the new coordinate system, the > blue > block measures its offset 200 pixels from the left of the red block > (|#box_1|) instead of the document. > > Yes, and by

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

Hi Felix, > > http://www.alistapart.com/articles/css-positioning-101/ > > Seemed interesting, until I got to the 5th reference to an invisible > example. > Where are they hidden, some offsite adserver/image host? I lost my > webdeveloper extension by upgrading my primary browser to a Gecko 2.0b.

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

Hi David, > > My goal is to have a container div with a title at the top, an image > > at the left, inside the container, and text describing the image at > > the right, inside the container. > > Absolute positioning is problematic [brittle among other things] for > the > base layout. Use a float

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

> http://www.galaxywebsitedesign.com/temp/test.html > > The above link works for Firefox 3.6.12, IE8, Safari, and IE7. > > Is it possible to make this work in IE6? > > The idea is to stretch the "pseudo-background" image. Works for me in IE6. But I don't think you need that div. Did you try to

Re: [css-d] [+] Re: 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) > > No, the default is the padding-box: Thanks Philippe, In my mind we're talking

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

Hi David, > I think that Michael is talking about the background-image on > div#content. It does not show because the three columns it contains are > floats. Any "containing floats" method on div#content will make the > background-image show up: Your post made me take a closer look at that page a

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 | @thierrykoblentz ___

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

> I am working on a simple site that has columns and lines to divide the > columns. Perfect for faux columns as the columns aren't equal depth. > > Anyway, when I put the background image in my "page-wrap" div, it > shows up fine. When I put it in the background of the "content" div > (because I w

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 different story. -- Regards, Thierry www.tj

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

> Here's my current nightmare: > http://datagnostics.com/test/vertical.html > > I've got superscript text that needs to be all over the page -- it's > part of the company name. I set a line-height in BODY. I'm doing the > superscript via a span class, with attribute vertical-align: super. > > In

Re: [css-d] Positioning and spies

> Any idea what I could do about the highlighted problem 2 below? Change this: .LastUpdated { color:#2B; font-family:Arial,Helvetica,sans-serif; font-size:10px; font-style:italic; } To this: .LastUpdated { color:#2B; font-family:Arial,Helvetica,sans-serif; font-size:10px; font-style:ita

Re: [css-d] Positioning and spies

> I have been agonizing over this spry for a week... It worked like a > charm! > > > > At http://138.26.120.126/CAMAC/Trial21.html: > > > > (1) I cannot tell why the submenu in the vertical navigation bar > doesn't show all of a sudden. > > (2) I am still having problems understanding th

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: css-d-boun

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

> I have a 2 column layout. I want the right column (with funny video) to > extend all the way down to the footer regardless of content. > > Does anyone see what I am doing wrong? > > http://www.successseriesllc.com/new.php > This should help:

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

> > li { display: inline-block; width:100px;} > > *+html li { display: inline;} /* IE7 */ > > * html li { display: inline;} /* IE6 */ > > Yeah, I'm aware of that page, and it _should_ always work - display: > inline-block sets the 'hasLayout' flag, and that flag is not / cannot > be reset by the s

Re: [css-d] evenly spacing

Hi Alan, > Hello Theirry, > > It seems that zoom does something in IE7- which I do not understand. > Can anyone explain? This would mean using something like this. > > > li {display: -moz-inline-block; display: inline-block; width:100px;} > *+html li {display: inline; zoom: 1;} /* IE7 */ > * ht

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

> Part of the way into revising my little site, I noticed that the top > edge each floated image was about four pixels above the top of the > capital letter(s) of the text that immediately followed. I found a > solution; using padding to push the image down a bit. But I never > understood why that

Re: [css-d] evenly spacing

Hi Alan, > > problems with a layout I was working on. I have a horizontal menu > that I > > was using an UL list, this worked in firefox, but not completly in IE > > 7/8 and various others. they kept going into a vertical list despite > > using things like display: inline-block, so I decided to re

Re: [css-d] css with js disabled

> David Laakso wrote: > > uri: > > css: > > > > In this rough layout -- when viewed with javascript disabled -- > digits 2 > > through 8 ought to be stacked vertically and flush left to the red > rule. > > What to d

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

Hi David, > uri: > css: > > In this rough layout -- when viewed with javascript disabled -- digits > 2 > through 8 ought to be stacked vertically and flush left to the red > rule. > What to do? What about using a

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

> given this snip of code: > > div#container { > margin: 15px auto; > } > > > is "auto" enough to make the contents of that div remain centered > from left to right as the end user scales their browser window larger > and smaller? No. You'd need to set a width too. This is the excerpt of a pres

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

> > Oops - I spoke too soon. > > I fixed the Flash-overlapping-the-menu issue, but I have one last > problem in IE7 only. The image scroller (#mainscroll) is also > overlapping the menu. I tried a z-index but not working, it's this > page: > > > http://www.redkitecreative.com/projects/performanc

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

> > http://www.redkitecreative.com/projects/performance/contact-us/ > > if you hover on Browse Our Inventory, in IE7 the hovered menu is hidden > behind the #maincontent div. > > I tried this: > > > > > But no. Can someone please help? This is because in IE "position:relative alone creates a

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

> Hello everyone, i'm trying out yet another idea for my new website! The > accordion menu works fine on all browsers but i'm having a problem with > the images not floating correctly, for example on the About link, on > the right and text not sitting side by side to it on the left in > Internet Ex

Re: [css-d] Spry problems

> > filter:alpha(opacity:0.1); > > "filter:alpha..." is proprietary Internet Explorer > syntax/functionality. > If it serves a purpose - makes IE behave as it should - it should be > kept in the stylesheet no matter what the CSS validator "says". fwiw, I totally agree (my only issue with

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

> >> How can I align the input and select form elements in my test case, > so > >> that their horizontal borders are aligned and all text including > >> labels is aligned to the baseline? > > > > What exactly do you want to do? Do you want the fields stacked on top > > of each other? Then put each

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

> I have a layout problem here: > http://www.glitterlemonade.com/fundraiser/detail/monsters_magnetic_figu > res > > On other pages on the site, the footer behaves and shows up under the > rest of the content, but not on this page. Here it is OK: > http://www.glitterlemonade.com/get_involved > > I

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

> I have: > a) corrected the markup. > b) contain the floats with overflow property applied on the ul. > c) give a explicit width to the ul so that, the out of the flow > element could not go more upper then what it should. > > Seems to be ok now. > > http://www.occ.nuvemk.com/CssMarcio/secundar

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

> On a sprite technique we often see something like this: > > #menu li a { > background:url('image/menu.png') no-repeat; > width:100%; > height:100%; > display:block; > } > > Why, when we set the display to block, the width and height properties > seem to realise the background im

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

> What is the state called when I click on one of a number of links on a > navbar and while I am visiting that page, the link stays "lit" so that > if I > forget where I am, I need simply glance up at the navbar to see where I > am? > > And the million dollar question is: How do I style such? You

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

> This markup shows my problem: > Webkit browsers seem to create an erroneous width on overflow:hidden > elements inside of overflow:hidden elements, when their width is set to > 0. Interesting bug. But I see it differently. Webkit creates an erroneous width for the parent, not for the element wit

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

> On this page (this VirtueMart cart, actually), the menu buttons are > screwy in IE7: > > > http://beverlylanzetta.net/retablos.html > > If you check in a modern browser you'll see they're wide-ish image > backgrounds. Can someone tell me how to fix them? I'd not float the UL (nor the LIs), I'd

Re: [css-d] address element with classes

> I'm trying to address an LI which has two classes (it's part of the > nav): > > > Is there any way to address the li ONLY when it has both these > classes? On other pages, it has a different combination of classes. Yes, you can use the selector below, but note that it won't work in IE6: .page

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 step closer though, and learning, but not there > yet. > I

Re: [css-d] Two nested list problems

> Re: http://www.draftingservices.com/autocad_tutorials.html > > > > I'm trying to accomplish two things, and have been failing. > > 1. Stop my nested list from inheriting the text decoration and cursor > styling. (I got this to partially work, but removed the code because it > didn't work comp

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

> > > > I don't think "inherit" is a proper value for clear. > > > > > > it is: > > > http://www.w3.org/TR/CSS21/visuren.html#flow-control > > > > It's interesting though. This "new" value came in now that authors > use > > "clear" even less than before as they now "contain" floats more than > > th

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

Hi Philippe, > > I don't think "inherit" is a proper value for clear. > > it is: > http://www.w3.org/TR/CSS21/visuren.html#flow-control I had checked "CSS pocket reference" (Eric Meyer/O'Reilly) and it says in there that "inherit" is not. I have a more recent version of this great little book,

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 for the right column. N

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 | www.ez-css.org | @thierrykoblentz _

Re: [css-d] Clearing a float

> I have a float that is giving me problems. You can see a test page > here: > http://test.magnoliasonline.com/public/gallery/before_after > > > > This particular page is simply groups of thumbnail images. My plan was > to > have a in between the groups to show that they are separate. > Howev

Re: [css-d] nav help

> how do I give this to each link? > so that the last one does not have the white boarder on the right? > thanks a bunch Do as I suggested in my previous email (see my edits of your #navcontainer ul li a {} rule). Then add a class to the last link and use that class to create a rule that resets th

Re: [css-d] nav help

> Can anybody please let me know how to make the purple horizontal > navigation to go all the way to the right. > So that there is no "empty" space after the Mercantile link. > http://www.moscowfood.coop/design_new/index.php?nmx=2_0 > css is here: > http://www.moscowfood.coop/design_new/coop.css

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

Hi Alan, > I was wondering I can please get a check up in IE9 beta to see if it > has the following bug that I can see in IE9 preview. > > content.htm> I looked a the page side by side in ie9 and FF and things seem to look the same.

Re: [css-d] nav help

> Can anybody please let me know how to make the purple horizontal > navigation to go all the way to the right. > So that there is no "empty" space after the Mercantile link. > http://www.moscowfood.coop/design_new/index.php?nmx=2_0 > css is here: > http://www.moscowfood.coop/design_new/coop.css

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

> On 9/26/10 9:25 AM, mrebenti...@comparat.de wrote: > > Hi, I have some container for column and formular design. The div > > container need the overflow:hidden attribute. A has a CSS > > hover definition and shows a hidden help information. This "bubble > > help" was cut by the parent containers

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

> Hi ! I can't figure out why their is a white space between the two last > block of my webpage, they are not on the same master div and they act > like > ghosts !! > > If the block at right "Derniers messages du forum" grows, the block > "Comprendre dotnetnuke rapidement" at left is pushed down.

[css-d] clearfix without collapsing margins

This may interest those who rely on clearfix to contain floats: -- Regards, Thierry www.tjkdesign.com | www.ez-css.org | @thierrykoblentz __

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

> Thanks for that. I had (mistakenly) assumed that it wasn't necessary > to refer to the DTD explicitly and that each "flavour" of HTML was > fully defined. > > BTW, switching my doctype declaration to 4.01 strict and then running > the page through W3C's validator jogged my memory as to why I've

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

> > 2.1.1.2 It shall be construed a > crime > > against humanity to recover an ancient musical instrument from a > > secluded cave and subsequently play it in front of others. > > > ...and then float or position the classed 'span' next to the list > > item. I'd probably try positioning fi

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? -- Regards, Thierry www.tj

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-discuss.org/mailm

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 | @thierrykoblentz _

[css-d] New IE7 filter?

I think I found a new hack for IE7. Instead of this: *:first-child + html .left, *:first-child + html .right, *:first-child + html .maincontent {} We could use this: .left,.right,.maincontent,x:-ie7 {} Because of "x:-ie7" other browsers should drop the entire rule. Note that this is a "variati

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

Hi Alan, > Ok, thank you, you gave me that extra clue. Here is a revived test. > > > exscapes2.htm> > > > > IE9 now supports all structural pseudo-classes along

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

Hi Alan, > Mmm, ok, these are the same results that I see when IE9 preview is in > IE7 document mode or when IE8 is in IE7 compatibility mode. > > For IE7, /9, /a, /b, /c and /d works. > For IE8, /0, /9, /a, /b, /c and /d works. > For IE9 preview, /0 works. Interesting... It looks like if you r

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

Hi Alan, > Mmm, ok, these are the same results that I see when IE9 preview is in > IE7 document mode or when IE8 is in IE7 compatibility mode. > > For IE7, /9, /a, /b, /c and /d works. > For IE8, /0, /9, /a, /b, /c and /d works. > For IE9 preview, /0 works. > > > Are you sure that you have IE9

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

> How does IE9 beta show these test? > > character-exscapes.htm> > > character-exscapes-000.htm> These are the ones that "work": 9, a, b, c, d Ie9 version:

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

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

Hi Alan, > >> poor old IE 7 and older? > > > > I think there'd have to be a third element in there to set as > display: table-row. > > > > ---Tim > > > Not quite true. If display: table-row is not given then, an anonymous > table-row is generated [1]. > > >| If the parent P of a 'table-cel

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.com | www.ez-css.org | @thierrykoblent

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

> I have a unordered list sitting in a div. I'd like it to sit right in > the middle both vertically and horizontally without using padding or > anything like that because it's dynamically fed. > > is there such a way using CSS? If you can set height/line-height on the parent, then you can try th

Re: [css-d] How opposite floats work

Hi Gabriele, > Hi. > I think that's something often underinvestigated: > > http://onwebdev.blogspot.com/2010/09/css-how-opposite-floats-work.html "As you can see, in some cases result differs from what we did expect (the only noticeable change is in the 4th row)" What do you expect the 4th row

Re: [css-d] [+] Re: browser treatments of :focus

Hi Alan, > >> focus.htm> > >> > >> > >> This test shows the problem that WebKit has with :focus when > selecting a link with the mouse. Tabbing works. I believe if you're using real links instead of "#" we would see a slightly differ

Re: [css-d] [+] Re: browser treatments of :focus

> > :focus. Can someone let me know what am I doing wrong? > > > > > > > > Links: > > > > http://www.culturalleadership.org/photogallery/gala/photo-gallery- > Gala-2010- > > 01.html > > WebKit (I'm not sure about IE) doesn't really set / shift the focus on > / to an element (link) when the user cl

  1   2   3   4   5   6   7   >