[css-d] :: page check :: ~d
Goals: 1/ Usable in any given screen width (ie/6 fixed at 780 width) 2/ Look and feel: macho (off-topic comments appreciated off-list, please) Constructive suggestions and comments appreciated. markup http://chelseacreekstudio.com/mhr/ css http://chelseacreekstudio.com/mhr/css/style.css Best, ~d -- desktop http://chelseacreekstudio.com/ mobile http://chelseacreekstudio.mobi/ __ 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 doesn't see styles
David Hucklesby wrote: (snip) Phew! That's a relief. Many thanks for that, James. You learn something every day. I was beginning to doubt IETester, but clearly it's getting it right. Regarding the conditional comments, I thought that this issue had been fixed? There was a discussion about this on PositionIsEverthing[1] some years ago, which led to Tredosoft issuing these standalones along with automatic changes to the registry[2]. Not being sure what your setup is, I don't know if this is relevant - However, according to the Tredosoft site, Multiple IE does not work on Vista. [1] http://www.positioniseverything.net/articles/multiIE.html [2] http://tredosoft.com/Multiple_IE Cordially, David My Multiple IE version sectors (conditional comments) were broken when I allowed IE8 to write over IE7. Not knowing much the registry I assume one fix is to uninstall and reinstall Multiple IE. -- Alan http://css-class.com/ Armies Cannot Stop An Idea Whose Time Has Come. - Victor Hugo __ 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] Width 100% Question - 3rd Attempt
Troy, Thanks for your input. I got to view it in 1024x768 and I see what you mean. I'll heed your suggestions thanks! Elli --- On Wed, 1/20/10, Troy Harshman tmha...@gmail.com wrote: From: Troy Harshman tmha...@gmail.com Subject: Re: [css-d] Width 100% Question - 3rd Attempt To: Elli Vizcaino elli...@yahoo.com Cc: cs...@css-discuss.org Date: Wednesday, January 20, 2010, 11:11 AM I viewed your site in 1024x768 and main sections were misaligned and I did have to scroll horizontally. You won't want to leave it like that. All of the important stuff does fit within my screen, so you're fine with the widths. I would center all of the important stuff and then center the background image, and not force a width of 1600px (which will likely produce a scroll). The important stuff would be viewable down to 1024 without a horizontal scroll, they would just not see all of the background. Those with higher resolutions will see the rest of the background. So basically, fixed width and the amount of background shown will depend on the resolution of the user. Here is an example of a site that does this - http://www.webdesignerwall.com/ On Wed, Jan 20, 2010 at 10:30 AM, Elli Vizcaino elli...@yahoo.com wrote: --- On Tue, 1/19/10, Alan Gresley a...@css-class.com wrote: From: Alan Gresley a...@css-class.com Subject: Re: [css-d] Width 100% Question - 3rd Attempt To: Elli Vizcaino elli...@yahoo.com Cc: cs...@css-discuss.org Date: Tuesday, January 19, 2010, 8:29 PM Elli Vizcaino wrote: 3rd attempt not sure why my email isn't coming through to this group. Hello Gang, I have the main wrapper of a site I'm coding set to width: 100% it contains a background image that repeats across width of page (repeat-x). However I notice that when I resize the viewport the wrapper's background only goes across to the width of the resized window and any containers set to a specified width within it, then look off. If I set a min-width to the wrapper then everything looks fine. I am wondering why min-width has to be set in order for the main wrapper to stretch across the viewport. I thought setting it to 100% would take care of that just the way a background image set to repeat-x on the body element does, no matter what size the viewport is. For an idea of what I'm talking about, go here: http://keithkemper.net/html/index.html and resize your window. TIA, Elli Hello Elli, Ok, take a look at this page (testing something else), http://css-class.com/test/css/bidi/visible-overflow-containing-block-ltr.htm which has a white background on body and blue background on the html. This is normal for XHTML. Since from the specs on overflow [1] has this. UAs must apply the 'overflow' property set on the root element to the viewport. When the root element is an HTML HTML element or an XHTML html element, and that element has an HTML BODY element or an XHTML body element as a child, user agents must instead apply the 'overflow' property from the first such child element to the viewport, if the value on the root element is 'visible'. In layman terms, the body is the *initial containing block* for the wrapper. When you resize the window, the wrapper element overflows the body element into the HTML. So the 100% declared on the wrapper is still 100% of the width of the body element. This leaves you with two simple choices. You may need to check which works better the your page. #kk_main_wrapper { float:left; } or body { float:left; } On my test page, this works with the later. 1. http://www.w3.org/TR/CSS21/visufx.html#overflow -- Alan http://css-class.com/ Alan, Thanks for your response it helped give me a better understanding as to why my wrapper although set to width 100% was not viewing as 100% once the window got resized. I went ahead and tried out some of your suggestions and what I discovered was that whether I applied the overflow property to either the html, body or wrapper container (which btw worked in having a 100% view of wrapper w window resized) was that it removed the scroll bars from the browser window, thus making it impossible for someone to view the site as intended. Basically any one with a lower resolution than what I had set as my min-width would not be able to see the complete site. So in this case, I realize I'm better off setting min-width so folks can at least get scrollbars to view site if need be. Unless you know of a way, that I can apply overflow hidden so my wrapper stretches across window, whether resized or not and the scroll bars can remain intact? Elli __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ --
[css-d] CSS-D Wiki SPAM infiltration
This is maybe common knowledge, but I just noticed that the CSS-D Wiki is, sadly, being overtaken by spam links. Nearly every page has a half dozen bad links on it. I tried cleaning up one page and will try to do it as I come across pages (fortunately, CSS-D Wiki still seems to be high on the google rankings). -DA __ 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-D Wiki SPAM infiltration
The good news, for me, is that this problem led to this post, which led me to learn that there is a CSS-D wiki. - Original Message - From: D A dali...@gmail.com This is maybe common knowledge, but I just noticed that the CSS-D Wiki is, sadly, being overtaken by spam links. Nearly every page has a half dozen bad links on it. I tried cleaning up one page and will try to do it as I come across pages (fortunately, CSS-D Wiki still seems to be high on the google rankings). __ 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] ADMIN: CSS-D Wiki SPAM infiltration
At 10:20 AM -0600 1/20/10, D A wrote: This is maybe common knowledge, but I just noticed that the CSS-D Wiki is, sadly, being overtaken by spam links. Nearly every page has a half dozen bad links on it. I tried cleaning up one page and will try to do it as I come across pages (fortunately, CSS-D Wiki still seems to be high on the google rankings). D A, I hadn't realized this was happening, so thank you for bringing it to the list's attention. I've cleaned up a couple dozen pages but there's no way I can undo all this damage quickly, or even alone. I'm talking with the awesome people at Incutio (longtime hosts of both the wiki and the main public archive) about how to deal with this, and as an immediate measure we've set up a username/password that's required for editing. For the moment, I'm going to keep those largely to myself. Hopefully they won't be necessary long-term, but for now they should stop dead any further spread of spam. We're also talking about migrating the wiki off of TaviWiki, the fairly obsolescent software it uses now, and onto something more powerful and familiar, like MediaWiki. Doing so would allow a lot of feature upgrades, like Akismet plugins and filtering outbound links to include 'rel=nofollow' and so on. The old URLs could be kept cool by setting up permanent redirects as content moves over. In that case, the migration of the pages would most likely need to be a community effort. The Incutio folks are thinking of having a process where someone can move a page's content over to the new wiki, make sure it's decently formatted and properly linked in its new home, and then set up a redirect from old to new URL. We're still hashing the details. While we're doing that, I'd like to get an idea of who would be willing to help with such an effort. If that's you, please e-mail me OFF-LIST. I'll be back with more details as they come together-- could be a few days, could be longer-- to let everyone know what's going on with the wiki. It's an incredibly valuable resource not just to us, but to the whole community. It's too important to let die by either shutting it down or surrendering to slow spammer suffocation. Speaking of spammer suffocation, I feel obligated to close with a brief personal note: as I said on Twitter this morning, the UK company whose domain includes the string 'faqmymortgage' can faq off and die. -- Eric A. Meyer (http://meyerweb.com/eric/), List Chaperone CSS is much too interesting and elegant to be not taken seriously. -- Martina Kosloff (http://mako4css.com/) __ 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 doesn't see styles
Troy Harshman wrote: I played with your code for a few minutes and it appears that the IE6 conditional comments are working. I think your issue is related to browser resolution. It looks fine in IE6 at 1280x1024, but not at 1024x768. Firefox, it looks fine regardless of screen resolution. You also have another issue in IE6, the menus about double in width when you put the mouse over them. __ 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, Troy, sigh It gets worse, doesn't it? I've only ever seen the menu width changing on hover where the styles aren't recognised, but it must be more than that, obviously. I think it's time for a re-design. Cheers Peter __ 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 doesn't see styles
Bill Braun wrote: Peter, I created a template that holds a whole bunch of pieces and parts for a site I am working on. You can include or exclude the different pieces/parts on each page as you wish. It should fit what you are doing, at least as a start. It plays nicely with IE5.5, 6, 7, and 8, FF, Safari, Chrome, and Opera (although it renders slightly differently on the IE browsers, it does not choke, blow up, or commit suicide). The documents are attached. Bill Thanks, Bill, that's very kind of you. Since it looks as though I have to do a redesign, they look like a good option. Cheers Peter __ 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 doesn't see styles
Alan Gresley wrote: My Multiple IE version sectors (conditional comments) were broken when I allowed IE8 to write over IE7. Not knowing much the registry I assume one fix is to uninstall and reinstall Multiple IE. I think that's my problem. Installing IE8. I may try reinstalling MultipleIEs. Cheers Peter __ 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 doesn't see styles
Troy Harshman wrote: I played with your code for a few minutes and it appears that the IE6 conditional comments are working. I think your issue is related to browser resolution. It looks fine in IE6 at 1280x1024, but not at 1024x768. Firefox, it looks fine regardless of screen resolution. You also have another issue in IE6, the menus about double in width when you put the mouse over them. Yup. I just reinstalled MultipleIE on my XP installation. That fixed the registry problem, but I can now see the issue that you mention. Like I said: time for a redesign. Floats? Absolute positioning wrt the viewport? So many decisions... Thanks Peter __ 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] Fraction bar
Jukka K. Korpela wrote: I'm afraid you misunderstood the question, or the OP misunderstood what fraction bar means. It means a character resembling / but with different angle and properties, used to construct fractional numbers in a particular rendering, similar to that of ½. It was pointed out to me, in private e-mail, that fraction bar means a horizontal bar, and it seems that I was mistaken indeed. I assumed the question was about rendering fractional numbers using fraction slash (the page mentioned by the OP contains fractions 1/2 and 1/32). If it is about rendering fractional expressions using a horizontal bar, then it's a very different question, and even more complicated. It becomes even more complicated if they should be rendered inline, inside text. In principle, you could use lots of nested span markup, describing the structure of a fractional expression, then using fairly complicated CSS to position the numerator above the denominator and to draw a line between them. It's possible to some extent in practice, though maybe the rendering is not very pretty. But it gets rather awkward if you want to put the expression inline. You could use display: inline-block (which has wide though surely not universal browser support) but then you would have to do some rather tedious work in positioning the parts well and still keeping the height of the expression sufficiently small (and try to position the fractional bar at the 0.5ex height above surrounding text baseline, or something like that). Even setting the overall line-height fairly large, this would be difficult, and you would probably end up with reducing font size inside the expression. -- Yucca, http://www.cs.tut.fi/~jkorpela/ __ 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] Fraction bar
Although it may not be the best application for lists, I think using my method isn't too bad and it is attractive. It's a bit clunky, but probably not as clunky as other options. The only issue I see is when there is a lack of styles, you'll be looking at numbers in lists with bullets. But, you'll probably run into this issue with other methods also. Here's some sample code.. html head style type=text/css .line {clear:left;} ul {margin:7px 9px 0; padding:3px; list-style:none; background:#eee; text-align:center; float:left;} li.numerator {border-bottom:1px solid #000;} p {float:left;} /style /head body div class=line pIn the fraction/p ul li class=numerator3/li li2/li /ul p3 is the numerator and 2 is the denominator./p /div div class=line pIn the fraction/p ul li class=numerator1/li li2/li /ul p1 is the numerator and 2 is the denominator./p /div div class=line pIn the fraction/p ul li class=numerator6/li li18/li /ul p6 is the numerator and 18 is the denominator./p /div /body /html __ 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] Fraction bar
Isn't this all more about markup than about style? Skip Knox Boise State University __ 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] Fraction bar
Troy Harshman wrote: Although it may not be the best application for lists, I think using my method isn't too bad and it is attractive. Try this, see if it works. math xmlns=http://www.w3.org/1998/Math/MathML; mfrac mn2/mn mn3/mn /mfrac /math Bill B __ 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] Fraction bar
- Original Message - From: Bill Braun bbr...@hlthsys.com To: css-d@lists.css-discuss.org Sent: Wednesday, January 20, 2010 11:27 PM Subject: Re: [css-d] Fraction bar Eduardo, Norton Internet Security is reporting 47 virus threats coming from this site. Are you aware of that? Bill B Thanks, Bill, for the warning. My NOD32 antivirus system does not see anything special at my site, but I googled freeservers virus and found comments about Malware in pages hosted for free in freeservers, and false positives related with banners. Anyway, I will move my pages to another free hosting service. Thanks again, Eduardo __ 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] Fraction bar
Hi Troy, Although it may not be the best application for lists, I think using my method isn't too bad and it is attractive. It's a bit clunky, but probably not as clunky as other options. The only issue I see is when there is a lack of styles, you'll be looking at numbers in lists with bullets. But, you'll probably run into this issue with other methods also. Here's some sample code.. ul li class=numerator3/li li2/li /ul I'm sorry, but I couldn't disagree more. This has nothing to do with a list, and the fact that CSS support is needed to make sense of this shows that it is a bad approach. Imho, with simple case like that we could go with: p span class=numerator3span span class=to-shoot-off-screenabove/span span class=denominator2span/p From there it should be easy to move things around, shoot the middle span off-screen and apply a border on one of the other span. -- Regards, Thierry | www.tjkdesign.com __ 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] Fraction bar
- Original Message - From: Troy Harshman tmha...@gmail.com also. Here's some sample code.. html head style type=text/css .line {clear:left;} ul {margin:7px 9px 0; padding:3px; list-style:none; background:#eee; text-align:center; float:left;} li.numerator {border-bottom:1px solid #000;} p {float:left;} /style /head body div class=line pIn the fraction/p ul li class=numerator3/li li2/li /ul p3 is the numerator and 2 is the denominator./p /div div class=line pIn the fraction/p ul li class=numerator1/li li2/li /ul p1 is the numerator and 2 is the denominator./p /div div class=line pIn the fraction/p ul li class=numerator6/li li18/li /ul p6 is the numerator and 18 is the denominator./p /div /body /html Troy, I am trying to paste your code in my markup and style sheets. Tomorrow I will not work in it, but on Saturday the page will have been done or questions I will have to you. Thanks ! Eduardo __ 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] Fraction bar
This page might be of help: http://www.cs.tut.fi/~jkorpela/math/#fractions Just remember that in the quest to make fractions that look like they are from a math book you might succeed visually but fail miserably in terms of accessibility - not to mention what would happen if someone tried to copy and paste the text - into an existing sentence - which would yield: So let's talk about fractions - In the fraction 6 18 6 is the numerator and 18 is the denominator. A little confusing, no? -- Al Sparber - PVII http://www.projectseven.com Dreamweaver Menus | Galleries | Widgets http://www.projectseven.com/go/hgm The Ultimate Web 2.0 Carousel __ 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] Fraction bar
Jukka K. Korpela wrote: Jukka K. Korpela wrote: I'm afraid you misunderstood the question, or the OP misunderstood what fraction bar means. It means a character resembling / but with different angle and properties, used to construct fractional numbers in a particular rendering, similar to that of ½. It was pointed out to me, in private e-mail, that fraction bar means a horizontal bar, and it seems that I was mistaken indeed. I assumed the question was about rendering fractional numbers using fraction slash (the page mentioned by the OP contains fractions 1/2 and 1/32). If it is about rendering fractional expressions using a horizontal bar, then it's a very different question, and even more complicated. It becomes even more complicated if they should be rendered inline, inside text. In principle, you could use lots of nested span markup, describing the structure of a fractional expression, then using fairly complicated CSS to position the numerator above the denominator and to draw a line between them. It's possible to some extent in practice, though maybe the rendering is not very pretty. But it gets rather awkward if you want to put the expression inline. You could use display: inline-block (which has wide though surely not universal browser support) but then you would have to do some rather tedious work in positioning the parts well and still keeping the height of the expression sufficiently small (and try to position the fractional bar at the 0.5ex height above surrounding text baseline, or something like that). Even setting the overall line-height fairly large, this would be difficult, and you would probably end up with reducing font size inside the expression. This is far to complex. In maths, a fraction 3 over 2 is also the same as 3 divided by 2. This markup and CSS does this. sup3/sup/sub2/sub div {line-height:160%;} /* or any other container *./ sup, div sub {font-size:75%;} Demo. http://css-class.com/test/css/text/fractions.htm -- Alan http://css-class.com/ __ 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] Fraction bar
- Original Message - From: Alan Gresley a...@css-class.com This is far to complex. In maths, a fraction 3 over 2 is also the same as 3 divided by 2. This markup and CSS does this. sup3/sup/sub2/sub div {line-height:160%;} /* or any other container *./ sup, div sub {font-size:75%;} Demo. http://css-class.com/test/css/text/fractions.htm I run your code and saw your demo, but I wanted a horizontal line. Bill's solution works, but I have not finished yet to remake my sheets. That done, I will communicate. Eduardo __ 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/