Re: [css-d] Not possible to lay transparent PNG on top of form element? [SOLVED]

On September 25, 2009 2:38:06 pm Dave M G wrote: > Tim, > > Thank you for responding. > > > I managed to create the effect you were going for (and it's nifty)... > > Thanks for your code! That does get a step closer, though, as you say, > it interferes with the accessibility of the select box. >

Re: [css-d] Strange image behavior in IE8

On September 23, 2009 6:38:28 pm David Laakso wrote: > Kelly Miller wrote: > > I'm trying to style a web photo gallery by stacking pictures > > side-by-side. Since I want to center them, I chose to use display: > > inline-block instead of float: left to make the

[css-d] Strange image behavior in IE8

I'm trying to style a web photo gallery by stacking pictures side-by-side. Since I want to center them, I chose to use display: inline-block instead of float: left to make them align horizontally. The strange thing is, although it looks fine in every other browser, IE8 gives me this: http://cryst

Re: [css-d] Floated tab menu with imageless rounded corners. IE goes berserk.

-BEGIN PGP SIGNED MESSAGE- Hash: SHA1 charles wrote: | Hi List! | | Long-time listener; first-time poster here. | | I'm combining a floated tab menu and rounded corners. Independently, | either one displays fine across browsers. It's when I combine them that | the problems begin. | | Fir

Re: [css-d] Nesting divs problem in Mozilla, fine in Explorer

-BEGIN PGP SIGNED MESSAGE- Hash: SHA1 There a good reason you're doing what amounts to a border effect without using any border properties? Magenta Placenta wrote: > http://www.5finger.com/css/bottom_mozilla.html > (styles embedded in source) > - -- http://www.mozilla.org/products/firef

Re: [css-d] Can a DIV be targetted like an iFrame...by name?

-BEGIN PGP SIGNED MESSAGE- Hash: SHA1 Browsers generally ignore styling on iframes. Even Internet Explorer, which tends to allow CSS styling on a lot of things it probably shouldn't, doesn't allow CSS to do much to change an iframe. About the only thing I found you could do was change th

Re: [css-d] My CSS is wrong or it's Firefox?

-BEGIN PGP SIGNED MESSAGE- Hash: SHA1 I seem to recall that CSS2.1 says that absolutely positioned elements with no given width should use the shrinkwrap algorithm. Can anyone confirm? Peter Michaux wrote: | | Am I making a CSS mistake or is it Firefox? | - -- http://www.mozilla.org/pro

Re: [css-d] IE min-height problem

-BEGIN PGP SIGNED MESSAGE- Hash: SHA1 Try giving IE a height equal to the min-height you give to the other browsers. IE doesn't understand min-height, but generally it treats height as if it were min-height. Martin Davis III wrote: | I am having a problem with min-height in IE.I need the

Re: [css-d] Drop shadow effect on Text with CSS

David Hucklesby wrote: > AFAIK - only Safari and Opera 9 support this alternative. > Konqueror supports it as well (in this case, there ARE differences between Konqueror rendering and Safari rendering). And I imagine now that Gecko has builtin blurring capabilities (for implementing the SVG

[css-d] About Conditional Comments & IE7b2

For those who are complaining about strange results with Conditional Comments and the IE7 beta... A post was just made on the IE Blog mentioning that the IE7 Beta is looking for this:

Re: [css-d] Problems with IE 7

Actually (as crazy as this sounds), this isn't a CSS error, but an HTML error (but only in this case; spaces on other elements are related to CSS). I already reported it to the IE team yesterday. It's documented here: http://www.howtocreate.co.uk/wrongWithIE/?chapter=Empty+Elements It appear

[css-d] a:hover @import bug - Possibly Connected to FOUC?

I was just thinking, this bug only shows in @import statements, not 's, right? Could it be connected in some obscure way to the Flash Of Unstyled Content which a lot of us have completely forgotten about? -- http://www.mozilla.org/products/firefox/ - Get Firefox! http://www.mozilla.org/product

Re: [css-d] Problems with IE 7

I found that a solution that works for now and will work in the future is to Tan Hack all the entries in the conditional comments. Remember, IE7 can't see through the Tan Hack, but IE5-6 can. Christian Montoya wrote: > Any suggestions as to how to fix any of this? > > > Hope for the best, do

Re: [css-d] How close is MS from releasing IE7?

Actually, they said that min-height, min-width, max-height and max-width are the next big issues they're going to tackle. So it appears that yes, they are going to add them to IE7 (the specific comment mentioned that fixing the expanding box model bug was the precursor to adding these properti

Re: [css-d] IEW7 selectors support

According to my tests on the selectors, IE7b2 supports: > (Child) + (Direct Adjacent Sibling) ~ (Indirect Adjacent Sibling) [attr] (Basic Attribute) [attr="value"] (Attribute/Value) [attr~="value"] (Attribute/Spaced Values) [attr|="value"] (Attribute/Hyphen-Sep Values) [attr*="value"] (Attribute

Re: [css-d] CSS problems with Opera 8.5:

BTW, while we're discussing interesting things Opera does with CSS, anyone ever see Opera 7.5 go haywire if you use a series of floated elements in an absolutely positioned box? Every other browser (including Opera 8.5) properly shrink-wrapped without dropping the floats to the next line; but Oper

Re: [css-d] How to define CSS alt/title attributes in stylesheet

Just as an addon to that, the alt attribute is supposed to be describing the embedded image for those who can't view it. This is assuming that the image in question actually has something to do with the content of the site to begin with; if it's a CSS background image, odds are it's either bei

Re: [css-d] Div shrinking to content width in IE

Try placing the margins and so on on the , then add a and put the background image and the border on that. Barnaby Scott wrote: >The reason I had {position: relative;} was so that I could force a vertical >space before the H2 and reduce the space below it (by a combination of line >height and t

Re: [css-d] Multipart hr styling

Actually, I ran some experimental styling on the element in my last design project, and found the following: Firefox (1.5beta) and Opera (9beta) allow full customization of the element. That's a good sign for the future, but I've yet to test it in earlier versions. IE (6, quirks mode) insis

Re: [css-d] Opacity filter backgrounds

Derek de Jong wrote: > >My suggestion would be to use an Alpha-transparent PNG and use something >like Dean Edward's IE7 to ensure it displays correctly in IE 5.5 & 6. >(Don't forget to name the file with "-trans.png", in the IE7 case.) > >However, I recently confused myself trying to do something

Re: [css-d] min-height and IE

Actually, if you just need min-height, it tends to be somewhat cleaner just to feed IE a height value. But for max-height, expressions are especially useful. Only one thing; has anyone figured out how to use em values in expressions? clientHeight and clientWidth return pixels. -- http://www

Re: [css-d] Inline blocks - did you ever see the like of this?

You can use -moz-inline-block for inline-block, you know. Just be careful; FF1.5B has a strange bug related to this. -- http://www.mozilla.org/products/firefox/ - Get Firefox! http://www.mozilla.org/products/thunderbird/ - Reclaim Your Inbox! Please avoid sending me Word or PowerPoint attachme

Re: [css-d] Still an open issue: Vertical Alignment

AFAIK, you can't do that with CSS, because it's a combination of floating and vertical alignment. If you use float, the only aligning you can get is to the top (I can't even get floats to align to the bottom of a line). -- http://www.mozilla.org/products/firefox/ - Get Firefox! http://www.moz

Re: [css-d] Vertical Alignment

Set line-height to the height of the button, then use vertical-align: middle. -- http://www.mozilla.org/products/firefox/ - Get Firefox! http://www.mozilla.org/products/thunderbird/ - Reclaim Your Inbox! Please avoid sending me Word or PowerPoint attachments. See http://www.gnu.org/philosophy/n

Re: [css-d] (Second Posting...anyone know?) How can I create a shadow around a div without the imageinside?

There are a number of ways of doing shadows in CSS. The one you're asking about uses two divs; the out is the shadow and the in is the main div. The code simply makes the out div offset to the right & bottom and colours the background black (with a grey border, so it appears to blur). Person

Re: [css-d] Wait...fragment links DO work withing scrolling elements?

Steve Clay wrote: http://www.cssplay.co.uk/menus/linksub.html As usual I'm just blown away by what Stu comes up with. Steve Only problem I can see with that demo is that it starts acting REALLY funky when you use the tab key to jump from link to link. -- http://www.mozilla.org/products/fi

Re: [css-d] Background Image not Displaying in FF

Tim Zappe wrote: I have a background image that does not display in FF, and I think it is because my outer most div (#wrapper) is not getting any height. I looked at all of my floats, and I think everything should be clearing correctly, but apparently it isn't, because FF doesn't display it. Any

Re: [css-d] Vertically aligning image and text

JJ wrote: I need to display a map legend. This consists of a vertical list of images with a text explanation (never more than a few words) immediately to the right of each image. What is best way to display the image (26px tall) and then the text (about 12px tall) on the same line, with the

Re: [css-d] Validation Error -moz-outline

Tracy Shorrock wrote: I'm getting rid of the ugly outline that appears on an image when it's used as a link. It doesn't seem to be set to default, as when I don't set -moz-outline I get the ugly borders when I click the links. That ugly outline is actually a border, not an outline. Try this:

Re: [css-d] problem with nav bar

Matt Lemay wrote: Hi all this will be my first post on this list. I am having a problem with a site I am building mostly using css. There is a left side navigation bar that is made up of .gif's, the last one having a height of 100% so it resizes with the content. The problem is it resizes irregul

[css-d] Second Site Check, Please!

http://crystalsanctuary.rpgsource.net/designs/rpgsource/final/template2.htm I managed to fix the font problem and the problem with resizing the columns in IE. The site should now work without horizontal scrollbars in IE, but I'm looking for potential problems anywhere in the layout. Thanks ^

Re: [css-d] Site Check, Please.

Felix Miata wrote: There's so many apparently affecting the same text it makes my head swim trying to figure it out, even with the help of Domi, Thanks to that list, now there is no font-size related cascade. On top of that, you accidentally isolated the portion of CSS that was causing IE to

Re: [css-d] Site Check, Please.

Felix Miata wrote: Kelly Miller wrote: http://crystalsanctuary.rpgsource.net/designs/rpgsource/final/template2.htm 4. I replaced 14px with small in the top font declaration. IE should allow font resizing now. The first part of the center content includes the following text: "

Re: [css-d] Site Check, Please.

Okay, I've updated an improved version with the following fixes: 1. I changed the very large link in the middle of the site layout, so it shouldn't break Safari any more. 2. I added a height to the on top, so IE/Mac shouldn't be tripped up by that anymore. 3. I resized the sidebars just for

[css-d] Site Check, Please.

http://crystalsanctuary.rpgsource.net/designs/rpgsource/final/template2.htm I've checked it in IE5, IE5.5, IE6, Firefox 1.0, Opera 7.5 and Opera 8 already. Thanks for helping out. -- http://www.mozilla.org/products/firefox/ - Get Firefox! http://www.mozilla.org/products/thunderbird/ - Reclaim

Re: [css-d] re: relative locations

The URL's to the images have to be relative to the CSS file. Yours are relative to the HTML file, not the CSS file. -- http://www.mozilla.org/products/firefox/ - Get Firefox! http://www.mozilla.org/products/thunderbird/ - Reclaim Your Inbox! Please avoid sending me Word or PowerPoint attachmen

Re: [css-d] Errrmmm. maybe Opera hack not needed

Roger Roelofs wrote: First, you are working harder than you need to. You have a fairly standard layout here, and templates for this layout are available many places including the wiki for this list. Also, you are giving the browser more instructions (occaisionaly conflicting) than it needs to

Re: [css-d] Possible to use a PHP echo within CSS?

Because CSS files are obtained using HTTP (like HTML), you can add PHP into CSS simply by making the file style.php instead of style.css . Otherwise, it's exactly the same as including a static CSS file. Richard Hawking wrote: I was wondering if it's possible to use a PHP echo within CSS styl

Re: [css-d] Floating tables

Christian Heilmann wrote: Short Short Long Long Long Long Long Long Long Long Long Long Long Long Long Long Long Long Long Long Long Long Long Long Long Long Long Long Long Long and p.shorttext{ float:left;width:8em;} Tables for non-tabular data is hard enough to take in for

Re: [css-d] Floating tables

Christian Heilmann wrote: what is wrong with Short Short Long Long Long Long Long Long Long Long Long Long Long Long Long Long Long Long Long Long Long Long Long Long Long Long Long Long Long Long and p.shorttext{ float:left;width:8em;} Tables for non-tabular data is hard

Re: [css-d] absolute position

travis laduke wrote: how come position: absolute; left: 200px is a different place in IE than in firefox? and how do you do workarounds these days if IE reads the box-model- hack-parsing-error-trick-characters correctly now? __

Re: [css-d] Safari doctype switcher affecting CSS

When I look at your nav code, I see -1. -1 what? I believe the standards say that the rule should be ignored if there are no units specified. It doesn't work in Firefox, either (there are no hover effects). -- http://www.mozilla.org/products/firefox/ - Get Firefox! http://www.mozilla.org/pr

Re: [css-d] How to add Unicode chars with CSS 'content' property?

David Hucklesby wrote: That clobbered the first rule(s) in Opera. I just wanted to mention that if a browser (9 out of 10 times it'll be Opera; I dunno why) ignores the first rule in your CSS file, you can dodge it by putting this as the first rule: html {} Okay, that IS rather obvious

Re: [css-d] an absolutely positioned to 100% of parent

Actually, I was just discussing this on this list. top: 0; bottom: 0 works for Firefox and Opera (and I assume Safari/Konqueror too), but you'll have to use an expression to make IE do it right. -- http://www.mozilla.org/products/firefox/ - Get Firefox! http://www.mozilla.org/products/thunderb

Re: [css-d] Who is wrong? I would say: Firefox!? < - - Extended - - >

If you want the honest truth, I'd bet most of your problems come from giving the browser both a width and a min-width (and same with height and min-height). IE ignores min-height, and treats height as if it were min-height. Firefox, on the other hand, will use height literally. Try giving mo

Re: [css-d] Setting height to 0 does not work on IE6

IE treats height like it were min-height (well, not exactly, but in this situation...). Because you put a non-breaking space in the , IE enlarges the to the size of line-height. That means you can't just say height: 0; you have to add line-height: 0 as well (at least, I think that's the fix.

Re: [css-d] Eric Meyer thumbnail gallery

Change: div.ls img {height: 96px; width: 128px; margin: 16px 0;} to div.ls img {height: 96px; width: 128px; margin: 32px 0 0;} -- http://www.mozilla.org/products/firefox/ - Get Firefox! http://www.mozilla.org/products/thunderbird/ - Reclaim Your Inbox!

Re: [css-d] Absolute positioning containers

If you give a container position: relative, but no top or left value, it'll be drawn as if it weren't positioned, but any absolutely positioned elements inside it will be positioned with respect to it. position: absolute is relative to the last positioned ancestor element (positioned = has pos

Re: [css-d] Printing problems with DL/DT/DD for numbered paragraphs...

Peter Williams wrote: From: [EMAIL PROTECTED] "DTD/xhtml1-transitional.dtd"> http://www.w3.org/1999/xhtml";> Remove the xml prolog and see if the behaviour is better, as far as I'm aware it is unusable in todays browsers. IE goes into quirks mode with anything before the doctype dec.

Re: [css-d] How to avoid hovering named anchors?

David Dorward wrote: On 6/19/05, Uwe Kaiser <[EMAIL PROTECTED]> wrote: How can I avoid that modern browsers displays hover-color on named anchors? I just avoid using named anchors (in favour of ids on arbitary, but apropriate, elements), since I don't care much about Netscape 4. The

Re: [css-d] CSS Expressions

If you put ANYTHING before the Doctype, IE6 will shift to quirks mode (page authors complain to Microsoft about this because the XML prolog, which is SUPPOSED to be first in XHTML, will put IE6 in quirks mode). Don Hinshaw wrote: Al Sparber wrote: I won't debate your personal preference ve

Re: [css-d] CSS Expressions

Alexander Khost wrote: I recently found a CSS expression hack for IE's lack of min-width support. Does anyone know if there is currently or are future plans for starting a cross-browser version of CSS expressions? Otherwise can anyone explain why expressions are a bad thing and should be avoide

Re: [css-d] Float breaks padding and border in Firefox

Prabhath Sirisena wrote: Sweet, that fixed it. Thanks a lot! Yes, having an extraneous div to clear floats does work. There's an even better way to do with clean markup: http://www.positioniseverything.net/easyclearing.html Prabhath http://nidahas.com __

Re: [css-d] Float breaks padding and border in Firefox

According to CSS2, if a container contains only floats, it should collapse to have 0 height. Try putting a third after the floats, and giving it the rule clear: both. -- http://www.mozilla.org/products/firefox/ - Get Firefox! http://www.mozilla.org/products/thunderbird/ - Reclaim Your Inbox!

[css-d] Possible way of doing columns in CSS?

I was just somewhat curious, has no one tried doing columns in CSS by using top: 0; bottom: 0 and giving the longest column margins? I tried it and got correctly sized columns in Firefox and Opera, but not IE (BIG surprise there). -- http://www.mozilla.org/products/firefox/ - Get Firefox! htt

Re: [css-d] Suckerfish modification

Put the top header of the dropdown (Main Menu Item, in this case) in another element (I used an in my design), and attach the hover to that. Then you can safely ask for a hover on the lower items without bolding the upper item by mistake (because the hover requires a hover over that element,

Re: [css-d] Eric Meyer on CSS - td#advert

Ian Sweeney wrote: The first chapter of 'Eric Meyer on CSS' listing 1.1 has the following CSS rule td#advert {width: 234px;} Could that rule not simply be #advert {width: 234px;} Since #advert should refer to a unique identifier, why does the selector specify the 'td'? Ian Sweeney Well,

Re: [css-d] centering....arg i hate it *sigh*

Give the form a width, then give it "auto" left and right margins (margin-left: auto; margin-right: auto). The CSS specification says that a block level element with a fixed width and auto margins is to be centered in it's containing block. -- http://www.mozilla.org/products/firefox/ - Get F

Re: [css-d] Philosophical question about images

Matthew Velic wrote: Hello, Are we trying to push CSS so much that the img element no longer gets used in xhtml? The cornerstone to creating a good layout for a site is built upon semantic markup, using the elements for their correct purpose. Yet, I see such a push for the use of no images d

[css-d] IE Bug Related To Absolute & Relative Positioning?

Okay, I've written some code to do a popup menu. But IE seems to think that all relatively positioned elements should sit on top of all absolutely positioned elements. I dunno if it's based on code order (the menu is after the stuff giving me problems). It's not z-index; I tried that. Does

Re: [css-d] OT When is the next version of CSS?

Peter Williams wrote: We still can't usefully use parts of CSS2. We still can't usefully use parts of CSS1, either. background-attachment? -- http://www.mozilla.org/products/firefox/ - Get Firefox! http://www.mozilla.org/products/thunderbird/ - Reclaim Your Inbox! _

Re: [css-d] Non-Tables layout help

zonjai wrote: rel=" stylesheet" <-- Try removing the space before stylesheet. Some browsers get confused about that sort of thing, and won't load the stylesheet. Okay Kelly it worked. I removed the space and it is now displaying in Opera just fine. In IE6.0 for Win, I am getting the sam

Re: [css-d] Non-Tables layout help

Oh, and sorry for not including this in my other email, but upon looking over the code quickly, I just want to throw this in: Non-table design does not work exactly like table based design. For example, that top graphic was three slices in a table, but in CSS, it can be a single image. That

Re: [css-d] Non-Tables layout help

rel=" stylesheet" <-- Try removing the space before stylesheet. Some browsers get confused about that sort of thing, and won't load the stylesheet. -- http://www.mozilla.org/products/firefox/ - Get Firefox! http://www.mozilla.org/products/thunderbird/ - Reclaim Your Inbox! __

Re: [css-d] Re: advice for complex background image?/Liquid vs Fixed

Christie Mason wrote: Thanks Gunlaug Sørtun, that was somewhat reassuring. As a ending comment, I would like to say to all those that are going in the fixed direction (CSS or table or hybrid) that, as a site guest, I REALLY dislike the trend. Christie Mason ___

Re: [css-d] Re: advice for complex background image?

You do know z-index only applied to positioned elements, right? But regardless, in this case, if you'd managed to get the text over the image, the image would have disappeared (because the text and the white background are on the same level). If you give the text a right margin, you can get i

Re: [css-d] Re: advice for complex background image?

Yeah. The trick is you have to make the gradient fade part of the image as well. Then you have to use margins and padding to keep the text away from the image. -- http://www.mozilla.org/products/firefox/ - Get Firefox! http://www.mozilla.org/products/thunderbird/ - Reclaim Your Inbox! __

Re: [css-d] Re: advice for complex background image?

Theodore Serbinski wrote: Hi Kelly, The entire website is going to be fixed width at 768px ... I know pros/cons to this but it seems to the most reliable method to date and all of the top CSS designers switched back to fixed design. But thanks for the tip for using it as liquid. As for the gra

Re: [css-d] Re: advice for complex background image?

Theodore Serbinski wrote: Well the border part I've figured out... I just have a 1 x 768px image that is set as the bg for the body this creates the shadow effect perfectly. I agree with the title image graphic being an as well no problems there. But that graphic of the cable, whew still havi

Re: [css-d] Help with one line content

I think you could get it simply by adding a between the two images you want to display. This is in fact one of the times where a BR is good, because all you want is a single line break. Marcelo Wolfgang wrote: Hi list, I need some help with a xhtml site I'm making, I'm kinda of new in doing th

Re: [css-d] add border causes div to no longer float?

You do know that padding and border widths are not included in overall width, right? If you set width: 50% and then set border-width: 2px, the width of the div is actually 50% + 4px. If you want to avoid this, you can either use box-sizing (-moz-box-sizing for Mozilla), or just keep in mind

Re: [css-d] Best way to make this rollover image map?

Id's must be unique, but you can assign multiple classes to a tag by using this syntax: class="class1 class2 class3" Andrew Mason wrote: Thanks for the feedback! My rollover is a little more complicated because of the image of the country name which changes in the bottom right corner ("Egypt"

Re: [css-d] alt and title on images (SEO etc.)

Though this is actually off-topic, I don't believe title is there for accessibility at all (unless browsers for the disabled read them). However, alt tags are displayed if the image can't be loaded. This may be due to the person being disabled, or it may just be that the person viewing your s

Re: [css-d] IE windows layout problem

I figured I'd mention here that another way to solve that problem is by adding a non-breaking space ( ) between and . However, if you do this, you have to watch for IE's auto-expansion behavior (the div will automatically become as tall as the line-height in IE). To dodge this, simply set ov

Re: [css-d] HELP I Have no clue how to position these Divs!

Okay, what you want is to have the left and right sides of a frame surround the picture, right? (I assume it's the left and right sides, since lining up the top and bottom sides aren't really hard, but I'll put some info in there anyway). There are actually two ways of doing this in CSS, depen

Re: [css-d] order of content

You know, there IS a way to clear floats without an extra div element. Chris Ovenden wrote: another is the detritus that floats usually produce - unneccessay, semantic-free clearing elements. Can't help feeling, though, that there must be a better way than both. -- http://www.mozilla.org/product