[css-d] CSS statements for horizontal rule

2009-05-19 Thread Mike Morris
I am trying to use horizontal rules of specific width and position in an
xhtml strict 1.0 web page.  The width and align attributes work, but do not
pass the strict 1.0 validation test (as you probably know).

I have tried using both class and id statements in a CSS file (with
appropriate selectors in the body).  Neither work.  I have performed
extensive searches on the internet (including the archives of this list),
but I have found no information on how to accomplish the desired task.

Is it not possible to set these hr parameters under strict 1.0 (and have
them pass the validation test)?  If not, is there an alternative?

I need to say that I have only a beginner's knowledge of CSS.

Thank you for your help.
__
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 statements for horizontal rule

2009-05-19 Thread Alan Gresley
Mike Morris wrote:
 I am trying to use horizontal rules of specific width and position in an
 xhtml strict 1.0 web page.  The width and align attributes work, but do not
 pass the strict 1.0 validation test (as you probably know).


When validating the hr element with XHTML 1.0 Strict, you must code it 
this way.

hr /

As per the grammer of XHTML for empty elements.


 I have tried using both class and id statements in a CSS file (with
 appropriate selectors in the body).  Neither work.  I have performed
 extensive searches on the internet (including the archives of this list),
 but I have found no information on how to accomplish the desired task.


May I inquire what is the desired task? Do you have a test page?


 Is it not possible to set these hr parameters under strict 1.0 (and have
 them pass the validation test)?  If not, is there an alternative?
 
 I need to say that I have only a beginner's knowledge of CSS.
 
 Thank you for your help.


BTW, there are a few bugs with hr styled with text-align in IE8. 
Welcome to the world of CSS (but don't forget to improve the HTML) and 
welcome to this list.


-- 
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] CSS statements for horizontal rule

2009-05-19 Thread Bobby Jack

 I am trying to use horizontal rules
 of specific width and position in an
 xhtml strict 1.0 web page.  The width and align
 attributes work, but do not
 pass the strict 1.0 validation test (as you probably
 know).
 
 I have tried using both class and id statements in a CSS
 file (with
 appropriate selectors in the body).  Neither
 work.

Hi Mike,

It should be perfectly possible to achieve what you want, with the method 
you're using. Something like:

.test { width: 400px; }

in your CSS and:

hr class=test

will validate and have the expected result. That's 'width', anyway. I'm not 
quite sure what you mean by 'position' - maybe you could elaborate.

If this is similar to what you're doing, and it's still not working, a specific 
example (preferably by URL) would help us to solve the problem.

Regards,

- Bobby
__
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] Site check please

2009-05-19 Thread Ib Jensen
Hi

Link:  http://ikjensen.dk

Tested locally in FF 3.0.10 - IE 6/78 (IETester 0.3.3)


Locally known issues:

IE6 dont show my link-icons

IE7 - 8 behave rather ok. As FF3.


At 190% Page- or Text-zoom?:

IE6: Arghhh
The template _are_ not made for IE6!

IE7:
Page got a horizontal scroll-bar, and continues out of the viewport.

IE8:
Page continues out of the viewport, but no horizontal scroll-bar.

-- 
Regards / Mhv.
Ib K. jensen - http://ikjensen.dk
__
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 statements for horizontal rule

2009-05-19 Thread Bobby Jack

--- On Tue, 5/19/09, Bobby Jack bobbykj...@yahoo.co.uk wrote:

 ...
 in your CSS and:
 
 hr class=test
 
 ...

Sorry, Alan's point about closing the element is obviously an important one; I 
rarely work with XHTML nowadays!

- Bobby
__
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 statements for horizontal rule

2009-05-19 Thread Climis, Tim
I've used CSS to style hr/s for a long time.  Here's an example from one of 
my sites

div#menu hr {
  width: 95%;
  height: 1px;
  border: 0;
  clear: both; /* puts the hr below floated content */
  margin: 0.625em auto; /* side margins set to auto centers the hr */
  color: #ddd;  /* set color in IE */
  background-color: #ddd;  /* set color in FF */
}

You could add float: right or float: left to get right or left alignment.  
Or position: absolute; and left: xxx to position it in an exact place.

The thing to remember when styling hr is that it is a block level element.  
This means it acts like a div or a paragraph by default.  Text-align: left 
will align whatever text is in the hr left.  But since it's an hr, it has 
no text.

---Tim 
__
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] lack of menu transparency in IE

2009-05-19 Thread GLOW -- Virtual Web Services
I'm using a Spry menu for the following site, set with no background.
However, in IE, the transparency isn't working (it displays a white
background).  Can anyone help me sort this out?

Sample page: http://ambientglow.com/garage/jaguar/web/sample.html
CSS:http://www.ambientglow.com/garage/jaguar/web/_css/jaguarwisdom.css
Spry CSS: 
http://www.ambientglow.com/garage/jaguar/web/_scripts/SpryAssets/SpryMenuBarHorizontal.css

Many thanks!

Peg
ambientglow
__
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] Fixing an image to the right corner of a div

2009-05-19 Thread Maria Yousaf
Hi folks,

   I'm rather new to css as well as this list, so please pardon my
question if it seems simplistic or if this question has been answered
before.  I've started a website located here:
http://www.digitaltorque.ca/anotherplacetogrow.  I'm trying to
position an object on the top right hand corner of the green box (what
I called in my css script wrapper) surrounding the contents of the
webpage.  It's the image that says now accepting applications
In my css script, the code for positioning this image is called
spots.  The image is in the right location only if you have a
certain window size.  I would like to position it in the top right
hand corner regardless of the window size of the browser.  Is there a
way to do this easily in css?  So far, I've only been successful at
positioning images at the left hand corners.  It's not quite clear to
me how to position in the right hand corner of the box (and have it
work for all screen sizes).  Any help would be much appreciated!

Maria
__
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] Fixing an image to the right corner of a div

2009-05-19 Thread Valério Vaz
You can try this:

.div { background: url(../image.jpg) top left no-repeat}

so.. the top left is where the background image will be... could be also
top right... you can use the following items: top, bottom, left, right.



Valério Vaz
Designer -- http://www.valeriovaz.com


On Tue, May 19, 2009 at 5:59 PM, Maria Yousaf yousaf.ma...@gmail.comwrote:

 Hi folks,

   I'm rather new to css as well as this list, so please pardon my
 question if it seems simplistic or if this question has been answered
 before.  I've started a website located here:
 http://www.digitaltorque.ca/anotherplacetogrow.  I'm trying to
 position an object on the top right hand corner of the green box (what
 I called in my css script wrapper) surrounding the contents of the
 webpage.  It's the image that says now accepting applications
 In my css script, the code for positioning this image is called
 spots.  The image is in the right location only if you have a
 certain window size.  I would like to position it in the top right
 hand corner regardless of the window size of the browser.  Is there a
 way to do this easily in css?  So far, I've only been successful at
 positioning images at the left hand corners.  It's not quite clear to
 me how to position in the right hand corner of the box (and have it
 work for all screen sizes).  Any help would be much appreciated!

 Maria
 __
 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] Fixing an image to the right corner of a div

2009-05-19 Thread Climis, Tim
 I've started a website located here:
 http://www.digitaltorque.ca/anotherplacetogrow.  

I get a 404 error when I go here.

I'm trying to
position an object on the top right hand corner of the green box (what
I called in my css script wrapper) surrounding the contents of the
webpage.  It's the image that says now accepting applications
In my css script, the code for positioning this image is called
spots.  The image is in the right location only if you have a
certain window size.  I would like to position it in the top right
hand corner regardless of the window size of the browser.  Is there a
way to do this easily in css?  So far, I've only been successful at
positioning images at the left hand corners.  It's not quite clear to
me how to position in the right hand corner of the box (and have it
work for all screen sizes).  Any help would be much appreciated!

What you want to do is pretty easy to accomplish.

I'm guessing that you have something like this:

div id=wrapper
 img id=spots /
/div

With css like this:

#spots {
  width: 100px;
  position: absolute;
  top: 0;
  left: 400px;
}

So we just need a couple changes.

#wrapper {
  position: relative; /* so that when we absolute position the image, it is 
relative to wrapper.
}

#spots {
  position: absolute;
  top: 0;
  right: 0; /* we want the box attached to the right, so position it from the 
right instead of the left */
}

---Tim
__
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] Fixing an image to the right corner of a div

2009-05-19 Thread Maria Yousaf
 I get a 404 error when I go here.

Sorry, the URL is http://home.digitaltorque.ca/anotherplacetogrow.

 #wrapper {
  position: relative; /* so that when we absolute position the image, it is 
 relative to wrapper.
 }

 #spots {
  position: absolute;
  top: 0;
  right: 0; /* we want the box attached to the right, so position it from the 
 right instead of the left */
 }

Thanks Tim!  This is actually really close to what I want, but I was
hoping to find a way to have an image partially hang off the top and
right side of the wrapper, rather than be positioned strictly inside
the wrapper.  Almost like the image is sitting on top of the wrapper.
I'm not sure if my description is clear.

Maria
__
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] Fixing an image to the right corner of a div

2009-05-19 Thread Maria Yousaf
 Easy as pie.

 Still using top and right, but with negative numbers, like:

 #spot {
  position: absolute;
  top: -10px;
  right: -50px;
 }

 Positive numbers put you inside the wrapper.  Negatives put you outside the 
 wrapper, and zero is at the edge of the wrapper.

Thank you!  That works perfectly!!

Maria
__
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] Fixing an image to the right corner of a div

2009-05-19 Thread Climis, Tim
Sorry, the URL is http://home.digitaltorque.ca/anotherplacetogrow.

 Thanks Tim!  This is actually really close to what I want, but I was
 hoping to find a way to have an image partially hang off the top and
 right side of the wrapper, rather than be positioned strictly inside
 the wrapper.  Almost like the image is sitting on top of the wrapper.

Easy as pie.

Still using top and right, but with negative numbers, like:

#spot {
  position: absolute;
  top: -10px;
  right: -50px;
}

Positive numbers put you inside the wrapper.  Negatives put you outside the 
wrapper, and zero is at the edge of the wrapper.

---Tim
__
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] lack of menu transparency in IE

2009-05-19 Thread Kevin Doyle


From: GLOW -- Virtual Web Services glowvirt...@gmail.com
To: css list list css-d@lists.css-discuss.org
Sent: Tuesday, May 19, 2009 11:40:13 AM
Subject: [css-d] lack of menu transparency in IE

I'm using a Spry menu for the following site, set with no background.
However, in IE, the transparency isn't working (it displays a white
background).  Can anyone help me sort this out?

::

Transparency via CSS doesn't work well (or at all) in IE versions 7 and lower. 
There are javascript hacks out there for you to try, but I've had mixed success 
with them. What I recommend doing it setting the background as a transparent 
gif that repeats itself the length of what you want to make see-through. This 
~might~ work... no harm in trying. :-) 

Hope that helps... 

Kevin
__
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] Displaying/Simulating handwritten fonts on notebook paper

2009-05-19 Thread Bruno Fassino
On Mon, May 18, 2009 at 4:12 PM, Stephen Tang clowwizarder...@gmail.com wrote:
 I encountered a peculiar use case.  The business desires to display a
 small amount of text as a handwritten font.  They want the handwritten
 font sitting on blue lines.  This would simulate the effect of writing
 in a notebook.  My first thought was sIFR for the fonts, but I don't
 think it supports the lines.  Is there anything that supports this?  I
 was thinking of using CSS to create blue borders underneath the sIFR,
 but then the fonts would not be sitting on the line properly.

You don't say exactly how do you like the text sitting on the lines.
 I tried in the past several tricks to show visible baselines under
some text, without finding a clean solution, at least in the general
case when you have several lines of text, and don't know how it wraps.
(Moreover you mention sIFR, so you probably have the additional
problem of trying to display a font possibly not installed on the
client).

Anyway, here [1] is one of my attempts to display baselines under
some paragraphs of text: the idea is to add elements (like images, or
inline-blocks in this case) that can precisely be positioned on the
baseline and then stretch them to full width. In this attempt to avoid
cluttering the markup with non semantic elements, those extra element
are added by a javascript (which is a bit simplified: it assumes that
the paragraphs contain just text, no other elements).
The method seems to work in most browsers (including IE6+), but of
course it adds a lot of garbage, just to get few lines...
The third paragraph uses a non-common font, included with a @font-face
declaration (this of course works in a more limited set of browsers).

Best regards,
Bruno


[1] http://brunildo.org/test/baselines1.html

-- 
Bruno Fassino http://www.brunildo.org/test
__
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] Displaying/Simulating handwritten fonts on notebook paper

2009-05-19 Thread Stephen Tang
HI Bruno,
I'm sorry that I wasn't clear on this.  The text would sit on the
baselines, such that in cursive handwriting, parts of letters that
need to go below the baseline will do so (i.e. a part of lowercase
cursive g will be below the baseline).  Thus, the URL you gave is
the type of effect I am looking for.  You are correct that my
mentioning sIFR is in response to the our business unit's request to
have the font type display even if the font is not installed on the
end user's machine.  Having talked to some graphic designers, there
are some fonts that have a built-in baseline, so that could be used in
sIFR.

You make a good point about how in your URL, you assume the text not
to contain other elements, which is something I would need to ask the
business unit.

I appreciate you showing me this URL, as it shows me what is possible
with just CSS/Javascript.

Sincerely,
Stephen

On Tue, May 19, 2009 at 5:39 PM, Bruno Fassino fass...@gmail.com wrote:
 On Mon, May 18, 2009 at 4:12 PM, Stephen Tang clowwizarder...@gmail.com 
 wrote:
 I encountered a peculiar use case.  The business desires to display a
 small amount of text as a handwritten font.  They want the handwritten
 font sitting on blue lines.  This would simulate the effect of writing
 in a notebook.  My first thought was sIFR for the fonts, but I don't
 think it supports the lines.  Is there anything that supports this?  I
 was thinking of using CSS to create blue borders underneath the sIFR,
 but then the fonts would not be sitting on the line properly.

 You don't say exactly how do you like the text sitting on the lines.
  I tried in the past several tricks to show visible baselines under
 some text, without finding a clean solution, at least in the general
 case when you have several lines of text, and don't know how it wraps.
 (Moreover you mention sIFR, so you probably have the additional
 problem of trying to display a font possibly not installed on the
 client).

 Anyway, here [1] is one of my attempts to display baselines under
 some paragraphs of text: the idea is to add elements (like images, or
 inline-blocks in this case) that can precisely be positioned on the
 baseline and then stretch them to full width. In this attempt to avoid
 cluttering the markup with non semantic elements, those extra element
 are added by a javascript (which is a bit simplified: it assumes that
 the paragraphs contain just text, no other elements).
 The method seems to work in most browsers (including IE6+), but of
 course it adds a lot of garbage, just to get few lines...
 The third paragraph uses a non-common font, included with a @font-face
 declaration (this of course works in a more limited set of browsers).

 Best regards,
 Bruno


 [1] http://brunildo.org/test/baselines1.html

 --
 Bruno Fassino http://www.brunildo.org/test

__
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] Displaying/Simulating handwritten fonts on notebook paper

2009-05-19 Thread Ryan Little @ Gusto
I missed this the first time but glad you pointed out that link... wow  
I have so much still to learn with CSS.  My client is a graphic  
designer and demands absoulute lines so css is a must for me.  Just  
when I think I am getting a handle on things I will see something like  
this and realize I can still do better :)

Thanks Bruno


On 19-May-09, at 2:52 PM, Stephen Tang wrote:

 HI Bruno,
 I'm sorry that I wasn't clear on this.  The text would sit on the
 baselines, such that in cursive handwriting, parts of letters that
 need to go below the baseline will do so (i.e. a part of lowercase
 cursive g will be below the baseline).  Thus, the URL you gave is
 the type of effect I am looking for.  You are correct that my
 mentioning sIFR is in response to the our business unit's request to
 have the font type display even if the font is not installed on the
 end user's machine.  Having talked to some graphic designers, there
 are some fonts that have a built-in baseline, so that could be used in
 sIFR.

 You make a good point about how in your URL, you assume the text not
 to contain other elements, which is something I would need to ask the
 business unit.

 I appreciate you showing me this URL, as it shows me what is possible
 with just CSS/Javascript.

 Sincerely,
 Stephen

 On Tue, May 19, 2009 at 5:39 PM, Bruno Fassino fass...@gmail.com  
 wrote:
 On Mon, May 18, 2009 at 4:12 PM, Stephen Tang clowwizarder...@gmail.com 
  wrote:
 I encountered a peculiar use case.  The business desires to  
 display a
 small amount of text as a handwritten font.  They want the  
 handwritten
 font sitting on blue lines.  This would simulate the effect of  
 writing
 in a notebook.  My first thought was sIFR for the fonts, but I don't
 think it supports the lines.  Is there anything that supports  
 this?  I
 was thinking of using CSS to create blue borders underneath the  
 sIFR,
 but then the fonts would not be sitting on the line properly.

 You don't say exactly how do you like the text sitting on the  
 lines.
  I tried in the past several tricks to show visible baselines under
 some text, without finding a clean solution, at least in the general
 case when you have several lines of text, and don't know how it  
 wraps.
 (Moreover you mention sIFR, so you probably have the additional
 problem of trying to display a font possibly not installed on the
 client).

 Anyway, here [1] is one of my attempts to display baselines under
 some paragraphs of text: the idea is to add elements (like images, or
 inline-blocks in this case) that can precisely be positioned on the
 baseline and then stretch them to full width. In this attempt to  
 avoid
 cluttering the markup with non semantic elements, those extra element
 are added by a javascript (which is a bit simplified: it assumes that
 the paragraphs contain just text, no other elements).
 The method seems to work in most browsers (including IE6+), but of
 course it adds a lot of garbage, just to get few lines...
 The third paragraph uses a non-common font, included with a @font- 
 face
 declaration (this of course works in a more limited set of browsers).

 Best regards,
 Bruno


 [1] http://brunildo.org/test/baselines1.html

 --
 Bruno Fassino http://www.brunildo.org/test

 __
 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] lack of menu transparency in IE

2009-05-19 Thread David Hucklesby
GLOW -- Virtual Web Services wrote:
 I'm using a Spry menu for the following site, set with no background.
  However, in IE, the transparency isn't working (it displays a white
  background).  Can anyone help me sort this out?
 
 Sample page: http://ambientglow.com/garage/jaguar/web/sample.html 
 CSS:http://www.ambientglow.com/garage/jaguar/web/_css/jaguarwisdom.css
  Spry CSS: 
 http://www.ambientglow.com/garage/jaguar/web/_scripts/SpryAssets/SpryMenuBarHorizontal.css
 
 
Sorry to be the bearer of bad news, but you have far more severe
problems in that page than a white background. The font-size for the
dark-on-dark text is hard for me to read, so I increased text size by
just a notch-- and the whole page collapsed. May I suggest you use one
of the tried-and-tested layouts at Layout Gala? -

   http://blog.html.it/layoutgala/

FWIW - Text-size at default 12pt size displays at 20px on my old IBM
laptop. Your 14px displays an em at 14 x 14 = 196 pixels, or half the
size of my default 20 x 20 pixels.

BTW - Which IE? 5.5, 6, 7, 8, or 8 in compatibility mode? All
different when in standards mode but all the same in quirks (more or
less).

Cordially,
David
--
__
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] Displaying/Simulating handwritten fonts on notebook paper

2009-05-19 Thread Chris Williams
Bruno, I kneel at your feet.  This is awesome.  I'm trying to solve a
similar problem, and have struggled with getting the solutions to work.
I've been stuck at using background images, which fail of course when the
user changes the font size.  Your solution does not suffer this issue.

Thanks so very much!


 From: Bruno Fassino fass...@gmail.com
 
 You don't say exactly how do you like the text sitting on the lines.
  I tried in the past several tricks to show visible baselines under
 some text, without finding a clean solution, at least in the general
 case when you have several lines of text, and don't know how it wraps.
 (Moreover you mention sIFR, so you probably have the additional
 problem of trying to display a font possibly not installed on the
 client).
 
 Anyway, here [1] is one of my attempts to display baselines under
 some paragraphs of text: the idea is to add elements (like images, or
 inline-blocks in this case) that can precisely be positioned on the
 baseline and then stretch them to full width. In this attempt to avoid
 cluttering the markup with non semantic elements, those extra element
 are added by a javascript (which is a bit simplified: it assumes that
 the paragraphs contain just text, no other elements).
 The method seems to work in most browsers (including IE6+), but of
 course it adds a lot of garbage, just to get few lines...
 The third paragraph uses a non-common font, included with a @font-face
 declaration (this of course works in a more limited set of browsers).
 
 Best regards,
 Bruno
 
 
 [1] http://brunildo.org/test/baselines1.html
 
 -- 
 Bruno Fassino http://www.brunildo.org/test

__
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] Site check please

2009-05-19 Thread David Laakso
Ib Jensen wrote:
 Hi

 Link:  http://ikjensen.dk

 Tested locally in FF 3.0.10 - IE 6/78 (IETester 0.3.3)


 Locally known issues:

 IE6 dont show my link-icons

 IE7 - 8 behave rather ok. As FF3.


 At 190% Page- or Text-zoom?:

 IE6: Arghhh
 The template _are_ not made for IE6!

 IE7:
 Page got a horizontal scroll-bar, and continues out of the viewport.

 IE8:
 Page continues out of the viewport, but no horizontal scroll-bar.

   



I like sort of have no wild and bad issues with your site (other than 
trying to find relevant selectors, in that CSS maze, ain't easy).

Dunno, but it may be IE/6 is not honoring the advanced selector for the 
missing icons-- but does it really matter? Of more importance (?),  may 
be that neither of the more important content images in the right 
column, reside in their respective containers in IE/6. .

And, if push came shove, I'd consider setting a fixed width of 990px on 
the page outermost wrapper for IE/6.0 (only). This will prevent the 
float drop in narrow windows, in IE/6.  And, it will resolve that IE/6 
does not support min/max width.

I do not know, as well, why you need be particularly concerned with the 
zoom toy in IE. Unless you are willing to start from scratch with a 
different layout concept, it may be beneficial to accept IE's zoom toy 
for what it is: *page zoom. *







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