Re: [css-d] revealTrans

[Kristina Floyd]

On Thu, 2008-10-09 at 12:57 -0500, Del Wegener wrote:
> Good Day;
> 
> In the past I have used JavaScript and revealTrans to obtain desired 
> transition effects when swapping images.  This works only in IE.
> Is there a purely css method to obtain the same (or similar) effects and 
> which works in most browsers.


Hi Del

Could you post some examples of what you would like to create using CSS.

Cheers for now
Kristina

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] setting background colour

[Kristina Floyd]

Hi all

I've always learnt that setting the background colour on a site is a very
basic thing to do and shows that as a web developer you've taken care and
pride in your work.

All of the browsers that I use I have set a ridiculously garish background
colour set to remind myself to do it.  I am teased relentlessly for this.
However it is important to me.

It never ceases to amaze me the number of sites that do not set a background
colour.  As if adding body { background-color: #FF; } is a really
tedious task.

I'm curious to know your thoughts on this matter, as it literally drives me
bonkers.  I am fully aware that we have moved on from the default grey
background of Netscape 3(?) and by default browsers will set their
background colours to white.  Does this mean it's okay for developers to be
lazy and sloppy and not bother to set it.  Or am I just too old school
(eep!!) and set in my ways.

Looking forward to your opinions.

Thanks
Kristina
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Bullet list position problem In IE

[Kristina Floyd]

On 12/02/2008, adriana escandon <[EMAIL PROTECTED]> wrote:

> The problem is that in IE, the bullets appear on the last line of the
> sentences of the list instead of on the first one. One sentence from the
> list that appears in three lines has its corresponding bullet next to the
> third line. I don't have that problem in FF.


HI Adriana

Do you have a url we can see, it will help us immensely in helping you.

Thanks
Kristina
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] background images in divs

[Kristina Floyd]

On 11/02/2008, Carrie Strongwater Drazin <[EMAIL PROTECTED]> wrote:
>
>
> We are trying to put dividers between paragraphs using background images
> in divs but, they never show up. Should we not be using divs?



HI Carrie

Do you have a url we could look at?

Thanks
Kristina
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Font-size checker

[Kristina Floyd]

On 11/09/2007, Jukka K. Korpela <[EMAIL PROTECTED]> wrote:

On Tue, 11 Sep 2007, Kristina Floyd wrote:

> For example in firebug, I can trace the font-size back to the original
value
> that it was set at in the body tag.  What I'd like is to be able to select
> some text and to be given the equivalent value in pixels or pts, as I'm
> unsure that the value thats given in the layout part of firebug gives the
> equivalent pixel value if it was in Photosho.

>> You seem to mean that you would like to see the _computed_ font-size
>> values. Firebug apparently has provisions for such inspection in the DOM
>> view, but it works in a confusing way, if at all. Yet, I wonder whether
>> this is the heart of the matter.

Do you mean the way Nick just described using the 'show computed style'
feature of Firebug?  If not what do you mean by confusing?

> From the Owen Briggs method
> I set the body to be 76% and then increase or decrease the font-size in
ems
> accordingly, thereafter.

>> I here what you are saying, but I don't see how that's related to
>> measuring font sizes.

Because the client takes a screenshot of the website and then compares that
to the original design, and points out an discrepancies.  As I'm using Owens
method, sometimes I need to play around to get the sizes to appear as
similar as possible across the board,

(hope that helps clarify)

Thank you for all your help
Kristina
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Font-size checker

[Kristina Floyd]

On 11/09/2007, Nick Fitzsimons <[EMAIL PROTECTED]> wrote:

> They're testing their font-sizes by taking a screen shot and
> then using a
> tool such as photoshop to measure and compare the pixel value.

>> Your clients really need to get out more :-)

Hehe, yes couldn't agree more!  When it's their 'brand' they tend to become
a little protective!

> If you open firebug and select a piece of text to then look
> at the layout
> optioni the values it gives are the measurements of the
> surrounding element

That's correct: the "Layout" tool shows the details of the box model as
applied to that element. To find out what size the font is, select the
"Style" tab, then use the "Options" menu in the upper right to show the
computed style; this will give you the actual font size in pixels, no matter
how it has been specified (ems, keywords or whatever).

*AWESOME* thank you, this is exactly what I was looking for.  Thank you
Thank you!!

Thank you also, for taking the time to explain about font sizing and windows
rendering.

Cheers
Kristina
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Font-size checker

[Kristina Floyd]

Hi Jukka

>> Please explain what you mean by "font-size checker". Do you mean software
>> that shows you the actual font size used in some piece of a web page?
>> Using Firefox extensions like the Web Developer Extension or Firebug is
>> probably the most common approach.

For example in firebug, I can trace the font-size back to the original value
that it was set at in the body tag.  What I'd like is to be able to select
some text and to be given the equivalent value in pixels or pts, as I'm
unsure that the value thats given in the layout part of firebug gives the
equivalent pixel value if it was in Photosho.

> I don't fully trust firebug's layout
> measurement when it comes to font-sizes, as I think it gives a value for
the
> entire area that the font covers rather than the equivalent value in
> pixels.  Or am I wrong and I should trust firebug?

>> This sounds like you expect the font size to be something else than the
>> total height of the font. It can be expressed in different units (pixels,
>> points, etc.), with some rounding effects, but what really makes you
think
>> Firebug gives you wrong figures.

Because firebug will be giving the value for the area that the text covers,

eg;

The quick brown fox jumps over the lazy dog

Firebug will measure from the top of the T to the bottom of the g, does that
value in pixels equate to 11px in photoshop?  (I guess at this point, I
should be doing my own experients with screenshots etc, and I do intend to,
but as we're discussing it on the list, I felt it would be worthwhile
bringing up)

> I appreciate, the measured font-size will vary across DPI's etc, but it
> would be very useful to have a benchmark.  I have been using the Owen
Briggs
> method for some time now, but increasingly I get bugs returned from
clients
> saying the fonts vary from the original design, so I'm losing faith in
Owens
> method, and am wondering if perhaps a fixed font size is the root to go,
> making a seperate stylesheet for IE6.  As all browsers resize fonts apart
> form IE6.

>> Sorry but that doesn't really clarify the situation. Owen Briggs
describes
>> some methods of _setting_ fonts. And IE 7 does not resize fonts any more
>> (or any less) than IE 6 does. (However, people often confuse zooming with
>> font resizing.)

I'm not entirely sure what you're asking here.  From the Owen Briggs method
I set the body to be 76% and then increase or decrease the font-size in ems
accordingly, thereafter.  I apologise, I meant to add IE7 to IE6 as well,
that was an oversight on my part.

Thanks
Kristina
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Font-size checker

[Kristina Floyd]

Hi Nick

Firstly I'd just like to reassure you that I hate the requirement of pixel
perfection and understand it is not possible,  We should be educating our
clients and designers that embracing the web for its fluidity is what we
should be aiming for, and not railing against it.  I am an advocate of
allowing the web to be fluid and I am fully aware that sites will not look
the same cross-browser/cross-platform.  Unfortunately clients and designers
don't always feel the same.  My job is to make websites look as close as
possible to each other across the board.  However I do not create the
designs and I do not actually speak to clients, I create sites from designs
given to me.  Then the client will compare the design they've seen mocked up
in Photoshop with the online version, and something that I get back as a
bug, time and time again is that the font-sizes don't match.  (we're talking
out by 1 or 2 pixels here, not massive differences)

They're testing their font-sizes by taking a screen shot and then using a
tool such as photoshop to measure and compare the pixel value.

As I've used Owens method for a long time now, and for me it gives the best
result cross the board for font-sizes.  I'd like very much to continue using
it, but as you can imagine, if I keep getting bugs from clients re;
font-sizes, I'm going to be pushed to fix them.  If I can use a tool to
measure a font, and say to my boss that look this is the font-size on the
website, and then compare that to the original design, I will have something
to back up the reasons why I've used Owens method.

On 11/09/2007, Nick Fitzsimons <[EMAIL PROTECTED]> wrote:

> Do you know of a font-size checker.  I don't fully trust
> firebug's layout
> measurement when it comes to font-sizes, as I think it gives
> a value for the
> entire area that the font covers rather than the equivalent value in
> pixels.  Or am I wrong and I should trust firebug?

Not sure what you mean,

If you open firebug and select a piece of text to then look at the layout
optioni the values it gives are the measurements of the surrounding element
area and not the actual font-size.  So if you select a P it measures the
area of the P, the same with any element.  It will also measure the full
height from the top of the tallest letter to the bottom of a letter such as
a g/y/p etc.

Which I guess leads me onto another question, where is the height measured
from typographically to give the pixel value in something such as Photoshop.

>>but the first thing to remember is that in CSS,
>>"pixel" doesn't mean "single dot on the screen" as it does in something
like
>>Photoshop:
>>

Point taken, and I am fully aware of this, however we need to educate the
clients, and reassure them about why we have made the decisions that we've
made.

> saying the fonts vary from the original design

>>What do you mean precisely by "the original design"? Do you mean comps
>>produced in Photoshop, Illustrator or some such application?

I get designs in PSD format, the client will have seen printouts of the PSDs
and probably been emailed JPGs of the design.

>>If so you should be aware that these applications tend to render
>>anti-aliased fonts by default, but web browsers on the Windows platform
>>rendering to a non-LCD display (or with an LCD where Microsoft's ClearType
>>technology is not enabled) perform no anti-aliasing. As a result, clients
>>will be shown a lovely anti-aliased design comp, but when they view the
>>actual page on their 3 year old computer with a 7 year old monitor, it
will
>>have nasty jagged fonts. It's best to avoid building up their expectations
>>when presenting designs for web pages to them.

I beg to differ as Safari on windows renders fonts smoothly, and they look
stunning.  Fonts on a Mac just look amazing too.  It just highlights how
shoddy fonts are in other applications on windows and makes them look ugly.

I also feel that in todays market of ridiculously cheap electronic
equipment, we cannot assume that our clients will be using such old machines
as you suggest.  Of course we need to create websites that will degrade
gracefully.

>>At a design studio I worked at a few years ago I asked the designers to
>>disable font smoothing in PhotoShop when mocking up web pages. They
>>complained that it made their designs "look ugly", but when I pointed out
>>that they were just seeing what the end users would see, they realised
that
>>it was better to work to the limitations of the destination technology,
>>rather than show the client beautifully smooth designs which were not, in
>>reality, achieveable in a web browser on Windows.

Thats a very good idea, I will suggest it, I think it'll go down like a lead
balloon with our design team.

Thanks
Kristina
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.c

[css-d] Font-size checker

[Kristina Floyd]

Good morning CSS-d list

Do you know of a font-size checker.  I don't fully trust firebug's layout
measurement when it comes to font-sizes, as I think it gives a value for the
entire area that the font covers rather than the equivalent value in
pixels.  Or am I wrong and I should trust firebug?

I appreciate, the measured font-size will vary across DPI's etc, but it
would be very useful to have a benchmark.  I have been using the Owen Briggs
method for some time now, but increasingly I get bugs returned from clients
saying the fonts vary from the original design, so I'm losing faith in Owens
method, and am wondering if perhaps a fixed font size is the root to go,
making a seperate stylesheet for IE6.  As all browsers resize fonts apart
form IE6.

Any help or thoughts are very much appreciated.

Thanks in advance
Kristina

Owen Briggs method :
http://www.thenoodleincident.com/tutorials/typography/index.html
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Three CSS questions re; identifier naming, auto and canceling previous rules

[Kristina Floyd]

Hello list

I am aware that the W3C states you shouldn't start identifiers with a digit
or a hyphen, I am just curious to know why?

Can you also explain to me the meaning of the attribute value 'auto', what
are its implications?

Is there any way to completely cancel all previous rules for a particular
tag?

Thanks in advance
Kristina
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] HasLayout validation fix?

[Kristina Floyd]

Good morning list!

A project I've recently been working on, had a hasLayout problem in IE, some
text would vanish and reappear at random.   Setting hasLayout fixed it, but
of course renders the code invalid.

The client, understandably, wants the CSS to validate, I am completely
stumped as to how to fix this in a valid way and so that the text remains
visible.

As the site arrived to us with just a few additions, the code had already
been written and I beleive that to fix this bug would require quite alot of
re-writing of the entire site.

Do you know of a way to set hasLayout in a valid way?

Thanks in advance
Kristina
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Removing table cell borders

[Kristina Floyd]

Hi Christianz,

Wednesday, November 2, 2005, 6:39:09 PM, you wrote:

> Is there any way to remove particular border sides from one cell in
> a table? (And, yes, this is an instance where genuine tabular data

Give that TD a class and put the bottom and right borders on only.
All the other TD's a border.

-- 
hth,
 Kristina

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

FF display problems was: Re: [css-d] Why oh why :(

[Kristina Floyd]

Abyss

Abyss Information wrote:
> what the problem is if i place a "padding:10px" in the "CntBodyText" 
then it forces the box out in firefox..causing it too be outside the 
background image (image images are the

> same width as described)
>
> it displays beautifully in IE (which is scarey..) can anyone suggest 
a cross browser solution to this?


It would be alot more helpful, if you posted a URL and/or a screenshot 
showing what you are trying to achieve.  Also an appropiate subject for 
your question will give it alot more chance of being read by the people 
on this list.


atb
Kristina
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Strange IE Link behaviour

[Kristina Floyd]

Marc wrote:
I would like the images to align along the row at the bottom of each image. 
I would also like the text to align up to the bottom of the image.  So there

is a common line through the row.

I am struggling to achieve this without splitting the link tag, which I dont
really want to do.


Marc

Do you have a URL and/or screenshot to show us what you're trying to 
achieve?


Cheers now
Kristina
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Print Style not winning

[Kristina Floyd]

>> print.css should always be the last style sheet in the list.
>> Otherwise anything after it that calls #printheader will override
>> print.css. (hence cascading!)


Adrienne Latimer wrote:
Adctually, you are looking at the main.css for that entire site, not for 
the 'fifnc' directory.  


i'm not sure i understand what you mean by this.  As I haven't looked at 
either of the style sheets that you referenced, I just viewed the source 
of the URL.  I realised that i was probably looking at the wrong 
directory, so i looked again at 
 and i get a page has moved 
or expired, however i viewed the source and this is in the header: 
(which looks to me to be near enough the same as the source for the 
other page i looked at - sorry i don't have time to doublecheck)



  The Requested Page Has Moved Or Expired
  
   media="print" />
  @import 
url(/css/main.css);	
  href="/css/main2.css" title="main2" />
  title="main" />

  

  @import 
url(/css/forms.css);

  

 

But... it does raise an interesting point.  For 
the stylesheet linking you site below, In IE, main.css isn't overriding 
print.css with respect to #printheader as you point out that it should.  
It is however being overridden in Gecko - probably rightfully so.


*ummm* do you still have !important on, as that will override everything?

(also please trim anything irrelevant out of your posts - think of the 
digest readers)


cheers for now
Kristina
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/