Re: [css-d] Best practices in only targeting only Styles needed for a page in an external style sheet?
link tag in the head of the specific page you want to style differently? ~ Cristian Palmas ~ Chi vuole realizzare i propri sogni, si sveglia all'alba. http://www.cristianpalmas.it __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Rounded boxes and IE issues
2010/4/25 David Laakso da...@chelseacreekstudio.com The following brings IE/6.0 on-board local this end: pixel perfection is on you, yours, and the w3c validation services. 1/ In the head of the document delete this in its entirety as it it doing nothing for no one that I can think of: style type=text/css /*![CDATA[*/ #wrap07, #wrap08 { zoom: 1; /*]]*/ /style 2/ At the very bottom of your style sheet add the follwing styles. The star html hack targets IE/6. * html #wrapper { width: 960px; } /* Feed IE 6.0 a fixed width as it does not support min/max width */ * html #page { height: 1%; } * html #wrap01, * html #wrap02, * html #wrap03, * html #wrap04, * html #wrap05, * html #wrap06, * html #wrap07, * html #wrap08 { position: relative; zoom: 1;} 3/ Keep it simple, beware of those among your users who fear large objects, and good luck. IE Correction Reference: http://www.satzansatz.de/cssd/onhavinglayout.html Best, ~d Thanks to all the contributes for the tips to make it work also in IE6. Special thanks to you, David. This thread may be closed. Ciao. -- ~ Cristian Palmas ~ http://www.cristianpalmas.it Chi vuole davvero realizzare i propri sogni, si sveglia all'alba One who really wishes to realize his own dreams, wakes up at dawn __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Rounded boxes and IE issues
I carefully studied the code of Simple Box by Tedd and finally made the necessary changes to my stylesheet. Anyway, in order to make the page work, I added to the original Tedd's code the following snippet: .rounded-corners { overflow: hidden; } where .rounded-corners is the class of all the eight tags with the background images (from wrap01 to wrap08). The question is: why the wrappers without the previous snippet don't expand to the full eight of the page? I looked at Tedd's example and he does not need that. Can anyone explain that? I see this behaviour on Kubuntu 9.10 64 bit with Firefox 3.5.9. Moreover, at browsershots.org, even if I saw there are no issues with all the compliant browsers, I still noticed issues in IE6 besides the rounded box rendering, like double margin bug in the box of the cover. In IE7 and IE8 the page seems to work. Can anybody test the page in IE6 again? Here is the link: http://www.cristianpalmas.it Thanks in advance. -- ~ Cristian Palmas ~ http://www.cristianpalmas.it Chi vuole davvero realizzare i propri sogni, si sveglia all'alba One who really wishes to realize his own dreams, wakes up at dawn __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Rounded boxes and IE issues
2010/4/24 David Laakso da...@chelseacreekstudio.com http://chelseacreekstudio.com/ca/cssd/a.png PS Personal opinion only: It is rather overwhelming (any browser/any oss). -- desktop http://chelseacreekstudio.com/ mobile http://chelseacreekstudio.mobi/ Do you think it is overwhelming for what aspect of the page? Font size, colors or overall graphics? Could you be more precise? I appreciate suggestions, expecially from experts like you. Thanks. -- ~ Cristian Palmas ~ http://www.cristianpalmas.it Chi vuole davvero realizzare i propri sogni, si sveglia all'alba One who really wishes to realize his own dreams, wakes up at dawn __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Fwd: Rounded boxes and IE issues
-- Forwarded message -- From: Cristian Palmas cristian.pal...@gmail.com Date: 2010/4/24 Subject: Re: [css-d] Rounded boxes and IE issues To: David Laakso da...@chelseacreekstudio.com 2010/4/24 David Laakso da...@chelseacreekstudio.com Megalophopia... fear of large objects. ~d -- desktop http://chelseacreekstudio.com/ mobile http://chelseacreekstudio.mobi/ Well, maybe you not so sick! ;) After your suggestion I decreased the values for fonts and widths (indeed they were too large). Maybe is it less fearful? Are still present problems about box rendering in IE6? Thanks in advance. - I forgot to send to the list. Sorry for that -- ~ Cristian Palmas ~ http://www.cristianpalmas.it Chi vuole davvero realizzare i propri sogni, si sveglia all'alba One who really wishes to realize his own dreams, wakes up at dawn __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Fwd: Rounded boxes and IE issues
2010/4/24 Thierry Koblentz n...@tjkdesign.com IE6 doesn't get the styles sheet. http://www.cristianpalmas.it/css/style.css returns: Forbidden You don't have permission to access /css/style.css on this server. Additionally, a 404 Not Found error was encountered while trying to use an ErrorDocument to handle the request. As a side note, why don't you combine reset.css and styles.css ? -- Regards, Thierry www.tjkdesign.com | www.ez-css.org | @thierrykoblentz Hi Thierry, It's strange: I clicked the link and I opened the stylesheet normally. Maybe a misconfiguration in the .htaccess. I now eliminated it to avoid other additional problems. The reset.css and style.css are separated only because at first, to test the page, I charged them separatelly. Since it is only a work in progress page I won't make other changes, besides the necessary changes to avoid issues. The final design of the web site will be completely different. -- ~ Cristian Palmas ~ http://www.cristianpalmas.it Chi vuole davvero realizzare i propri sogni, si sveglia all'alba One who really wishes to realize his own dreams, wakes up at dawn __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Rounded boxes and IE issues
2010/4/24 Duncan Hill dun...@gmail.com Don't include me in the last sentence, but if you remove your declaration for .col02 it will stop the column dropping below .col01 The column drops at around 1190px wide, without the styling you are applying it will stay in its correct place alongside .col01 You could just remove the 70% width but the rest of the rules aren't doing anything. Duncan __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ Thanks for the suggestion. I made the changes. -- ~ Cristian Palmas ~ http://www.cristianpalmas.it Chi vuole davvero realizzare i propri sogni, si sveglia all'alba One who really wishes to realize his own dreams, wakes up at dawn __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Rounded boxes and IE issues
2010/4/23 tedd tedd.sperl...@gmail.com At 12:12 PM +0200 4/23/10, Cristian Palmas wrote: Hi, I created a work in progress page for my web site and to promote my first novel. I used the Simple Box by Tedd technique in a derived form. I cannot test on IE6+ but I noticed on another pc that in IE6 the rounded boxes of the page disappeared (perhaps because of stacking bug?). I need to fix it on IE6 and above, till IE8. Can someone help me, please? Here is the link: http://www.cristianpalmas.it Thanks in advance. -- ~ Cristian Palmas ~ Cristian: If my original code worked, then why change it? If you look at my css and yours, with respect to the corner images, you'll see many differences. [1] http://sperling.com/examples/box/style.css [2] http://www.cristianpalmas.it/css/style.css Those differences cause browsers to behave differently. Cheers, tedd -- --- http://sperling.com http://ancientstones.com http://earthstones.com Hi Tedd, you are right, they are different because I created the page in a hurry and I forgot some important pieces. This weekend I will see your code to fix my page. Then I will ask to check it again. Thanks. -- ~ Cristian Palmas ~ http://www.cristianpalmas.it Chi vuole davvero realizzare i propri sogni, si sveglia all'alba One who really wishes to realize his own dreams, wakes up at dawn __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] The future of CSS: create markup for presentational purposes?
I was thinking about the usage of divs for presentational purposes. I've used them several times in my designs to create particular graphical effects by means of CSS. Also in CSS Zen Garden, the HTML ource code to submit a design has 6 extra divs to be used for presentational purposes. Anyway, nowadays the trend is to separate, as far as is possible, the structure (HTML) from the presentation (CSS) and the behaviour (Javascript). Using divs and CSS is one of the compromises to have those presentation effects impossible to obtain via CSS only. CSS can only style something present into the markup, indeed. So, I was wondering if there is someone working on CSS implementation in order to avoid the usage of extra markup. For example, a CSS way of creating on the fly markup elements ONLY for presentational purposes. Have any of you ever heard about something like that? Regards. -- ~ Cristian Palmas ~ http://www.cristianpalmas.it __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Titles in IE7 and IE6
Hi, I just finished a site for a client on mine and the test site is at the address http://test1.cristianpalmas.it. I created two CSS files to fix IE 7 and IE 6. They are: http://test1.cristianpalmas.it/sites/all/themes/tecnicaed01/ie7fix.css http://test1.cristianpalmas.it/sites/all/themes/tecnicaed01/ie6fix.css As you can see, the titles of the #content and of the sidebar nearby, have the margin set negative to achieve the effect to overlap the dotted line background. It works for all browser I tested in and also by means of Browsershot.org (FF, Opera, Safari, Chrome...). Anyway, in IE 7and 6 they were cut and I wasn't able to fix that, so I adopted the poor solution in the above mentioned CSS files. So the question is: can someone tell me if there is a solution to make IE 7 and 6 behave like the others? Or I have to stay with my poor solution? Thanks in advance. PS: Can someone tell me if Chrome sees the vertical dotted bg images on the right of the columns? Browsershots.org showed me that Chrome seems to extend white background of the blocks to cut the dotted lines. Thanks -- ~ Cristian Palmas ~ http://www.cristianpalmas.it __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Trying to emulate a LaTeX trick in CSS...
2009/4/9 Chris Lee c...@mg8.org In LaTeX, there's a package called 'tracking' which provides a few methods that will adjust letter spacing to fit a given chunk of text content to a specified width. I'd like to replicate the effect of: \fittrack{66ex}{$chapter} (where $chapter is likely to be a string that looks like CHAPTER 9 or CHAPTER 102) Since the length of the string will vary, a fixed letter-spacing size for all of the headings will result in a different width for single-digit chapters versus double-digit chapters (or triple-digit chapters). I was hoping that maybe I could do something like: div.tracked { width: 66ex; letter-spacing: auto; } but that doesn't seem to work in any browsers I've tried, since 'auto' isn't a valid value for the letter-spacing property. Any ideas? I guess I could just center the text and then work out a letter-spacing value that would be close enough for most things, but that feels like cheating to me. :) Hi Chris, Let me understand further... If I got it, you want that all the chapter titles are in fixed width box and, on second the length of the string, you want to adjust the letter spacing in order to fit every chapter string title in the same box width. Am I right? By the way, the ex measure unit in CSS does not exist for width. You can use, on second your needs: px, pt (I recommend to use only for print styles), % or em. See http://www.w3.org/TR/CSS21/visudet.html#propdef-width for further info. Regards -- ~ Cristian Palmas ~ http://www.cristianpalmas.it __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Trying to emulate a LaTeX trick in CSS...
2009/4/9 Philippe Wittenbergh e...@l-c-n.com On Apr 9, 2009, at 5:19 PM, Cristian Palmas wrote: By the way, the ex measure unit in CSS does not exist for width. You can use, on second your needs: px, pt (I recommend to use only for print styles), % or em. See http://www.w3.org/TR/CSS21/visudet.html#propdef-width for further info. That is incorrect. It is certainly possible to use 'ex' for width. the quote URL says: Value:length | percentage | auto | inherit length brings us to http://www.w3.org/TR/CSS21/syndata.html#value-def-length There are two types of length units: relative and absolute. Relative length units specify a length relative to another length property. Style sheets that use relative units will more easily scale from one medium to another (e.g., from a computer display to a laser printer). Relative units are: * em: the 'font-size' of the relevant font * ex: the 'x-height' of the relevant font * px: pixels, relative to the viewing device Philippe --- Philippe Wittenbergh http://l-c-n.com/ It seems I should have got further in the search... There always is something new to learn about... Thanks Philippe. -- ~ Cristian Palmas ~ http://www.cristianpalmas.it __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] CSS Menu Over Many Web Pages in a Site
2009/4/5 Wayne Wickson webde...@gmail.com ... Lets assume I am designing a web site of one hundred pages. I design a horizontal dropdown menu which links to each of the *one hundred pages*. So each page is available from each of the other pages. I need to add a new page or several pages. Is there a way, using only CSS, to easily change the menu on each of the one hundred pages on the site without actually using an editor and modifying the one hundred lists one list at a time? Thanks for any help I receive. Hi Wayne, If you don't want to get crazy, first of all you need to use instruments that let you design your structure (XHTML, XML or what else) in one hit. That means to use editors that let you define snippet of code to be re-used as template (let's say Dreamweaver, for example) expecially if your site is in pure XHTML; or you must use some programming language (PHP, ASP,...) to define dynamically the structure of your pages, in this case of the menu. Suppose to use PHP. You can define functions to create the XHTML of the menu using instructions to make the menu behave in certain ways on second the page of the site the user is visiting. For example, you can change the link in the menu list into a simple item list in bold and without a link when the user is on the page pointed by that link. The CSS implementation is the last of your problems. If you plan your menu functions well, the XHTML created will be filled with the necessary classes and ids to use to make the presentation of the menu like you want to. Anyway, even if it is not the subject of this discussion, in my opinion you should avoid to create dropdown menus with one hundred of pages. If you really need to have such a number of links and you can't split them into smaller lists, then I think a menu list in a column is better. This is just my opinion... but let you think to be the user of your web site... Bye. -- ~ Cristian Palmas ~ http://www.cristianpalmas.it __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Background extended by border property
2009/2/5 David Laakso da...@chelseacreekstudio.com Cristian Palmas wrote: Hi all, I have noticed a CSS behaviour that seems strange to me, so I thought of asking to someone for some explanation. I have this snippet of XHTML 1.0 strict code: css and html trimmed Not sure I understand what you are getting at. Or is it that I am not sure what I am getting at :-) ? The height of .a is is approx 104px with .top and provides a reference (the border) above and below h1 that tells the browser to the paint .a with background-color #ccc. The height of .a is is approx 102px if .top is deleted and tells the browser to only paint h1 with background-color #ccc. If you took it one step further, and moved background-color #ccc to .a , and deleted .b and .top, the height of .a will be approx 102px and the browser will paint .a with background-color #ccc. Hi David, I wasn't getting at something particular with that simple snippet of code. I was creating a 3-column fixed width layout and I noticed the behaviour of collapsing margin in the header div. So I studied that behaviour with that snippet of code: say #layout the .a div; say #header the .b div; say #site-title the h1. It didn't give me layout problems or else. It was just curiosity to understand that behaviour I've never seen in action before. A theoretical, not practical this time, problem I wanted to understand, since It appeared not intuitive to me. Anyway, thanks to your response and Georg's, I understood much more about collapsing margin. I also read about it in these following useful articles (besides the W3C specs, obviously - even if badly explain, for my point of view): - http://complexspiral.com/publications/uncollapsing-margins/ - http://reference.sitepoint.com/css/collapsingmargins Googling collapsing margins one can find other useful stuff. Regards -- ~ Cristian Palmas ~ http://www.cristianpalmas.it __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Background extended by border property
Hi all, I have noticed a CSS behaviour that seems strange to me, so I thought of asking to someone for some explanation. I have this snippet of XHTML 1.0 strict code: div class=a div class=b top h1Page Title/h1 /div /div and the CSS code is: * { margin: 0; padding: 0; } .a { width: 700px; margin: 20px auto; border: 1px solid #00; } .b { background: #cc; } .top { border-bottom: 1px solid #cc; border-top: 1px solid #cc; } h1 { margin: 1em 0; } Now, I tested it only on FF 3.0.5 on Win XP SP3 and, if I comment the .top properties, the background of the title container b is shortened to contain h1 without margins (and till now it is obvious). What I cannot understand is that if I uncomment the .top border properties, the background is extended containing even the h1 margins. I achieve the same thing as the following CSS code: * { margin: 0; padding: 0; } .a { width: 700px; margin: 20px auto; border: 1px solid #00; } .b { background: #cc; } .top { } h1 { padding: 1em 0; } May anyone tell me why? Thanks in advance. -- ~ Cristian Palmas ~ http://www.cristianpalmas.it __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Background extended by border property
2009/2/4 Cristian Palmas cristian.pal...@gmail.com 2009/2/4 Gunlaug Sørtun gunla...@c2i.net Cristian Palmas wrote: Hi all, I have noticed a CSS behaviour that seems strange to me, so I thought of asking to someone for some explanation. [...] May anyone tell me why? See collapsing margins... http://www.w3.org/TR/CSS21/box.html#collapsing-margins ...a rather complex part of CSS standards. Borders on .top will make .top expand to contain h1's vertical margins, while .top without borders will only contain the h1 itself and not its vertical margins. regards Georg -- http://www.gunlaug.no Thanks Georg, I've already heard about it but I've never seen it in action. Bye. -- ~ Cristian Palmas ~ http://www.cristianpalmas.it -- ~ Cristian Palmas ~ http://www.cristianpalmas.it __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Opera problem with footer
@Georg Gunlaug Hi Georg, I corrected the parsing error (I forgot a comma into the code) and the resulting validation points errors only for the CSS3 properties and the Opera hack I let in the stylesheet (without any property declared.) The link to the relevant code is at http://www.tecnicaed.it/sites/all/themes/puntidincontro/puntidincontro.css?s @Virgilio Quilario Hi Virgilio, Thanks for the response. But I deleted the height property for .content because if the user want to stretch the fonts he has to be able to read the footer paragraphs without seeing them cut away from the height of the content. So .content div must stretch according to the font-size the user want to use. Thanks to all. -- ~ Cristian Palmas ~ http://www.cristianpalmas.it __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Opera problem with footer
2009/2/1 Gunlaug Sørtun gunla...@c2i.net Regarding the original problem: Opera will cooperate if you... 1: delete 'float: left;', and 2: add 'left: 0;' ...on #footer .logo-footer. Absolute positioned elements can't float. A:P takes precedence, so it doesn't make sense to declare 'float' on that element, and for reasons unknown to me the latest Opera versions don't like to see that impossible combination. Older Opera versions simply ignored 'float' in such a combination - same as most other browsers do. regards Georg -- http://www.gunlaug.no Hi Georg, Many thanks. I didn't think that it is not coherent to declare A:P and at the same time float it. Regards -- ~ Cristian Palmas ~ http://www.cristianpalmas.it __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Opera problem with footer
Hi all, I have a problem on a client's site at the address http://www.tecnicaed.it. The footer has a div.logo-footer which has these properties: #footer .logo-footer { width: 196px; float: left; margin-left: 12px; margin-top: -12px; position: absolute; top: 50%; } The intention is to make it always be in the middle height of the footer, even if a user increase the font-size properties of the browser (I tested it using 16px). This simple solution works for IE7 6, FF3.0.5, Chrome 1.0.154.46 and Safari 3.1.2, all of them on WinXP SP3. But in Opera 9.61 it does not work: the .logo-footer is position at the top and half cut. Could someone tell me why? Thanks in advance. -- ~ Cristian Palmas ~ http://www.cristianpalmas.it __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] IE6 and !important
Hi, I was locally testing the predominance of inline styles in the XHTML tags on CSS style properties and, to make the CSS win I added !important to every line of the CSS settings. I saw the result in IE6 and I noticed that it recognized the !important clause! For what I've read about it, it is not possible. So I want to ask: does it depend on the fact that I installed IE6 with Multiple IE Installation? Can it behave like that because I have IE7 installed on my laptop too? Thanks in advance. -- ~ Cristian Palmas ~ http://www.cristianpalmas.it __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE6 and !important
2009/1/25 Ingo Chao ichaoc...@googlemail.com No, IE6 recognizes the !important declaration. The bug in IE6 is, the property with this declaration can be overridden within the same rule set. Some use this bug to send specific values to IE6. h1 { color: green !important; color: red; } This is just another example why undocumented hacking is a bad idea. In the end, some think !important does not work in IE. But it is ok as long as it is not used within the same ruleset. Ingo Hi Ingo, Thanks for the clarification. -- ~ Cristian Palmas ~ http://www.cristianpalmas.it __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Help in creating a photo gallery
2009/1/23 u24y...@gmail.com u24y...@gmail.com: I need some guidance in choosing a gallery. What I'm wanting is when you do a mouse-over or a click onto a thumbnail, a gallery pops up showing 5 images with a line of text under each one. Hit a close button and you are back to the list of thumbnails. So the basic page would have about 10 thumbnails on it with a line of text under each one. The pop-up could be just one large window with a scroll bar showing all 5 images with-out having to navigate through each one. My other concern is with so many images on one page, how to speed up the loading of this page, using css to keep it simple and also a faster pre-load. With my hosting package, on my cpanel under software/ Fantastico there are 3 gallery packages that I could install. Would this make it simpler to create? I've never used any of these. Coppermine Photo Gallery 4Images Gallery Gallery 2 thanks in advance for your input chris Hi Chris, I think this is an off topic (OT) question. This list deals with CSS design, not with web design or programming. If you need CSS tips or hints to create a photo gallery, OK, you can ask for them here. Otherwise you can ask in other mailing lists. Perhaps maybe this is not OT in the web design list (l...@webdesign-l.com), even if I think it is. Regards. -- ~ Cristian Palmas ~ http://www.cristianpalmas.it __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Help
2009/1/22 sta...@aol.com: Hi - I'm trying to do a very simple CSS site, but when checking my site in IE 7, my navigation is missing. It's showing in all other browsers except for IE. I'm also, having a hard time getting my footer to work. My page can be viewed here: http://doodlebugstudio.com/diadem_hq_site/web/competition.html CSS can be viewed here: http://doodlebugstudio.com/diadem_hq_site/web/css/diadem_sub.css Any suggestions on how to fix would be greatly appreciated. Thanks. Stacy Hi Stacy, First of all, validate your XHTML code and CSS because there are several errors. You can validate XHTML at http://validator.w3.org/, whereas your CSS at http://jigsaw.w3.org/css-validator/ I use the web developer toolbar in Firefox to speed up my validation. If you use FF like me, install it through the addon page https://addons.mozilla.org/it/firefox/. Remember: DO validate your code always before asking yourself why a box is misbehaving. Only AFTER cleaning up your code, you can think about the rendering problem. Regards. -- ~ Cristian Palmas ~ http://www.cristianpalmas.it __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Font stack article
Dejan Kozina wrote: For all those in search of sensible values for font-family: http://www.sitepoint.com/article/eight-definitive-font-stacks/ djn Thanks for the link, Dejan. It's a really interesting point of view to know about typography. In my opinion, though, the author would have considered the font-size issue too. In the font stack examples, there were many differences in font-size and even in font-spacing. I think (but I didn't try yet) that in some cases may happen that on Linux, for instance, one sees the fonts at 16px and on Win he/she sees them much smaller. The author himself wrote that on Vista some of the choices were smaller than the other similar fonts in the stacks. Anyway that article is a good starting point to make our own experiments on font-family choices. -- ~ Cristian Palmas ~ http://www.cristianpalmas.it __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Help needed for a brand new site (in costruction)
2009/1/5 Gabriele Romanato gabriele.roman...@gmail.com Dear all, as you can see, my english resources are scattered through 2 directories. I've realized that although Google seems to like these resources, this is not the best solution for my English-speaking readers. So I've created a 3d-level domain on www.css-zibaldone.com. Now I ask you: what features would you like to see here? Please choose among the following or propose new ones: 1. Tutorials on CSS: from beginner to pro 2. Projects: Sites or things I've worked on 3. Demos (clonings, prototypes, etc.) 4. CSS and: 4.1 JavaScript 4.2 DOM 4.3 SVG 4.4 XML ... other Help me to build a great new site. Thanks! G. ^.^/ Hi Gabriele (are you Italian like me?), I think that will be useful for you to make a Projects page with your work, both to make other know your competence and to inspire someone else viewing the solutions you applied. For the CSS point of view (and to avoid being OT...) I think that might be more useful to develop point 4 instead of point 1. There is a huge bunch of CSS basics material out there, more or less intuitive, simple and/or complete. Instead, there is little about CSS and particular integration with SVG and XML. Even Javascript and behaviour with the DOM are important subjects to analyse: there is some material about but the more is the better... Your examples about CSS/XML you pointed out some e-mail ago in this mailing list were very interesting. Bye. -- ~ Cristian Palmas ~ http://www.cristianpalmas.it __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] IE ul li float problem
Hi list, I'm in trouble to find a solution for IE7 and IE6 with list floating. You can see the example at http://csstest.cristianpalmas.it/list-floating/index.html I cannot find a way to make IE behave like the compliant browsers, even if using display: inline or inline-block. Any idea? Thanks in advance. -- ~ Cristian Palmas ~ http://www.cristianpalmas.it __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Fwd: negative background position for sprite
I forgot to add css-discuss to the address... -- Forwarded message -- From: Cristian Palmas [EMAIL PROTECTED] Date: 2008/10/24 Subject: Re: [css-d] negative background position for sprite To: Marty Martin [EMAIL PROTECTED] 2008/10/24 Marty Martin [EMAIL PROTECTED] Greetz everyone, So I have this H1 tag and I have a little graphic sprite I want to negatively position to the left of the H1 but when I do, the sprite gets cut off at the box border of the H1. Is there a way around that so I can negatively position the sprite without it getting cut off? Here's what I have (spaces added for emailing purposes)-- h1 class=mountain Front-Porch Living Is Alive and Well in the South /h1 CSS-- h1 { font: 1.4em Georgia, Times New Roman, Times, serif; } .mountain { color: #9b422d; background: url(images/h1-mountain-arrow.png) -15px 0px no-repeat; } All help appreciated! Marty Martin Hi, If you put the sprite in the background of the h1 tag, it is obvious that it is cut off by the box of the tag. I don't know what kind of code you have but in theory this snippet would work: h1 { font: 1.4em Georgia, Times New Roman, Times, serif; margin-left: 15px; /*-- add to push on the right the text of the h1 tag */ } .mountain { color: #9b422d; background: url(images/h1-mountain-arrow.png) 0px 0px no-repeat; /*-- change -15px into 0px and see the result */ } Hope this helps. -- ~ Cristian Palmas ~ http://www.cristianpalmas.it -- ~ Cristian Palmas ~ http://www.cristianpalmas.it __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE menu not showing bg of links
2008/9/17 Cristian Palmas [EMAIL PROTECTED] Hi All, I'm creating a XHTML/CSS template on a proprietary .NET CMS. I'm now facing bugs in IE7 and IE6, so you can see different problems in those browsers, in this moment. I'm now trying to correct the horizontal tab menu in the page at the link http://portali.ltt.it/aicod/PortaleMuseoBarezzi/antonio_barezzi/articolo.aspx . The customer wants to custom the li.sel elements in order to highlight the link reguarding the page in which you are. In all the browser (except IE7 and IE6) you can see that Antonio Barezzi link is highlighted with a purple rounded corner rectangle. The bg is created by 3 photos to make the link correctly stretch. I've tested locally the snippet of code and it worked on FF3, Safari 3.1, Google Chrome, Opera 9.51, IE7, IE6. But the online version in IE7 and IE6 doesn't show the p and the a elements' background. I solved the problem adding extra properties like those: #menuheader .categorie li.sel p a { background: transparent url(../img/pagineinterne/hover_alto_centrale.png) repeat-x top left; overflow: hidden; /* -- Added to make IE7 correctly show all the backgrounds of the p, a and .sel elements*/ * html #menuheader .categorie li.sel p a {display: inline-block;} /* -- Added to make IE6 show the backgrounds */ -- ~ Cristian Palmas ~ http://www.cristianpalmas.it __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Opera extra margin or padding
Hi All, I'm creating a XHTML/CSS template on a proprietary .NET CMS. I'm now facing bugs in IE7 and IE6, so you can see different problems in those browsers, in this moment. The question is: in the page at the link http://portali.ltt.it/aicod/PortaleMuseoBarezzi/antonio_barezzi/articolo.aspxthere is a table underneath the article. The th cell in which Nota is written in a sort of purple color behaves normally in every browser but Opera 9.51. The properties set for the th and the tr cells are in pagineinterne.css: #content #campiaggiuntivi tr {} #content #campiaggiuntivi th { width: 7em; padding: 5px; color: #3b0505; vertical-align: baseline; font-weight: bold; border-right: 1px solid #a9aaa6; } Opera 9.51 adds an extra left padding (or margin) of about 10px to the th or the tr. Why? -- ~ Cristian Palmas ~ http://www.cristianpalmas.it __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Opera extra margin or padding
2008/9/17 Philippe Wittenbergh [EMAIL PROTECTED] On Sep 17, 2008, at 3:31 PM, Cristian Palmas wrote: http://portali.ltt.it/aicod/PortaleMuseoBarezzi/antonio_barezzi/articolo.aspxt The th cell in which Nota is written in a sort of purple color behaves normally in every browser but Opera 9.51. Opera 9.51 adds an extra left padding (or margin) of about 10px to the th or the tr. Why? Adding th {text-align:left;} would fix this. Apparently, Opera 9.5, 9.6b (and older ones ?) fail to inherit the {text-align:left} declared on a rule in one of the parent divs (#container), as it should [1]. What you see is the default centre-alignment for the content of a th. [1] text-align inherits http://www.w3.org/TR/CSS21/text.html#propdef-text-align Philippe --- Philippe Wittenbergh http://l-c-n.com/ Thanks Philippe, I fixed it. -- ~ Cristian Palmas ~ http://www.cristianpalmas.it __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] IE menu not showing bg of links
Hi All, I'm creating a XHTML/CSS template on a proprietary .NET CMS. I'm now facing bugs in IE7 and IE6, so you can see different problems in those browsers, in this moment. I'm now trying to correct the horizontal tab menu in the page at the link http://portali.ltt.it/aicod/PortaleMuseoBarezzi/antonio_barezzi/articolo.aspx . The customer wants to custom the li.sel elements in order to highlight the link reguarding the page in which you are. In all the browser (except IE7 and IE6) you can see that Antonio Barezzi link is highlighted with a purple rounded corner rectangle. The bg is created by 3 photos to make the link correctly stretch. I've tested locally the snippet of code and it worked on FF3, Safari 3.1, Google Chrome, Opera 9.51, IE7, IE6. But the online version in IE7 and IE6 doesn't show the p and the a elements' background. The snippets are: CSS: #menuheader { float: left; clear: both; height: 39px; margin-top: 2px; } #menuheader .categorie { font-weight: normal; } #menuheader .categorie li { float: left; padding: 0; margin-right: 5px; } #menuheader .categorie li.ultimo {margin-right: 0px;} #menuheader .categorie li p { display: block; font-size: 1.0em; margin: 0; padding: 0; } #menuheader .categorie li p a { display: block; color: #ff; padding: 10px; margin: 0 5px; } #menuheader .categorie li.sel {background: url(../img/pagineinterne/hover_alto_sx.png) no-repeat top left;} #menuheader .categorie li.sel p {background: url(../img/pagineinterne/hover_alto_dx.png) no-repeat top right;} #menuheader .categorie li.sel p a {background: url(../img/pagineinterne/hover_alto_centrale.png) repeat-x top left;} XHTML 1.0 Strict: div id=menuheader ul class=categorie li class=primo selpa href=/aicod/PortaleMuseoBarezzi/antonio_barezzi/default.aspxspanAntonio Barezzi/span/a/p/li lipa href=/aicod/PortaleMuseoBarezzi/il_museo/default.aspxspanIl Museo/span/a/p/li lipa href=/aicod/PortaleMuseoBarezzi/le_collezioni/default.aspxspanLe Collezioni/span/a/p/li lipa href=/aicod/PortaleMuseoBarezzi/la_discoteca/default.aspxspanLa Discoteca/span/a/p/li lipa href=/aicod/PortaleMuseoBarezzi/il_catalogo/default.aspxspanIl Catalogo/span/a/p/li lipa href=/aicod/PortaleMuseoBarezzi/pubblicazioni/default.aspxspanPubblicazioni/span/a/p/li li class=ultimopa href=/aicod/PortaleMuseoBarezzi/news/default.aspxspanNews/span/a/p/li /ul /div The web designer of my customer had the same problem in a recent project on the same platform. Could it be a CMS problem? Maybe the CSS has problems with generated content (since the menu is dinamic)? -- ~ Cristian Palmas ~ http://www.cristianpalmas.it __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Site check - cristi
2008/6/13 Felix Miata [EMAIL PROTECTED]: On 2008/06/12 17:09 (GMT+0200) Cristian Palmas apparently typed: The link is http://www.cristianpalmas.it. Classic example of web users' biggest complaint: http://fm.no-ip.com/SS/SC/sc-crispa1.jpg http://www.useit.com/alertbox/designmistakes.html Web browser defaults for each individual user are presumptively exactly best. Any other assumption in site styles is 100% rude, regardless that authoring practices to the contrary are pervasive on the web. If you don't like the browser defaults, YOU'RE supposed to change them in your own BROWER, not everyone else's via your corpulent stylesheets. No one else's needs changing, because they're presumptively perfect. The right time to do the right thing is always now, and not determined by majority behavior. http://www.w3.org/QA/Tips/font-size http://tobyinkster.co.uk/article/web-fonts/ http://www.dev-archive.net/articles/font-analogy.html http://www.xs4all.nl/~sbpoley/webmatters/fontsize.html http://fm.no-ip.com/auth/bigdefaults.html http://www.cameratim.com/personal/soapbox/morons-in-webspace HTH -- Where were you when I laid the earth's foudation?Matthew 7:12 NIV Team OS/2 ** Reg. Linux User #211409 Felix Miata *** http://fm.no-ip.com/ Hi Felix, Thanks for the useful links and for the advice. I overrode the default font-size settings in order not to break the graphic layout. Anyway, I will study as soon as possible solution to the home and blog links image problems and font-size problems. And I will see whether to change some background to improve readability, too. Regards. -- ~ Cristian Palmas ~ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Site check
Hi List, I recently published my personal site and developed my personal CSS theme for Drupal 6.2. May some of you check the site with IE on Mac and, in general, with IE5.5, IE5.0, Opera and Safari for PC and Mac? I just tested the site with FF2, Safari 3, IE7 and IE6 on PC. It appears to work well (hoping not to have missed out some bug or error). The link is http://www.cristianpalmas.it. Important notes: 1. There are more than one CSS file because most of them concern the Drupal modules (but they can be changed, of course). The main layout is driven by style.css, in which are imported general.css and main.css. Here are the links: style.css: http://www.cristianpalmas.it/sites/all/themes/custom/chrhome/style.css general.css: http://www.cristianpalmas.it/sites/all/themes/custom/chrhome/general.css main.css: http://www.cristianpalmas.it/sites/all/themes/custom/chrhome/main.css 2. The CSS does not validate because I used proprietary properties (like zoom and -moz-opacity) to make the dropdown transparent and work around the bug in IE6 which causes the doubling of the lineheight. Any suggestion to avoid the use of these properties but reaching the same effect is obviously accepted. Thanks a lot. -- ~ Cristian Palmas ~ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Suckerfish Dropdown menu with opacity
2008/4/20, Al Sparber [EMAIL PROTECTED]: From: Aleksandar Vacic [EMAIL PROTECTED] The way filter is implemented in IE prevents it render any of its child outside the given region. Thus the submenus that should go outside the one where filter is applied are not shown. There is no solution to this. At least that was my experience. Assign the opacity filter to the LI instead. There are some transparency examples listed on this page: http://www.projectseven.com/products/menusystems/pmm/css_tweaks/ Although it's for our scripted menu, the same techniques should work for Suckerfish. -- Al Sparber - PVII http://www.projectseven.com Fully Automated Menu Systems | Galleries | Widgets Raising Dreamweaver Widgets to a higher level Thanks Al, I applied the filters on the li tag instead of the ul one and they work. For Terri, as soon as possible I will publish my site www.cristianpalmas.it on which I use the dropdown. For now I'm working on using Smarty template engine to use my XHTML template on Drupal 6. Bye. -- ~ Cristian Palmas ~ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Most popular fonts for browsers
2008/4/9, David Hucklesby [EMAIL PROTECTED]: Personally, I do believe this subject is most relevant to the practical use of CSS. Rather than a design choice it's a question of what is available? Accordingly I'll put a book in my britches and mention a resource that's a bit more contemporary than those already listed: http://www.apaddedcell.com/web-fonts Cordially, David Thanks David for your useful resource. Thinking about it, I agree with you when you say that it is a matter of practical use of CSS. Anyway I think that we discussed this subject perhaps too bit further... Now we have all resources to make our choice concerning typefaces. Thanks to all of the list. -- ~ Cristian Palmas ~ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Most popular fonts for browsers
Hi All, I'm creating a CSS layout for my personal website, divided into six subdomains, that each has its own layout. In literature section I want to use a banner with a particular typeface that reminds the act of writing (Mistral, Lucida Sans and so on). Anyway, since I don't want to create images to take place on the h2, h3, h4 tags, I was thinking about a good font to use both for the banner and for the literature subdomain titles. Every browser can show the true type fonts installed on their machine: if I don't have Comic Sans MS installed, my browser can't show it. So I was looking for most popular fonts in order to choose one that fits my visual layout intentions but which is commonly used by users. Does anybody know about a list of commonly used fonts? Thanks. -- ~ Cristian Palmas ~ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] WAS: urgent - deadline: background image in list doesn't change
2008/4/4, Luc [EMAIL PROTECTED]: Good afternoon list, Seem i was to hasty on the mail trigger... need to adjust my paddings and margins it seems sorry to waste everybody's time!!! -- Best regards, Luc Asking questions and sharing informations is never a waste of time. Don't worry about it. Glad to know you fixed your problems. Goodnight. (Well, in Italy is actually night...) -- ~ Cristian Palmas ~ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Star-html hack in IE7
Hi, What are the problems with the star hack into IE7? Must I use conditional comments or there are other ways? I hope so... Thanks in advance. -- ~ Cristian Palmas ~ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] IE6 and IE7 on the same machine
Hi, Can I install on my Win XP SP2 PC Internet Explorer 7 but keeping the IE6 for test purposes? Thanks -- ~ Cristian Palmas ~ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Floating Divs of Unequal Height
2008/3/30, Bruno Fassino [EMAIL PROTECTED]: [1] http://brunildo.org/test/ImgThumbIBL.html Best, Bruno Bruno, I visited your link above. The page looks simple but good, but your CSS does not validate because of the display: -moz-inline-block; property and min-width assigned to a media. I've always asked myself whether a CSS failed validation can create problems in debugging or not. And even for XHTML failed validation: does it affect searche engines? Bye. -- ~ Cristian Palmas ~ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] browser combatibility issues
2008/3/27, Daniel Hammond [EMAIL PROTECTED]: Thanks, that fixed it in Safari. IE still ignores it altogether, but I guess that's ok. Daniel Hi Daniel, I've tested your page on Safari 3.1 for PC (under Win XP Home SP2): I saw that the rollover effect is incorrect, because a small portion at the bottom of the images is not rolled over. I visited your page also with IE6/Win and the rollover is not shown at all. So I figure that the problem is not only IE7 but all the IE family. -- ~ Cristian Palmas ~ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE incorrect box model with percentages?
2008/3/24, Gunlaug Sørtun [EMAIL PROTECTED]: Read this article - all of it... http://www.w3.org/International/articles/serving-xhtml/ ...and if what's written there doesn't apply to your encounter with box-model problems in IE6, then give us a link to a live page of yours so we can see what's causing them. regards Georg -- http://www.gunlaug.no Thanks for the useful link, Georg. It teaches me that for browser compatibility's sake it is better to have XHTML 1.0 documents served as HTML instead of XHTML 1.1 as XML. But even if I turned my pages into XHTML 1.0 Strict, the problems still remained. Moreover, even if with FF2 (PC/Win and PC/Linux) the central content was rendered correctly, it didn't in Safari 3.1 (PC/Win) and Opera 7 on Linux (a little 3px margin appeared on the rightmost column menu). Anyway, I fixed the problems, even in IE6, using the Ryan Thrash approach for creating rounded boxes with CSS. I modified it to work with a fluid layout and also for small blocks. The approach uses Holly Hack, Box Model Hack and other expedients. If anyone is interested in the Ryan Thrash approach, here is the link: http://www.modxcms.com/simple-rounded-corner-css-boxes.html. Reguards. -- ~ Cristian Palmas ~ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] IE6 in standard mode?
Hi Folks, from the e-mail read so far, I argued that IE6 can work in standard mode like FF2 and the other standard compliant browsers (even if several hacks are necessary). It is right or things are not so simple? Regards. -- ~ Cristian Palmas ~ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] IE incorrect box model with percentages?
Hi, I'm Cristian Palmas and I'm starting now my experience ad a web designer. I'm creating my personal web site with Drupal and I'm working on the XHTML and CSS templates. After writing the general rules for the various divs of the page and after testing the layout with Safari 3, Firefox 2, Opera 7 and IE6, I noticed that the width of the divs in IE6, even if expressed in percentages, differed from those shown in the other browsers. So the question is: can the box model problem be solved in IE using percentages or I need to use some more workaround? Thanks in advance. Best reguards. Cristian Palmas __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/