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