Re: [css-d] Font size
Use font-weight:500; An for bold use 700 Sent from my iPhone On Jul 16, 2009, at 1:12 PM, David Laakso da...@chelseacreekstudio.com wrote: Daniel Gerep wrote: Hi guys... I'm using a font-size:18px; and the font is bold(obvious) but is there a way to make it not bold? =) Thanks in advance... Yes. Add this to the declaration: font-weight:normal; __ 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-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] Fluid Page + Centered 80% Div + Thumbnails
Sorry for the late reply, and why yes. Thank you it is! -ck On May 6, 2009, at 5:33 PM, Tim Snadden wrote: On 7/05/2009, at 11:08 AM, Court Kizer wrote: I have a thumbnail gallery composed of 200px by 200px thumbnails. I put them in a 80% wide DIV and allow them to reflow as the browser resizes. This works great. However I do NOT want it justified to the left. So I put margin: 0 auto; on my 80% width div. It's a bit difficult without seeing an example, but I suspect you need to contain floats. There are a number of ways of doing this. One would be to set 'overflow: auto;' on the container. Have a look at this: http://snadden.com/sandbox/thumbnail.html Is that the kind of effect you were looking for? __ 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] Getting absolutely positioned divs with bottom: auto to end together
Inserts fuuny joke about tables here. I've actually more and more been considering transparent pngs instead of tables. I figure. If I call the image. Strictly_valid_css3.png it will be fine heh sorry I thought u could us a little joke this makes me depressed. I did something similar with scripting js and 200 lines of code. My mockup used a table. And was 12 lines. And was more valid. I think after 10,000 lines of hacks I'm going to stop pretending that many times the fasest and clean, valid code involves a table with CSS. I really feel like our whole community has been told that it's evil. So we write another 10,000 lines and 12 specific browser sheets instead of using the one Valid element support by browsers and rendered faster than othe tags. I'm nnot saying my lAyouts will be full of tables but I've decide to stop being proud of the fact and tellin clients if course it's tableless!!! And instead start telling them he yes I used a table with css and a table center works. I guess I'm just all wondering how many hours and years of our lives we spent at a computer screen. I know in 20 years the do everything with css is going to bother me. Wasted life and for what? If tables fit a situation we should use them. Am I crazy for saying this here? I want a revolution! A group of rebels who use tables responsibly, Daring to say 200 lines and hours when a situation requires it. We're all getting to old for this. I'm sorry for this but what do other people feel. I was up last night a 4am enjoying the css hacking. And then I looked over at my sleeping wife and realized. I could have done the hack with a table... It made me think maybe we like the challege if that's the case we better hope IE always sucks and web standards are allways messy. Otherwise we might just end up being UI artists instead of magic wizards with power. Happy Mothers day ! Cheers! Sent from my iPhon On May 10, 2009, at 8:49 PM, Philippe Wittenbergh e...@l-c-n.com wrote: On May 11, 2009, at 11:17 AM, Michael Leibson wrote: ... While building two more pages for that site -- www.thinkingmusic.ca/analyses/coltrane, and www.thinkingmusic.ca/analyses (the much smaller page of the two), I’ve begun to implement some of your recommendations. One of these was to allow containers’ heights to be deterimined by their contents, rather t han by a given, fixed amount. I’ve now tried to do that, by giving my absolutely positioned divs positions for left, top, and right, but leaving their bottoms as “auto”. To get all containers to ‘conclude’ at the same point, at the bottom of the page, I’ve given their bottom-most elements the margin-bottom measurements required to do that. However, I’m getting unexpected results that I don’t understand: 1) Firefox, Safari, Opera and IE each interprets the measurements between successive link- containing ul’s (within the page’s #left div) differently, which means that that div only concludes at the same point as its neighbouring div in Firefox (within which I designed the page), and no other browser. Instead of all divs ending at the same place at the bottom of the page, I get a ragged end-of-page. If it helps, On my Mac, Firefox 3 and 3.5b4, Safari 4b, Opera 10b all display a 'ragged end-of-page'. Safari and Firefox display the same, in Opera 10 the difference in height is less pronounced. The total height of those 2 columns will also depend on the line- height, and how browsers interpret the 'normal' keyword - you don't specify any line-height as far as I a can tell. Specifying a line-height will normalise things a little, but you might still be at the mercy of differences in rounding of values to the nearest pixel between browsers. 2) In Firefox, zooming all elements gives the #left div greater or lesser height than its neighbouring div, depending on the degree of zoom. Text zoom or page zoom ? With page zoom, there is little difference. With text-zoom, the columns will on grow based on the text content. The margins in your left column will not change the same way, as they are specified in pixels. Are these differences the result of my own errors, or normal browser behaviour? If the result of browser behaviour, I’d rather just find a way to ensure that all divs conclude at the same point (and leave the minor differences alone), rather than write re-calibrated measurements for each browser. Is there a way to do this? Google 'faux columns', or try one of the following techniques: http://www.positioniseverything.net/articles/onetruelayout/ http://www.satzansatz.de/cssd/companions.html Personally, I'd go with a 'ragged end-of-page' by design :-) PS - the little images in your #left column contain a colour profile. This causes a (severe) colour mismatch in browsers that support colour management for images (Safari, Firefox 3.5b). The embedded colour profile is the one coming
Re: [css-d] IE 8
Kathy: Sorry I haven't been able to respond. It seems that you are hearing the same thing from other people. Right now I can't unfortunately reach the SVN where I saw the problem. What I did see is the hacked stand-alone IE even with the proper .dll files for PNG transparency started pushing background position items off parts of the page (instead of just not working) when a real windows IE 6 imaged with the same OS was working. Other stuff was breaking too, elements and such to a point that we stopped using it because things would render different for each of the customers. Bug me in a few days to remind me and I'll get you lots of proof ;-) Cheers! -ck On May 4, 2009, at 5:11 PM, Kathy Wheeler wrote: On 05/05/2009, at 5:25 AM, Court Kizer wrote: I recommend staying away from multiple IE I can think of 20 instances where it will render different from a machine with the real thing. Virtualiin is free. I have asked for documented proofs of this before and so far have received none! Not even sample URL's. I would appreciate more details on those 20 instances. So far MultipleIE for ie 5, 5.5 and 6, with ie8 handling 7 (in compatability mode) and 8 appears to be working as well as (or as badly as) ie *ever* works. And MultipleIE is free too. KathyW. __ 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-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] Fluid Page + Centered 80% Div + Thumbnails
I have a thumbnail gallery composed of 200px by 200px thumbnails. I put them in a 80% wide DIV and allow them to reflow as the browser resizes. This works great. However I do NOT want it justified to the left. So I put margin: 0 auto; on my 80% width div. Obviously this does nothing. I've tried EVERYTHING. At this point I'm not even sure it's possible. I'll take anything as long as it's valid, even if it means I have to use a javascript. Here's a screenshot to give you an idea... http://courtkizer.com/screenshots/Untitled.png Thanks, Court __ 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] IE 8
Sorry I hit send. iPhone 3.0 beta bug. Again if u have a mac install several tinyXP OS and turn o. Unit mode then you can have all the. Variants of every plaform and screen right I side your mac. I use an AppleScript / commandline trinks to double click to post mn current browse windows across the various VMs. Again sorry for the run on email. I'm waiting to board my plane. In the interest of full disclosure I was the UI Sr. Visual design for the VMware fusion product. And yes I know it's badly designed. Win marketing team was the bosses :-) Sent from my iPhone On May 4, 2009, at 7:30 AM, Kenneth MacLean kmacl...@ic.net wrote: I've noticed that many of you are developing with IE 8. Is there a way to install IE 8 on your 'puter and still keep IE 7? Or do you have to use separate machines? __ 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-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] IE 8
Ken. Google TinyXP it is a 200mb build of windows that does NOT have any IE web browsers installed. Everytime I need to work with windows I just copy the 200mb file and put the latest browser on it. I have about 25 super small virtual machines this way for testing. I run them on VMware fusion on my mac. Also check out Microsoft Expression, Ive never used it however Microsoft claims it has.versions of every IE including 8 build in for testing. Id be happy to share my VMs with anyone, there some rule about TinyXP ( I believe it's free if u ever bought a windows box, since it's really only good for browsers. I'd recommend staying awAy frome the hacked stand alone IE versions as the require extra DlLLs and I've noted small variences in the rendering. If you h Sent from my iPhoneyou have a mac you can have every bro 4, 2009, at 7:30 AM, Kenneth MacLean kmacl...@ic.net wrote: I've noticed that many of you are developing with IE 8. Is there a way to install IE 8 on your 'puter and still keep IE 7? Or do you have to use separate machines? __ 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-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] IE 8
I Sent from my iPhone On May 4, 2009, at 6:57 AM, Christian Kirchhoff christian.kirchh...@editura.de wrote: Michael Grosch schrieb: You could either use Virtual PC http://www.microsoft.com/windows/ virtual-pc/default.aspx and one of the free Internet Explorer Application Compatibility VPC Images http://www.microsoft.com/downloads/details.aspx? FamilyId=21EABB90-958F-4B64-B5F1-73D0A413C8EFdisplaylang=en or Multipe IE http://tredosoft.com/Multiple_IE. Michael Am 04.05.2009 um 15:30 schrieb Kenneth MacLean: I've noticed that many of you are developing with IE 8. Is there a way to install IE 8 on your 'puter and still keep IE 7? Or do you have to use separate machines? __ 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-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/ MultipleIE was cool, but doesn't run on Vista (in case you use Vista), plus: it doesn't contain IE 7, so if you upgrade from IE 7 to IE 8 and you use MultipleIE, you won't have IE 7. Aforementioned IETester is still in beta and might not be accurate when rendering for different IE versions. At least that was my experience. But it runs under Vista. ;) Best regards, Christian * * __ 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-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] IE 8
I recommend staying away from multiple IE I can think of 20 instances where it will render different from a machine with the real thing. Virtualiin is free. Sent from my iPhone On May 4, 2009, at 6:57 AM, Christian Kirchhoff christian.kirchh...@editura.de wrote: Michael Grosch schrieb: You could either use Virtual PC http://www.microsoft.com/windows/ virtual-pc/default.aspx and one of the free Internet Explorer Application Compatibility VPC Images http://www.microsoft.com/downloads/details.aspx? FamilyId=21EABB90-958F-4B64-B5F1-73D0A413C8EFdisplaylang=en or Multipe IE http://tredosoft.com/Multiple_IE. Michael Am 04.05.2009 um 15:30 schrieb Kenneth MacLean: I've noticed that many of you are developing with IE 8. Is there a way to install IE 8 on your 'puter and still keep IE 7? Or do you have to use separate machines? __ 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-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/ MultipleIE was cool, but doesn't run on Vista (in case you use Vista), plus: it doesn't contain IE 7, so if you upgrade from IE 7 to IE 8 and you use MultipleIE, you won't have IE 7. Aforementioned IETester is still in beta and might not be accurate when rendering for different IE versions. At least that was my experience. But it runs under Vista. ;) Best regards, Christian * * __ 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-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] Closest thing to Conditional Comments Safari / Firefox
Does someone have some insight on what might be the closest thing to IE conditional comments for Safari Firefox? I know that putting -webkit in front of css will make it safari only. Could I do the same thing -moz-margin-top, or is does mozilla only allow this for CSS 3? I'm looking for the most pain-free way without a massive browser check to have several selective items based on the browser. Is there a quick solution, what's the new browser detect method in the last several years. I haven't needed this for a while. __ 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] styles in elements
I recommend using a free campaignmonitor account. It checks your templates across 20 or so different email programs and provides you with a screenshot. On Apr 28, 2009, at 10:02 AM, Todd Bingham wrote: Generous CSS guys: I'm to build an email newsletter template on behalf of my client (ruthinstitute.org) for a separate CMS firm (Kintarrainc.com) who will manage the data for the client's email mailing list. The template was to have embedded styles to ensure that it displayed in the optimum number of email clients. They looked at what I had done here: http://www.ruthinstitute.org/pages/emailTemplate.html and said it would suffice but that to ensure the most number of friendly recipients, the code should have 'styles' in the selectors rather than referencing individual divs. Can someone please flesh that out for me? I'm not sure what they meannot classes? but 'styles'? Is that tantamount to returning to a table layout? In my studies of CSS I haven't heard of that. ... Todd Bingham toddbing...@mac.com 760806 7699 __ 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-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/
