Re: [css-d] Footer Issues

[Tim \(The Site Doctor\)]

Hi Zoe,

Though it broke in FF I've managed to sort it, many thanks.

Tim

__
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] My Toolbar menu crashes IE6

[Tim Dawson]

francky wrote:

> Ho, just one: the htc-file seems to be called two times:

Francy, thanks for your comments.  I haven't got round to testing in
anything except FF1.5 (default browser) and IE6.  If it won't work in
IE6 it is (sadly) pointless worrying too much about the rest, although
the fact that they too have problems points perhaps to a real CSS error
rather than an IE non-compliance.

I've checked out the double calling of the htc file.  It's true it
happens in my 'index.html' file, because this is in the web root,
whereas all other pages are one folder level down.  So '@import
url(s/nav.css)' brings in the CSS but the call in that file is to
'../s/csshover.htc' which (from the root) is the wrong path so it isn't
found.  Hence the '@import url(s/hover1.css)' in the index file only,
bringing in just the behaviour file.  I hope I've explained that OK ?

As to whether this feature in the 'index.html' only is causing the
problem I'm now going to investigate.  I'd like to think it's the
solution, but I'm not hopeful.

This morning I've seen a comment on Peter Nederlof's site
http://www.xs4all.nl/~peterned/csshover.html saying there may be a
further problem with WinXP SP2, so I'm going to look at that too. (I'm
running WinXP Home with SP2).

Regards,

-- 
Tim Dawson,

Isle of Mull,
Scotland


__
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] Browser Issues - berkeley

[francky]

Kathryn Bader wrote:

>hi all,
>
>see http://admin.berkeley.edu/.
>
>there is a division (right below the gold bar) between the main nav 
>bar and the left and right divs in internet explorer for pc (for mac 
>is fine). do you know of a hack that would eliminate this space/white 
>bar? or is there some other fix?
>
>also, i'm having major problems with netscape 6/firefox for pc. as 
>you'll see, the entire top of the site "disappears" with the main nav 
>bar appearing mid-way down the page. it's fine in the latest version 
>of  netscape.
>
>i'm at a loss. of course, i'm pretty new at this. any help you can 
>offer will be greatly appreciated.
>
>cheers,
>kathryn
>
Hi Kathryn,
Welcome to the club!
As Firefox is rather standards compliant (IE is not), Firefox is 
suffering more if non-standard and/or non-valid html is used. Before 
all, I should get the html-errors out.
The tips are indicated in the html-validator 
.
It seems it is more Html4.01 Transitional than Xhtml1.0 Transitional: 26 
errors less to solve. ;-)
See validator with overruled doctype 
.
After that, we better can see & solve what are the (remaining) problems.

Greetings,
francky
__
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] problem with list elements

[ross]

wrapping in  works for ff & safari but IE (no suprises) still does not 
work.


Ross



"I have a problem with  if you look here 
http://scottishsocialnetworks.org/events.php list element that have text 
that is on two line aligns with the li not the text. I can fix this by 
putting in a few non breaking spaces on wrapping a span inside (messes up on 
some browsers) but want to know a solid way to align the text."

__
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] problem with list elements

[ross]

sorry my mistake. you are right! Thanks
- Original Message - 
From: <[EMAIL PROTECTED]>
To: "Pete Stuart" <[EMAIL PROTECTED]>
Cc: 
Sent: Thursday, April 27, 2006 8:55 AM
Subject: Re: [css-d] problem with list elements


> wrapping in  works for ff & safari but IE (no suprises) still does not 
> work.
>
>
> Ross
>
>
>
> "I have a problem with  if you look here 
> http://scottishsocialnetworks.org/events.php list element that have text 
> that is on two line aligns with the li not the text. I can fix this by 
> putting in a few non breaking spaces on wrapping a span inside (messes up 
> on some browsers) but want to know a solid way to align the text."
> 

__
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] Clearing div breaks absolute positioning - IE

[Gunlaug Sørtun]

>>> http://www.loudjoy.com/styled_div.html

>> Option 2: add... #newest{float: left; display: inline;}

> If you have time, I'd love a brief explanation of what this is doing.
>  I'm afraid I don't really understand it and I wasn't aware of 
> alternatives to using clearing elements in a situation like this.

There are quite a few CSS methods for 'containing floats'[1], which is
what this is all about. Relevant articles, CSS-specs and
demos/descriptions are linked to in that page.


Short about 'float: left/right;':

A float will always expand in height to contain included floats, as long
as we don't restrict its dimensions by setting a height on it.
I base probably some 75% of all 'float containment' solutions on this
simple fact.

IE/win has a nasty bug which affects side-margins on floats - they tend
to be double the given value. The addition of 'display: inline' on the
float - which doesn't make sense at all since floats can't be 'inline' -
will cure that particular 'margin doubling on floats' bug in IE/win.


IE/win has more bugs (of course) - that also affects floats, so you may
want to study some float-constructions where workarounds for these are
demonstrated and explained in some details[2][3].

In-depth understanding of how floats work will make it possible to lay
out the most elaborate designs in a mostly cross-browser stable way.



I only use 'position: absolute' for the odd occasion where I need to
place something in a completely different part of a page. Most other
'positioning-problems' are solved by manipulating floats around.
This is why I added the third option: a 'positioned and removed float'
to solve your original case.

regards
Georg

[1]http://www.gunlaug.no/contents/wd_example_01.html
[2]http://www.gunlaug.no/contents/wd_demo_float_01.html
[3]http://www.gunlaug.no/contents/wd_demo_float_02.html
-- 
http://www.gunlaug.no
__
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] Z-index for a background image?

[francky]

Iorhael wrote:

>In this layout...is there any way possible to get the filmstrip (a background 
>image) to show up *over* the banner (using a z-index or some other way)? I am 
>trying to get away from a "boxy" looking layout...
>
>http://www.drkdesign.com/parkerpennington/
>
>http://www.drkdesign.com/parkerpennington/css/parker_main.css/
>
>Debbie
>
Hi Debbie,
I should cut the banner image left to the blue signature, float the 
banner to the right, and insert a new small black backgrounded box for 
the left side along the film strip. Then the banner box has kind of 
transparent viewport in it.

Greetings,
francky

__
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] WinIE and Firefox

[Gunlaug Sørtun]

Richard Brown wrote:
> Thanks Gunlag that fixed it but...
> 
> On 26 Apr 2006, at 14:45, Gunlaug Sørtun wrote:
> 
> 
>> * html body #column-c {margin-right: -200px;}
>> 
>> ...in that it will make IE think that floating column is 200px 
>> narrower than its actual width - by pulling in its backside margin 
>> that amount.
>> 
>> You should also adjust the left margins on those  in there,
>>  so you don't push those list-items against and over the right
>> edge. That's necessary since there's some unbreakable text in
>> there.
> 
> I cannot see how to do this!

The list?
You have the margins zeroed out, so that's fine. However, Firefox (and
Opera 9+) use paddings to indent lists, so something like the following
will look more cross-browser "tuned"...

#column-c ul li {margin-left: 0; padding-left: 6px;}

...with only a small indentation in all browsers, and more space for
long words.

> Also does the 'if' statement in the header file work please? How do I
>  test whether it is working?

Yes, the min/max expression is working as intended.

regards
Georg   
-- 
http://www.gunlaug.no
__
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] WinIE and Firefox

[Gunlaug Sørtun]

Gunlaug Sørtun wrote:
> Richard Brown wrote:

>> Also does the 'if' statement in the header file work please? How do
>>  I test whether it is working?
> 
> 
> Yes, the min/max expression is working as intended.

I was a bit quick there, I think.
Yes, it is working :-)

To test it:
1: Make sure IE6 is working with javascript. IE-expressions are
javascript-based.

2: Widen/narrow the window till it reaches and exceed those values.

3: Watch out for any "jumping" at the points where the min/max set in.
If necessary; adjust the values slightly until there's no major jumping.
Don't overdo such "fine-tuning", as IE/win will rarely ever give a
pixel-perfect result when compared to other browsers.

I don't think you'll have to do any further fine-tuning, as it is about
as close to how the good browsers behave as you can possibly get it.

Note: the only advantage such an IE-expression has over pure javascript,
is that the IE-expression tend to act a bit faster and smoother than js
- for whatever reason.

Georg
-- 
http://www.gunlaug.no
__
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] Is css3 going to allow us to use non-system font?

[ross]

Is this a planned for css3? I am not really that bothered but the two things 
graphic designers (argggh!!) ask me are... 

(i) why does IE not render text? 

(ii) can the text not be in my own chosen font.


Just a thought!

Ross
__
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] Is css3 going to allow us to use non-system font?

[Gunlaug Sørtun]

[EMAIL PROTECTED] wrote:
> Is this a planned for css3? I am not really that bothered but the two
>  things graphic designers (argggh!!) ask me are...
> 
> (i) why does IE not render text?

Think that's Microsoft's department actually :-)

> (ii) can the text not be in my own chosen font.

CSS in itself can't solve that, I think. Those graphic designers will
have to make sure every visitor have downloaded, and made available to
their browser(s), whatever font they like them to see. Shouldn't be too
hard, as there are only around a billion web users they'll have to
convince - for each font ;-)

regards
Georg
-- 
http://www.gunlaug.no
__
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] Is css3 going to allow us to use non-system font?

[Bob Easton]

[EMAIL PROTECTED] wrote:
> Is this a planned for css3? I am not really that bothered but the two things 
> graphic designers (argggh!!) ask me are... 
> 
> (i) why does IE not render text? 
Georg had a good answer.
> 

> (ii) can the text not be in my own chosen font.
>

As a member of the W3C CSS Working Group I can tell you that there is 
not currently any provision in CSS3 for using fonts that need 
downloading at read time.  However, that has been a topic of recent 
discussion.  So, there's a very tiny glimmer of hope.

Be aware that the standards making process is long and tedious, and then 
is followed by an implementation period that is also long and tedious. 
If it does happen, it might be years before we see it actually 
implemented in browsers.

-- 
Bob Easton
Accessibility Matters: http://access-matters.com
__
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] Is css3 going to allow us to use non-system font?

[Christian Heilmann]

> > Is this a planned for css3? I am not really that bothered but the two 
> > things graphic designers (argggh!!) ask me are...
> > (i) why does IE not render text?
> Georg had a good answer.
> > (ii) can the text not be in my own chosen font.
> As a member of the W3C CSS Working Group I can tell you that there is
> not currently any provision in CSS3 for using fonts that need
> downloading at read time.  However, that has been a topic of recent
> discussion.  So, there's a very tiny glimmer of hope.
> Be aware that the standards making process is long and tedious, and then
> is followed by an implementation period that is also long and tedious.
> If it does happen, it might be years before we see it actually
> implemented in browsers.

huh?
What about http://www.w3.org/TR/css3-webfonts/#font-descriptions

Personally I dread the day when designers can force me to download a
1.4MB ttf in CSS. I also can forsee the day where this will become a
massive security vulnerability.

--
Chris Heilmann
Blog: http://www.wait-till-i.com
Writing: http://icant.co.uk/
Binaries: http://www.onlinetools.org/
__
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] .swf file in background-image?

[Christine Rainer]

Hi all,

does anyone know of a well functioning css-method for placing an .swf file
in the backround of a div?

Regards,
Christine
__
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] .swf file in background-image?

[David Dorward]

On 27/04/06, Christine Rainer <[EMAIL PROTECTED]> wrote:
> does anyone know of a well functioning css-method for placing an .swf file
> in the backround of a div?

It isn't possible (at least in current browsers).

You can use positioning to place a flash object in the foreground, but
behind other content - but this is ugly and tends to react badly with
FlashBlock.

--
David Dorward 
__
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] .swf file in background-image?

[Martin Heiden]

Christine,

on Thursday, April 27, 2006 at 13:04 Christine Rainer wrote:

> does anyone know of a well functioning css-method for placing an .swf file
> in the backround of a div?

You can't use the swf in the css background property. But you could
place an object with absolute positioning and z-index under a div. You
have to add background transparency to the flash (and pray...).

You shouldn't test in too many browsers (for not loosing sleep) as well
;-)

I wouldn't use it for a production site.

regards

  Martin

 



__
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] Is css3 going to allow us to use non-system font?

[Philippe Wittenbergh]

On Apr 27, 2006, at 7:08 PM, Christian Heilmann wrote:

>>> Is this a planned for css3? I am not really that bothered but the  
>>> two things graphic designers (argggh!!) ask me are...
>>> (i) why does IE not render text?
>> Georg had a good answer.
>>> (ii) can the text not be in my own chosen font.
>> As a member of the W3C CSS Working Group I can tell you that there is
>> not currently any provision in CSS3 for using fonts that need
>> downloading at read time.  However, that has been a topic of recent
>> discussion.  So, there's a very tiny glimmer of hope.
>> Be aware that the standards making process is long and tedious,  
>> and then
>> is followed by an implementation period that is also long and  
>> tedious.
>> If it does happen, it might be years before we see it actually
>> implemented in browsers.
>
> huh?
> What about http://www.w3.org/TR/css3-webfonts/#font-descriptions

And from CSS2.0



which moved out of CSS 2.1 due to lack of implementation, copyright  
issues, and other.

And there is currently a (sometimes) interesting discussion on the  
www-style mailing list

(the CSS-WG asking for feedback).
>
> Personally I dread the day when designers can force me to download a
> 1.4MB ttf in CSS. I also can forsee the day where this will become a
> massive security vulnerability.

+1 on this.

Philippe
---
Philippe Wittenbergh





__
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] .swf file in background-image?

[Design Groups]

 >>You can't use the swf in the css background property. But you could 
place an object with absolute positioning and z-index under a div. You 
have to add background transparency to the flash (and pray...).<<

Actually, this will not work.  Flash uses a plugin which  occupies a 
z-index outside the scope if the DOM, meaning that no matter what 
z-index you give it, Flash will always come out on top.  (You can see 
discussions on this problem in the Son of Suckerfish discussion areas - 
the dropdowns will fall behind Flash elements)

~Shelly
__
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] Firefox on the Mac

[Karl Camenzuli]

Hi all

 

We have just launched a new site today and I have had report that its not
rendering well in Firefox on the Mac, could someone please be so kind as to
send me a screen shot or some feedback

 

http://www.journalistaward.stop-discrimination.info/

 

 

Thanks

 

Karl

 

 

__
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] IE6 'dotted' border bug

[Zoe M. Gillenwater]

jack fredricks wrote:
> I have this rule;
>
> .myclass
> {
> border: 1px dashed #000;
> }
>
> When I scroll down the page, IE doesn't redraw the borders well, and
> they end up all 'bunched up' (so instead of steady dashes, i get
> little sections of solid lines randomly dispersed throughout)
>
> Is this just part of the common family of IE bugs, and a sign that
> other issues exist? or is it something separate?
>
> the div in issue 'has layout'
>   

Have you tried applying position: relative to it too? That's another 
possible IE bug killer, and my only idea without seeing a page.

Zoe

-- 
Zoe M. Gillenwater
Design Services Manager
UNC Highway Safety Research Center
http://www.hsrc.unc.edu

__
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] Firefox on the Mac

[John Sico]

Looks great to me (Firefox 1.5.0.2, MacBook Pro).

Let me know if you need a screenshot, and I'll get one for you!
--
John Sico


On Apr 27, 2006, at 8:28 AM, Karl Camenzuli wrote:

> Hi all
>
>
>
> We have just launched a new site today and I have had report that  
> its not
> rendering well in Firefox on the Mac, could someone please be so  
> kind as to
> send me a screen shot or some feedback
>
>
>
> http://www.journalistaward.stop-discrimination.info/
>


__
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] Firefox on the Mac

[Design Groups]

>  not rendering well in Firefox on the Mac, could someone please be so kind as 
> to
> send me a screen shot or some feedback
>
>
> http://www.journalistaward.stop-discrimination.info

Actually, you can see the problems if you're running Firefox on a PC.  
(I have it on a Mac, too, and both look exactly the same)

Basically, two things jump out at me:  1) the header, that says 
"diversity!" disappears behind the yellow sidebar and drops when the 
screen is minimized (on my Mac it is minimized - when I make the window 
smaller on PC the same thing happens); and 2) the hovering yellow 
sidebar on the right is overlapping the horizontal scrollbar on the 
bottom of the screen - which I get even when my window is maximized (at 
1280x1024).

Other than those two problems, I see nothing else.

~Shelly
__
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] Firefox on the Mac

[John Sico]

Oops, I also see the first problem (the header disappearing when the  
window shrinks).  However, I don't see the horizontal scrollbar.

Would a min-width (with the appropriate IE fixes, of course) help the  
disappearing header problem?


--
John

On Apr 27, 2006, at 8:46 AM, Design Groups wrote:
>
> Basically, two things jump out at me:  1) the header, that says
> "diversity!" disappears behind the yellow sidebar and drops when the
> screen is minimized (on my Mac it is minimized - when I make the  
> window
> smaller on PC the same thing happens);


__
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] Site Check Please -- ancientstones.com

[tedd]

Hi gang:

Please review the following site:

http://ancientstones.com

Suggestions and comments welcomed.

Thank you.

tedd
-- 

http://sperling.com/
__
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] Firefox on the Mac

[Karl Camenzuli]

Wow thanks for all the feedback I really appreciate it.

The dropping header yep I know this is a nightmare but the client was ok
with this, my problem is the horizontal scrollbar in FF on the Mac.

I need to find a way to resolve this

Thanks again

Karl

-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of John Sico
Sent: 27 April 2006 14:53
To: Karl Camenzuli
Cc: css list list
Subject: Re: [css-d] Firefox on the Mac

Oops, I also see the first problem (the header disappearing when the  
window shrinks).  However, I don't see the horizontal scrollbar.

Would a min-width (with the appropriate IE fixes, of course) help the  
disappearing header problem?


--
John

On Apr 27, 2006, at 8:46 AM, Design Groups wrote:
>
> Basically, two things jump out at me:  1) the header, that says
> "diversity!" disappears behind the yellow sidebar and drops when the
> screen is minimized (on my Mac it is minimized - when I make the  
> window
> smaller on PC the same thing happens);


__
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-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] Is css3 going to allow us to use non-system font?

[Gunlaug Sørtun]

Philippe Wittenbergh wrote:
> On Apr 27, 2006, at 7:08 PM, Christian Heilmann wrote:

>> Personally I dread the day when designers can force me to download 
>> a 1.4MB ttf in CSS. I also can forsee the day where this will 
>> become a massive security vulnerability.
> 
> 
> +1 on this.

It'll be ok...
...as long as Opera (and other good browsers) can block it ;-)
Think I'll put such a blocker on the wish-list, and maybe send it to the
Moose[1].

Georg

[1]http://lofotenmoose.info/css/
-- 
http://www.gunlaug.no
__
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] .swf file in background-image?

[Martin Heiden]

Shelly,

on Thursday, April 27, 2006 at 14:24 Design Groups wrote:

 >>>You can't use the swf in the css background property. But you could 
> place an object with absolute positioning and z-index under a div. You
> have to add background transparency to the flash (and pray...).<<

> Actually, this will not work.  Flash uses a plugin which  occupies a 
> z-index outside the scope if the DOM, meaning that no matter what 
> z-index you give it, Flash will always come out on top.  (You can see 
> discussions on this problem in the Son of Suckerfish discussion areas -
> the dropdowns will fall behind Flash elements)

No, it works with enabled background transparency. You've got to add:



inside the . In this mode the flash will not render on top of
all other content, but it doesn't work with all plugin-versions on all
browsers. But it will work at least for IE and Firefox on Windows with
Flash 6.0.65.0+

regards

  Martin

 



__
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] .swf file in background-image?

[Evert | Collab]

Martin Heiden wrote:
>
> No, it works with enabled background transparency. You've got to add:
>
> 
>
> inside the . In this mode the flash will not render on top of
> all other content, but it doesn't work with all plugin-versions on all
> browsers. But it will work at least for IE and Firefox on Windows with
> Flash 6.0.65.0+
>
> regards
>
>   Martin
>
>  
>
>   

Transparency can work really problematic in firefox if you require 
interaction with the user (mouse-clicks actually).

Evert
__
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] Site Check Please -- ancientstones.com

[Felix Miata]

On 06/04/27 08:55 (GMT-0400) tedd apparently typed:

> Please review the following site:

> http://ancientstones.com

> Suggestions and comments welcomed.

Nice. But, those using sidebars are likely not to appreciate it so much.
It requires a lot of viewport width or a smallish default text size to
avoid horizontal scroll.
-- 
"Have nothing to do with the fruitless deeds of darkness, but
rather expose them."Ephesians 5:11 NIV

 Team OS/2 ** Reg. Linux User #211409

Felix Miata  ***  http://mrmazda.no-ip.com/auth/auth
__
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] Browser Issues - berkeley

[Felix Miata]

On 06/04/27 01:32 (GMT-0400) Kathryn Bader apparently typed:

> see http://admin.berkeley.edu/.

> there is a division (right below the gold bar) between the main nav 
> bar and the left and right divs in internet explorer for pc (for mac 
> is fine). do you know of a hack that would eliminate this space/white 
> bar? or is there some other fix?

IE6 & FF3.0a (same rendering as FF 1.5.0.2) look awfully similar to me,
though neither are probably what you want. The gold bar has a different
position relative to the whitespace:

http://mrmazda.no-ip.com/SS/kathba1.gif FF on OS/2 1280 resolution
http://mrmazda.no-ip.com/SS/kathba2.gif IE in Win98 1024 resolution

> also, i'm having major problems with netscape 6/firefox for pc. as 
> you'll see, the entire top of the site "disappears" with the main nav 
> bar appearing mid-way down the page. it's fine in the latest version 
> of  netscape.

I don't see what you mean. Did you fix it already?

> i'm at a loss. of course, i'm pretty new at this. any help you can 
> offer will be greatly appreciated.

This is an aside, but I'm pretty sure Section 508 applies to this site.
As a consequence, a look at the sites referred to in the 1st few
paragraphs of this page
http://mrmazda.no-ip.com/auth/Sites/Gov/govsites.html might be a good idea.
-- 
"Have nothing to do with the fruitless deeds of darkness, but
rather expose them."Ephesians 5:11 NIV

 Team OS/2 ** Reg. Linux User #211409

Felix Miata  ***  http://mrmazda.no-ip.com/auth/auth
__
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] Site Check Please -- ancientstones.com

[Rahul Gonsalves]

tedd wrote:
> Hi gang:
> 
> Please review the following site:
> 
> http://ancientstones.com
> 
> Suggestions and comments welcomed.
> 
> Thank you.
> 
> tedd


Sweet!

Has David Laakso seen this site?

Nothing constructive to add, however, some of your images seem to need 
the background changed to match the wrapper div.

Regards,
Rahul.
__
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] Site Check Please -- ancientstones.com

[Peter Speltz]

Typo in main paige in the

find  "ouri" where it should be "our"



On 4/27/06, Rahul Gonsalves <[EMAIL PROTECTED]> wrote:
> tedd wrote:
> > Hi gang:
> >
> > Please review the following site:
> >
> > http://ancientstones.com
> >
> > Suggestions and comments welcomed.
> >
> > Thank you.
> >
> > tedd
>
>
> Sweet!
>
> Has David Laakso seen this site?
>
> Nothing constructive to add, however, some of your images seem to need
> the background changed to match the wrapper div.
>
> Regards,
> Rahul.
> __
> 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/
>


--
pjs
__
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] test html pages on an handheld or smartphone browser

[Enrico Teotti]

Hi,
one of the advantages of using CSS is creating a wide readable HTML
content. I don't know about you, but I've alway accessed it via
computer browsers :-)

Now I would like to test my html with an handheld or smartphone
browser, I don't actually have one of thoose devices so I was
wondering about a software (probably Windows software) able to emulate
them and to make me browse on a specific Web site.

Anybody can help me? I've found an unreachable discussion called [WD]:
PDA Emulator available?" in http://webdesign-l.com/archive.html
Thanks,
Enrico

--
"The only thing necessary for the triumph of evil
is for good men to do nothing"
 Edmund Burke
__
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] Site Check Please -- ancientstones.com

[David Merchant]

Must agree with both reviewers:

1. I use a sidebar virtually 100% of the time and so I have to scroll 
horizontally to see all of this Web page. On the Catalog page, for 
instance, I do not see the Price radio buttons at all. Funny how, for many 
people, the eye notices a vertical scrollbar readily and thus realizes 
there is more to the Web page, but doesn't notice too readily at all a 
horizontal scroll bar.

2. Two of the images on the home page, and on the FAQ page, need tweaking 
so that their background matches the page's background.

I really like the color theme for the site; great choice for the site.

At 08:55 AM 4/27/2006 -0400, you wrote:
>Hi gang:
>
>Please review the following site:
>
>http://ancientstones.com
>
>Suggestions and comments welcomed.


HTH,
TTFN,
David

-- 
Director of Integrated Technology
CATALyST
Louisiana Tech University
catalyst.latech.edu

__
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] Vertical tabs

[Jakob Persson]

Stephanie, Christian, tedd, Rahul and Thierry:

Thank you for taking your time replying, I really appreciate it. Looking at
all the different solutions offered so far it looks very promising! :)


Thanks,

Jakob Persson
 
web designer and usability consultant
www.jakob-persson.com
 

-Original Message-
From: Stephanie Leary [mailto:[EMAIL PROTECTED] 
Sent: Tuesday, April 25, 2006 11:24 PM
To: [EMAIL PROTECTED]
Subject: Re: [css-d] Vertical tabs

Mine is certainly not the best, but it's an example:
http://tamus.edu/

Relevant CSS:
http://tamus.edu/home.css

There's a lot going on there, with about 4 nested floating things.


Stephanie


Jakob Persson wrote:

> 
> Thank you for your reply. I don't want to reinvent the wheel so if there's
> example to look at I'd appreciate it. It would save time after all.
Perhaps
> someone else knows?
> 
> 
> Thanks,
> 
> Jakob Persson
>  
> web designer and usability consultant
> www.jakob-persson.com
>  
> 
> -Original Message-
> From: Stephanie Leary [mailto:[EMAIL PROTECTED]
> Sent: Tuesday, April 25, 2006 3:38 PM
> To: css-d@lists.css-discuss.org
> Subject: Re: [css-d] Vertical tabs
> 
> Jakob Persson wrote:
>> Been searching the archives and been googling around to no avail. I want
> to
>> create vertical tabs, preferably semantic ones. I'll be using images for
> the
>> tabs as the letters will be vertical, not horizontal, but I'd rather it
> was
>> coded as a list that would fail gracefully and be accessible than using
>> regular IMGs in DIVs.
> 
> It'll work just like any other vertical list, except each item will be
tall
> and skinny. Style them with vertical sliding doors or the image
replacement
> method of your choice. The code won't know that the images look like
> sideways tabs. 
> 


__
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] test html pages on an handheld or smartphone browser

[cj]

msdn had a web series dealing with mobile devices a while ago, and
their web casts are saved and available to replay online.  i don't
remember the links they had to various company's controls/applications
that let you view your pages on their phones, but i'm sure if you
watched the 'cast they'd give them again.  the series was called
"Mobile Web Development with ASP.NET 2.0" and was done july-august of
2005.  i know the web cast is about making pages with asp, but the
presenter talked about several web phone things you can view pages
with.


hth, and i wish i remembered more!
__
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] Browser Issues

[Ed Seehouse]

On 4/26/06, Kathryn Bader <[EMAIL PROTECTED]> wrote:

> there is a division (right below the gold bar) between the main nav
> bar and the left and right divs in internet explorer for pc (for mac
> is fine). do you know of a hack that would eliminate this space/white
> bar? or is there some other fix?

You have a whole lot of invalid xhtml which you should clean up first,
like upper case tags which are illegal in xhtml.  It's possible the
invalid code is causing your problems.  It might not be, but your
first step is to get valid code.


--
Ed Seedhouse
__
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] Site Check Please -- ancientstones.com

[tedd]

At 8:20 PM +0530 4/27/06, Rahul Gonsalves wrote:
>tedd wrote:
>>Hi gang:
>>
>>Please review the following site:
>>
>>http://ancientstones.com
>>
>>Suggestions and comments welcomed.
>>
>>Thank you.
>>
>>tedd
>
>
>Sweet!
>
>Has David Laakso seen this site?


Interesting that you should ask -- he's provided much design 
direction. All my taste is in my mouth, and the way the design looks 
is to his credit. The man is a master at this!

tedd
-- 

http://sperling.com/
__
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] test html pages on an handheld or smartphone browser

[Sam Partington]

Opera has an emulation mode for small screen devices, you press Shift-F11.

IIts not perfect, but it gives you a pretty good idea.

Sam

On 27/04/06, cj <[EMAIL PROTECTED]> wrote:
> msdn had a web series dealing with mobile devices a while ago, and
> their web casts are saved and available to replay online.  i don't
> remember the links they had to various company's controls/applications
> that let you view your pages on their phones, but i'm sure if you
> watched the 'cast they'd give them again.  the series was called
> "Mobile Web Development with ASP.NET 2.0" and was done july-august of
> 2005.  i know the web cast is about making pages with asp, but the
> presenter talked about several web phone things you can view pages
> with.
>
>
> hth, and i wish i remembered more!
> __
> 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-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] Site Check Please -- ancientstones.com

[tedd]

At 9:54 AM -0400 4/27/06, Felix Miata wrote:
>On 06/04/27 08:55 (GMT-0400) tedd apparently typed:
>
>>  Please review the following site:
>
>>  http://ancientstones.com
>
>>  Suggestions and comments welcomed.
>
>Nice. But, those using sidebars are likely not to appreciate it so much.
>It requires a lot of viewport width or a smallish default text size to
>avoid horizontal scroll.

At 10:24 AM -0500 4/27/06, David Merchant wrote:
>Must agree with both reviewers:
>
>1. I use a sidebar virtually 100% of the time and so I have to scroll
>horizontally to see all of this Web page. On the Catalog page, for
>instance, I do not see the Price radio buttons at all. Funny how, for many
>people, the eye notices a vertical scrollbar readily and thus realizes
>there is more to the Web page, but doesn't notice too readily at all a
>horizontal scroll bar.

Okay, what would be a good maximum width measurement (in pixels)?

Thanks.

tedd

-- 

http://sperling.com/
__
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] test html pages on an handheld or smartphone browser

[David Merchant]

* Openwave Phone Simulator http://developer.openwave.com/dvl/
* Microsoft Mobile Explorer 
http://www.devhood.com/tools/tool_details.aspx?tool_id=52 (though the site 
seems to be down at present)
* Nokia has an emulator but I've never gotten it to work.
* Latest Opera browsers has emulators built-in.
* Klondike WAP Browser http://wap.apachesoftware.com/klondike.wml

HTH,
TTFN,
David Merchant

-- 
Director of Integrated Technology
CATALyST
Louisiana Tech University
catalyst.latech.edu

__
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] Site Check Please -- ancientstones.com

[tedd]

At 1:23 PM -0400 4/27/06, David Laakso wrote:

>>>On 06/04/27 08:55 (GMT-0400) tedd apparently typed:
>>Okay, what would be a good maximum width measurement (in pixels)?
>>
>>Thanks.
>>
>>tedd
>>
>I prefer 780 min with 1200 max  feeding same to the 'evil one' with 
>'ie expressions." Felix will, I hope, provide the method he feels is 
>best. I believe all three of us have the same goal, although our 
>method of achieving it is different. It is good to have  more than 
>one opinion. It is our users who ultimately determine which opinion 
>is best; and, therein, the dilemma.
>David

Yes, and here's one more consideration -- what zoom level (1-10) is 
considered 100% on a Mac?

I wrote a sci fi story one time about a person who was lost in time 
and couldn't figure out where the present was -- that's how I am with 
zoom levels on my Mac. What does the rest of the world see by default?

tedd

-- 

http://sperling.com/
__
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] Site Check Please -- ancientstones.com

[Chris Williams]

The main page title bar says "Ancient Title".  Think you mean "Tile" :)


On 4/27/06 5:55 AM, "tedd" <[EMAIL PROTECTED]> wrote:

> Hi gang:
> 
> Please review the following site:
> 
> http://ancientstones.com
> 
> Suggestions and comments welcomed.
> 
> Thank you.
> 
> tedd

__
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] Site Check Please -- ancientstones.com

[David Merchant]

>Okay, what would be a good maximum width measurement (in pixels)?

Some may disagree with this, but I try to aim at using WebTV's (MSN TV) 
browser's usable screen area as a max measurement: 544 for the width (I 
haven't succeeded with all my pages yet). As we all know, it is hard, 
really, to declare a max, as people can have their desktop taskbars 
horizontal or vertical, regular height(width) or double or greater; their 
browser have sidebars, they have several toolbars, or have their toolbars 
set to have large icons with text beneath the icons; and of course can have 
the browser set at some size other than full window; etc, etc, that even on 
a 1280 x 1024 screen still can have problems with a Web page designed for 
800 x 600.

TTFN,
David

-- 
Director of Integrated Technology
CATALyST
Louisiana Tech University
catalyst.latech.edu

__
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] How do I make this div & its text start at the top?

[Anjali Arora]

Hi,

I have this page at www.artbrush.net/dp/. It works fine In Firefox on  
Windows, & great on Firefox & Safari on the mac.

However, IE on Windows is another story.  The middle column (div  
id="main") of the page which contains all of the body text starts way  
down on the page. What would set this div to start right at the top  
of the page in line with the navigation to the left.

Thanks in advance.
-Anjali
__
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] test html pages on an handheld or smartphone browser

[David Merchant]

My apologies, the link for Klondike WAP Browser should've been
http://www.apachesoftware.com/download.html

HTH,
TTFN,
David Merchant
-- 
Director of Integrated Technology
CATALyST
Louisiana Tech University
catalyst.latech.edu

__
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] How do I make this div & its text start at the top?

[cj]

this isn't "this is the solution" per se, but more of "this is part of
the problem".

if you'll notice in ie, a horizontal scroll bar appears on narrower
screens as well as the div getting pushed down.  usually ie will shove
stuff below other stuff when it's too wide to fit the screen, so going
through your code and checking for box model problems on the problem
div is a good place to start.  when i enlarge ie to max screen, that
pesky div pops right back up where it should be.

normal view: 800x600
max view: 1600x1200


ps - nice looking site.  :)  i like it.
__
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] JavaScript and CSS

[MarcLuzietti]

I am trying to create multiple css layouts for an application. For one of 
the "skins," I'm using a JavaScript to affect the design. Is there a way 
for it to only affect one design and not others?

-- 
Marc Luzietti
Flagship Project
Bayview Financial, L.P.
(305) 341-5624
__
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] Site Check Please -- ancientstones.com

[Tom Livingston]

On 4/27/06, David Merchant <[EMAIL PROTECTED]> wrote:

>a max measurement: 544 for the width
>
> TTFN,
> David
>


8^O

544!? Max!? Wow! What's that look like at a 1600x1200+ resolution?



--

Tom Livingston
Senior Multimedia Artist
Media Logic
www.mlinc.com
__
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] Short CSS course - what should I teach?

[Paul Vaughan]

Hi all.

I am creating a course on how to design web sites using CSS.  (That's a
very loose title: it could easily be "How to make your website
better..." etc.)  It will be a 3-hour short course for people with some
experience of web design, aimed at individuals and small businesses, and
does not need to go into huge amounts of detail.

I'd like everyone's input into what I should be teaching. I'll cover the
'why', so all I need is the 'what'.

My plan so far (in a nutshell):

1) Text structure, use of semantics (refer to the bare CSS Zen Garden site)
2) Typefaces/fonts (styles and relative/absolute sizes)
3) Positioning (reasonably simple: fixed to fit in 800x600 or full
screen width)
4) Images (in the design, not the content)
5) Multiple style sheets and switching between them

I don't want to get bogged down with designing for different browsers
and all the required hacks unless absolutely necessary.

I'll probably cover print media style sheets, as I believe a web page
should look good on the web as well as on paper.

Please remember this is 3 hours maximum, to people who aren't
necessarily web designers (or who may not be) and who may not have heard
of standards-compliance or Firefox/Opera/Mozilla etc, even though I will
be mentioning these a lot.  3 hours will fly by.  I realise this is a
list consisting of both the CSS elite and the noobs and everyone in
between, and I'd like opinions and ideas from all of you!

All thoughts and comments welcome.  If someone's already done this, save
me from reinventing the wheel.

Cheers all,

Paul.

__
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] Generated Menu Cap Not Budging (FF MacOS X)

[Tyson Tate]

For the first time in my career of CSS-based design, I've run in to a problem 
whereby Firefox 
differs in its rendering from that of Safari in MacOS X.

Here's the relevant XHTML:


Menu Title

Menu Link
Menu Link



And the relevant CSS:

#sidebar .menu ul {
list-style: none;
width: 181px;
}

#sidebar .menu ul:after {
display: block;
width: 181px;
height: 10px;
content: "";
position: relative;
top: -8px;
background: #ff url(images/sidebar_bottom.gif) no-repeat center 
bottom;
}

In Safari, the end-cap (ul:after) is correctly budges up 8px. In Firefox 1.5, 
it exists but is not 
budged up 8px.

HTML validates and CSS validates except for the usual "line-height" problem[1]. 
I have not yet 
wasted my time adding in an IE 6-specific stylesheet. I can only imagine what 
it looks like in 
IE 6. If you're adventurous, you can send me a screencap because my PC is down 
for a while.

XHTML: 
CSS: 

Thanks in advance!
-Tyson

[1] 
__
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] Site Check Please -- ancientstones.com

[Felix Miata]

On 06/04/27 12:32 (GMT-0400) tedd apparently typed:

> At 9:54 AM -0400 4/27/06, Felix Miata wrote:

>>On 06/04/27 08:55 (GMT-0400) tedd apparently typed:

>>>  Please review the following site:
>>>  http://ancientstones.com
>>>  Suggestions and comments welcomed.

>>Nice. But, those using sidebars are likely not to appreciate it so much.
>>It requires a lot of viewport width or a smallish default text size to
>>avoid horizontal scroll.

> At 10:24 AM -0500 4/27/06, David Merchant wrote:
>>Must agree with both reviewers:

>>1. I use a sidebar virtually 100% of the time and so I have to scroll
>>horizontally to see all of this Web page. On the Catalog page, for
>>instance, I do not see the Price radio buttons at all. Funny how, for many
>>people, the eye notices a vertical scrollbar readily and thus realizes
>>there is more to the Web page, but doesn't notice too readily at all a
>>horizontal scroll bar.

> Okay, what would be a good maximum width measurement (in pixels)?

None. Let it be whatever size it needs to be. Web browsers are designed
to do a good job of precisely that. What you as designer need to do is
think about the way the browser and your users work and merge that
understanding into the look and function you're after.

So, you've decided your design looks best at a 900px overall width, say
using your own default browser default text size as your P text size. If
that's 16px, divide 900 by 16 to get 56em. That's your width, no more,
no less. That gives you the perspective that you already decided works
best. Size all your container widths to add up to about 56em wide. Then
when a visitor comes along with bigger text and a bigger window, it
should look about the same, because the all the relationships are
unchanged. If he has a bigger window but the same text size, the
perspective will remain unchanged, and still look the way you wanted, as
it should with smaller text and a similar window size.

Other users will have either narrower windows with the same text, or
other combinations that want to squeeze your design, changing the
perspective. By keeping that overall 56em width, these people will get a
horizontal scroll. It's your job as designer to figure out just how much
scroll is compatible with good function and accessibility, which may be
zero, and make design adjustment(s) compatible with both your design and
good function and access.

Those adjustments may very well including permitting a reduced width, in
order to allow a squeeze in place of a scroll for viewers with larger
font-size to viewport width ratios. Only a lot of experimenting with
different viewport widths and text sizes will permit you to make good
decisions here, though asking opinions here can't hurt any.

In the end, there is no magic across the board magic minimum or maximum.
Using either creates a limitation. Limitations on the web are usually
unnecessary at best, and destructive to user satisfaction,
accessibility, and usability at worst.
-- 
"Have nothing to do with the fruitless deeds of darkness, but
rather expose them."Ephesians 5:11 NIV

 Team OS/2 ** Reg. Linux User #211409

Felix Miata  ***  http://mrmazda.no-ip.com/auth/auth
__
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] Site Check Please -- ancientstones.com

[Jim]

I suspect the large font size must be due to selecting Georgia as the 
first choice?

Just a question, as a newbie ( still! ), what does the "lge" class do; as in
...  |  ...
I didn't see it defined in either style sheet?

Really liked the clean design, especially after reducing the text size!

J. Chaffin
--
"I didn't attend the funeral, but I sent a nice letter saying I 
approved of it." --- Mark Twain
__
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] Site Check Please -- ancientstones.com

[David Merchant]

>8^O
>
>544!? Max!? Wow! What's that look like at a 1600x1200+ resolution?

Well, I actually try to make them fluid, so for larger resolutions the 
sites don't look bad, but 'tis hard to make sites completely fluid (at 
least for me) and so at some point when reducing window down, the page 
isn't going to look to fabulous, so I figure if I reduce down to 544 and it 
still works, I'm moderately happy with the result. I figure for lower 
resolutions, that's handheld territory, which I then use emulators for and 
if the site - some handhelds are good at reducing Web sites on their own to 
fit into the screen, others reduce images or allow folk to turn image 
support off (which I understand most do, which is why folk need to have 
good alt text for their images). I'm still trying to learn how to code for 
handhelds. Listapart recommends avoid using pixes for anything larger than 
5px, to use ems or percentages for anything larger 
(http://www.alistapart.com/articles/pocket/). One day I'd like to implement 
something like  for any mobile visitors, but that's some time off I'm 
afraid.

Anywho, I'm in the midst of major overhaul of our sites, and there are days 
I want to go back to paper (not really, but momentarily I do).

TTFN,
David

-- 
Director of Integrated Technology
CATALyST
Louisiana Tech University 

__
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] [ADMIN - OFF TOPIC] Re: Site Check Please -- ancientstones.com

[Alex Robinson]

At 16:08 -0400 27/4/06, Felix Miata wrote:
... an incredibly fulsome post on users, viewports and widths.


This thread has long since strayed far from the discussion of the 
practical use of css and on to the practicalities of web design.

So can it end now please.


Alex Robinson
css-d moderator
__
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] Site Check Please -- ancientstones.com

[Collin Davis]

> -Original Message-
> From: tedd [mailto:[EMAIL PROTECTED]
> Sent: Thursday, April 27, 2006 7:55 AM
> To: css-d@lists.css-discuss.org
> Subject: [css-d] Site Check Please -- ancientstones.com
> 
> Hi gang:
> 
> Please review the following site:
> 
> http://ancientstones.com
> 
> Suggestions and comments welcomed.
> 
> Thank you.
> 
> tedd

Might look into image replacement or sIFR for the headings - some nasty
anti-aliasing occurring:

http://i3.tinypic.com/wknyba.jpg

(Default IE/FF/Opera on XP SP2)


__
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] test html pages on an handheld or smartphone browser

[David Merchant]

Opera Mini Browser emulator:
http://www.opera.com/products/mobile/operamini/demo.dml

HTH,
TTFN,
David Merchant
-- 
Director of Integrated Technology
CATALyST
Louisiana Tech University
catalyst.latech.edu

__
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] Short CSS course - what should I teach?

[Ben Liu]

Hi Paul,

I would approach it this way:

I. Separation of style and content
II. Where to put CSS: style sheets, between head tags, inline
III. Block vs. Inline Elements
IV. Margins, Padding, Border

I think that is about all you can reasonably cover in 3 hours
considering your other curriculum items. Positioning is really
complicated and on most tutorials, you only see it in "part 2" or
"advanced CSS".

HTH
- Ben

On 4/27/06, Paul Vaughan <[EMAIL PROTECTED]> wrote:
> Hi all.
>
> I am creating a course on how to design web sites using CSS.  (That's a
> very loose title: it could easily be "How to make your website
> better..." etc.)  It will be a 3-hour short course for people with some
> experience of web design, aimed at individuals and small businesses, and
> does not need to go into huge amounts of detail.
>
> I'd like everyone's input into what I should be teaching. I'll cover the
> 'why', so all I need is the 'what'.
>
> My plan so far (in a nutshell):
>
> 1) Text structure, use of semantics (refer to the bare CSS Zen Garden site)
> 2) Typefaces/fonts (styles and relative/absolute sizes)
> 3) Positioning (reasonably simple: fixed to fit in 800x600 or full
> screen width)
> 4) Images (in the design, not the content)
> 5) Multiple style sheets and switching between them
>
> I don't want to get bogged down with designing for different browsers
> and all the required hacks unless absolutely necessary.
>
> I'll probably cover print media style sheets, as I believe a web page
> should look good on the web as well as on paper.
>
> Please remember this is 3 hours maximum, to people who aren't
> necessarily web designers (or who may not be) and who may not have heard
> of standards-compliance or Firefox/Opera/Mozilla etc, even though I will
> be mentioning these a lot.  3 hours will fly by.  I realise this is a
> list consisting of both the CSS elite and the noobs and everyone in
> between, and I'd like opinions and ideas from all of you!
>
> All thoughts and comments welcome.  If someone's already done this, save
> me from reinventing the wheel.
>
> Cheers all,
>
> Paul.
>
> __
> 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-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] Site Check Please -- ancientstones.com

[tedd]

At 3:59 PM -0400 4/27/06, Tom Livingston wrote:
>On 4/27/06, David Merchant <[EMAIL PROTECTED]> wrote:
>
>>a max measurement: 544 for the width
>>
>>  TTFN,
>>  David
>>
>
>
>8^O
>
>544!? Max!? Wow! What's that look like at a 1600x1200+ resolution?
>

I personally think that in trying to accommodate the smallest 
screens, you're losing the larger screen audience.

tedd
-- 

http://sperling.com/
__
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] Short CSS course - what should I teach?

[Kenny Graham]

> 1) Text structure, use of semantics (refer to the bare CSS Zen Garden site)

While the garden is great for showing that CSS is capable of
attractive designs, I'm not so sure it's good for learning from the
code.  It was designed to be very easy for hundreds of people to
author stylesheets for it without touching the HTML, and as such, it
has a horrible case of div-itis.  I'd really recommend finding a site
with clean, simple markup instead.  Other than that, the course sounds
great as-is.  :)
__
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] Site Check Please -- ancientstones.com

[tedd]

Felix hath said:

>  > Okay, what would be a good maximum width measurement (in pixels)?
>
>None. Let it be whatever size it needs to be.

-snip (good stuff) --

>Those adjustments may very well including permitting a reduced width, in
>order to allow a squeeze in place of a scroll for viewers with larger
>font-size to viewport width ratios. Only a lot of experimenting with
>different viewport widths and text sizes will permit you to make good
>decisions here, though asking opinions here can't hurt any.
>
>In the end, there is no magic across the board magic minimum or maximum.
>Using either creates a limitation. Limitations on the web are usually
>unnecessary at best, and destructive to user satisfaction,
>accessibility, and usability at worst.

My take on this screen size things is a bit different and I'm sure 
there are those who will disagree, but here goes.

According to w3c, only 20 percent of the viewing audience has a 
screen size of 800 x 600 and that figure is dropping at a rate of 5 
percent per six months (10 percent per year). As such, in two years, 
the narrow-screen user number will drop below a detectable amount.

Furthermore, not trying to be elitist, but our target audience has 
money to burn, so I don't think there will be many who will be both 
frugal in purchasing a larger monitor size and yet be generous with a 
vanity tile purchase.

Of course, I may be just trying to rationalize not redoing the 
layout, which as you know, is not trivial.

Many thanks to all you hawk-eye's that caught things I would not have 
ever seen.

tedd

-- 

http://sperling.com/
__
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] How do I make this div & its text start at the top?

[Anjali Arora]

Thanks a ton, I'm glad you liked the site.

Ok, so after tearing my hair for the last couple of hours, I have  
managed to fix the problem. The clue came from an online resource  
that said that because of IE's buggy implementation of the box-model,  
it's best not to use margins or borders alongwith width properties  
for a div. I had the offending divs set up with a specific width as  
well as margin. Removing the margin was really screwing things up, so  
I left that in & removed the widths for these 2 divs. And it works  
fine now in IE/Win.  Whew!!
-Anjali

On Apr 27, 2006, at 3:55 PM, cj wrote:

> this isn't "this is the solution" per se, but more of "this is part of
> the problem".
>
> if you'll notice in ie, a horizontal scroll bar appears on narrower
> screens as well as the div getting pushed down.  usually ie will shove
> stuff below other stuff when it's too wide to fit the screen, so going
> through your code and checking for box model problems on the problem
> div is a good place to start.  when i enlarge ie to max screen, that
> pesky div pops right back up where it should be.
>
> normal view: 800x600
> max view: 1600x1200
>
>
> ps - nice looking site.  :)  i like it.

__
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] How do I make this div & its text start at the top?

[cj]

> On Apr 27, 2006, at 3:55 PM, cj wrote:
> > if you'll notice in ie, a horizontal scroll bar appears on narrower
> > screens as well as the div getting pushed down.  usually ie will shove
> > stuff below other stuff when it's too wide to fit the screen, so going
> > through your code and checking for box model problems on the problem
> > div is a good place to start.  when i enlarge ie to max screen, that
> > pesky div pops right back up where it should be.


On 4/27/06, Anjali Arora <[EMAIL PROTECTED]> wrote:
> Ok, so after tearing my hair for the last couple of hours, I have
> managed to fix the problem. The clue came from an online resource
> that said that because of IE's buggy implementation of the box-model,
> it's best not to use margins or borders alongwith width properties
> for a div. I had the offending divs set up with a specific width as
> well as margin. Removing the margin was really screwing things up, so
> I left that in & removed the widths for these 2 divs. And it works
> fine now in IE/Win.  Whew!!

too bad the list was slow getting my email back to you.  :(  could
have saved you an hour with the box-model hint.  glad you got it
worked out!
__
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] Site Check Please -- ancientstones.com

[Ed Seehouse]

On 4/27/06, tedd <[EMAIL PROTECTED]> wrote:

> only 20 percent of the viewing audience has a screen size of 800 x 600 and
> that figure is dropping at a rate of 5 percent per six months (10 percent per
> year).

> As such, in two years, the narrow-screen user number will drop below a
> detectable amount.

Do I detect some sloppy math here?  In two years would  be 20% times
90%  times 90% or 16.2% - still very detectable as far as I can see.

In fact at that rate it still won't fall below 10% until the 8th year
from now, and it will still be over 5% in 13 years, at least if 
Excell is still doing math right.

--
Ed Seedhouse
__
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] How do I make this div & its text start at the top?

[Ed Seehouse]

On 4/27/06, Anjali Arora <[EMAIL PROTECTED]> wrote:
> Thanks a ton, I'm glad you liked the site.
>
> Ok, so after tearing my hair for the last couple of hours, I have
> managed to fix the problem. The clue came from an online resource
> that said that because of IE's buggy implementation of the box-model,

Actually IE6 will do the box model reasonably well if you give it the
right DTD and don't put an XML prologue in,

In fact for cross-browser compatability using a correct DTD in
Internet Explorer is pretty well a necessity.  It's also good coding
practice.

--
Ed Seedhouse
__
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] pure css tooltips and IE

[smithj7]

I'm using IE 6 and I see tool tips well.

Liked the page content as well.  If you were doing this site in Florida,
our agency Florida Division of Blind Services would be one of your
parnters and you agency ours. ( 23 percent of cases we serve each year
are due to diabetic retinopathy.)

-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Schalk
Sent: Wednesday, April 26, 2006 5:25 PM
To: css-d@lists.css-discuss.org
Subject: [css-d] pure css tooltips and IE


Greetings All,

I am using the pure css tool tips from
here:http://psacake.com/web/jl.asp

It is supposed to work in IE and when I test the above page in IE it 
does indeed. However, where I use it on my page, 
http://www.epda.cc/joomla/index.php?option=com_content&task=view&id=32&I
temid=26, 
it does not work in IE.

My css is located 
here:http://www.epda.cc/joomla/templates/epda/css/template_css.css

Can someone see what I am missing or where I am going wrong? Thanks!

-- 
Kind Regards
Schalk Neethling
Web Developer.Designer.Programmer.President
Volume4.Business.Solution.Developers


__
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-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] Site Check Please -- ancientstones.com

[it]

Ted,

Nice job on this site. Here is what I like and what I suggest IMHO

What I like (strengths):
1. Color choices and blending is easy on the eyes.
2. Clean design, not a lot of clutter and overload of useless content.
3. Catalog form is concise and clear. 

What I suggest:
1. older 12" Laptop users with 800x600 screens will struggle with
minimum web page settings. Consider fixing min width to accommodate
these guys, I would suggest 760px min width. Max width of 960px is
plenty big. Larger screens are sharing browser windows with other apps. 
2. More along the lines of less is more, why repeat the logo and
navigation links at the bottom, it is not adding anything valuable, save
web page realestate and eliminate both at the bottom.
3. Move navigation links say towards the right into the header banner.
4. Put your phone number on the header banner, make it easy to find your
contact number.
5. Add a simple php breadcrumb script below the header banner left
aligned to help viewer know where they are. Just email me if you would
like to use mine. 
6. Add price in caption of Catalog form results.
7. Add shipping, return, privacy, terms of use, policies - commercial
Ecommerce sites must haves.  

deano

> -Original Message-
> From: tedd [mailto:[EMAIL PROTECTED]
> Sent: Thursday, April 27, 2006 7:55 AM
> To: css-d@lists.css-discuss.org
> Subject: [css-d] Site Check Please -- ancientstones.com
> 
> Hi gang:
> 
> Please review the following site:
> 
> http://ancientstones.com
> 
> Suggestions and comments welcomed.
> 
> Thank you.
> 
> tedd

Might look into image replacement or sIFR for the headings - some nasty
anti-aliasing occurring:

http://i3.tinypic.com/wknyba.jpg

(Default IE/FF/Opera on XP SP2)


__
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-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] Wierd Padding issue in Mozilla

[David Merwin]

I am having a padding issue in Mozilla. Seems to show up here only  
and I have NO idea how to fix it.

The issue is in the blog section in the middle of the page.

The page in question is: http://www.agiprodj.com/?cat=191

The css in questions is: http://www.agiprodj.com/wp-content/themes/ 
dj_v3/style.css

Here is a hint, search for = in the css doc. It is big an ugly and  
needs to be redone.

Any tips would help.

Thanks.
__
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] Layout Troubles

[Ryan Mayer]

Hello all, 

I'm having a hell of a time over here trying to get this (seemingly simple)
layout work cross browser and was wondering if anyone could point me into
the right direction. 

Basically it's a centered three column layout (51px wide/410px wide/445px
wide), without a footer or header. Can anyone see where I'm going wrong?
Here's my attempt that just doesn't want to work for me. 



html,body{margin:0;padding:0}
body {
  font: 62.5% 'Trebuchet MS', Arial, Helvetica, sans-serif; 
  text-align:center; 
  background-color: #333;
  }
p {
  font-size: 1.1em; 
  line-height: 1.4em; 
  text-align: left; 
  color: #CCC;
  }
#container{
  width:905px;
  height:914px;
  margin:0px auto;
  text-align:left;
  padding:0px;
  border:1px dashed #333;
  background-color:#BBB;
  }
#left {
  border: 0px solid #CCC;
  background: #666;
  width: 51px;
  padding:5px;
  float:left;
  }
#middle {
  border: 0px solid #CCC;
  background: #666;
  width:400px;
  padding:5px;
  float:left;
  }
#right {
  border: 0px solid #CCC;
  background: #666;
  width: 440px; 
  padding:5px;
  float: left;
  }




Thanks in advance,



¬ 
  ryan mayer
  bluehaus communications
  bluehaus.com
__
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] Absolute positioning hidden

[Stuart Swan]

Hi List,

I'm having a hard time trying to figure this one out, the below link takes
you to the problem:

URL: http://www.nailzone.co.uk/dev/training.php

CSS: http://www.nailzone.co.uk/dev/css/styles.css

I am trying to position a header image at the top lefthand corner of the
pink box but it seems to be hidden for some reason.

http://www.nailzone.co.uk/dev/images/screenshot.gif is a screenshot of how
i'd like it to appear, the ID in question is #headingFloat at the bottom of
the CSS file.

Any ideas, I've tried messing with the z-index etc. but this does not help,
I'm still a newbie to all this! ;-)

Any help much appreciated,

Stuart
__
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] Absolute positioning hidden

[Stuart Swan]

On 4/28/06, Bill Brown <[EMAIL PROTECTED]> wrote:
> Hi Stuart,
>
> Adding z-index: 1000 to the #headingFloat style block fixed it for me on
> Firefox/WinXp and IE/WinXP. What OS are you using?
>
> Bill Brown
> Webmaster, MacNimble.com
>

Hi Bill,

Just put the z-index to 1000 and it worked a treat, many thanks, was
using much lower figures than this before. Need to read up on this I
think. Thanks.

Stuart
__
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] How do I make this div & its text start at the top?

[Anjali Arora]

That's interesting, can you expand on that? Would you use a specific  
DTD for IE6 always, or would it be 'it depends on ___'. In the latter  
case, what factors determine the DTD to assign to a document.

Thanks.
-Anjali
>

> Actually IE6 will do the box model reasonably well if you give it the
> right DTD and don't put an XML prologue in,
>
> In fact for cross-browser compatability using a correct DTD in
> Internet Explorer is pretty well a necessity.  It's also good coding
> practice.
>
> --
> Ed Seedhouse

__
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] Generated Menu Cap Not Budging (FF MacOS X)

[Philippe Wittenbergh]

On Apr 28, 2006, at 5:04 AM, Tyson Tate wrote:

> For the first time in my career of CSS-based design, I've run in to  
> a problem whereby Firefox
> differs in its rendering from that of Safari in MacOS X.
>
> [... snipped code ...]
>
> In Safari, the end-cap (ul:after) is correctly budges up 8px. In  
> Firefox 1.5, it exists but is not
> budged up 8px.

Gecko browsers do not support positioning on generated elements. [1]
Try with margin-top:-8px ?

[1] 

Philippe
---
Philippe Wittenbergh





__
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] IE drops center and right column content below left column again

[it]

Hello All,
 
This is a liquid 3 column layout centered and utilizes faux columns.
http://www.availcompany.com/webdev/webcode/css_test10.htm# The right
column width is 1px so it looks like a 2 column design. It also uses
things I learned here: 
 
CSS for photo gallery, see /* CSS for Horiz Gallery   */
CSS to style tables, see  /*   table styling*/  
CSS to style two column lists , see /*   multicolumn lists   */

 
In FF, it renders just fine, In IE the center column2 and right column3
drop below the last line of the left column1. I have asked why does IE
drop column content before and Mr. Georg (Gunlaug Sørtun) graciously
advised a fix to add:
 
 
* html div#column2 {height: 100%;}
* html div#column2 table {float: left; margin-right: -10px;}
 
which you can see is present in the css. Obviously, there is still a
problem. Could you help point me to a solution. 
What is this behavior/bug called on the css-discuss wiki list of bugs
http://css-discuss.incutio.com/?page=InternetExplorerWinBugs ? 
One more question, where is how to or tutorial on getting your mini site
logo to show up in the browser URL window?
 
cheers,
deano
__
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] pure css tooltips and IE

[Holly Bergevin]

From: Schalk <[EMAIL PROTECTED]>
 
>http://www.epda.cc/joomla/index.php?option=com_content&task=view&id=32&Itemid=26,
> 
>it does not work in IE.
>
>My css is located 
>here:http://www.epda.cc/joomla/templates/epda/css/template_css.css


It's working in IE6 for me, not that that is a help to you at the moment.

This is a suggestion about what I'm seeing when I hover the links with the tool 
tips. You don't need the tool tips and the title attributes for these links. 
The attributes show up long after the tool tips do, cover part of the text, and 
in my Mozilla browser, at least, leave a transpartent spot (no tool tip text, 
just what is behind the tool tip) when they disappear. In IE, the title 
attribute doesn't disappear, but sits over the tool tip as long as I hover it.

If you feel the need to tell people that they should hover the links for more 
information (the text of each title attribute) then put that at the beginning 
of the list and get rid of the title attributes altogether.

~holly  
 
   
__
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] Remove inherited background image?

[Jeff Chastain]

I have a multi-level list in which the top level list item has a background
image applied.  The background image is being inherited by all of the list
items as expected, but I am trying to disable it for all of the sub levels.
I tried a 'background-image: none' which seems to work for FireFox, but not
IE of course.  Is there a way to do this?
 

  <-- apply background image here

  

Re: [css-d] How do I make this div & its text start at the top?

[Ed Seehouse]

On 4/27/06, Anjali Arora <[EMAIL PROTECTED]> wrote:
> That's interesting, can you expand on that? Would you use a specific
> DTD for IE6 always, or would it be 'it depends on ___'. In the latter
> case, what factors determine the DTD to assign to a document.

IMO one should always use a DTD that will put all browsers into
"standards" mode.  In "quirks" mode, which most browsers also have, IE
is just too far out of line.  See the article at
http://www.alistapart.com/stories/doctype/ for good information as to
what DTD's do this.

Personally I always use the DTD for xhtml 1.0 strict whenever I am
starting a new page.  Saves all sorts of hassle, in my experience, but
you have to be willing to give up all those old presentational tags
you may be used to.

--
Ed Seedhouse
__
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] Browser Issues - berkeley

[francky]

>>>Kathryn wrote:
>>>see http://admin.berkeley.edu/.
>>>[...]
>>>there is a division (right below the gold bar) between the main nav 
>>>bar and the left and right divs in internet explorer for pc (for mac 
>>>is fine). do you know of a hack that would eliminate this space/white 
>>>bar? or is there some other fix?
>>>
>>>also, i'm having major problems with netscape 6/firefox for pc. as 
>>>you'll see, the entire top of the site "disappears" with the main nav 
>>>bar appearing mid-way down the page. it's fine in the latest version 
>>>of  netscape.
>>>
>>>i'm at a loss. of course, i'm pretty new at this. any help you can 
>>>offer will be greatly appreciated.
>>>  
>>>
>>francky wrote:
>>Apr 27, 2006 12:54 AM
>>
>>Hi Kathryn,
>>Welcome to the club!
>>As Firefox is rather standards compliant (IE is not), Firefox is 
>>suffering more if non-standard and/or non-valid html is used. Before 
>>all, I should get the html-errors out.
>>The tips are indicated in the html-validator 
>>.
>>It seems it is more Html4.01 Transitional than Xhtml1.0 Transitional: 26 
>>errors less to solve. ;-)
>>See validator with overruled doctype 
>>.
>>After that, we better can see & solve what are the (remaining) problems.
>>
>>Greetings,
>>francky
>>
>>
>Kathryn wrote:
>thanks for your help, francky. i will work on the validation issues first. oy. 
>this site is trying to be 508 compliant. as well as accessible. wish me luck.
>
>cheers,
>kathryn
>  
>
Hi Kathryn,
Ah, I didn't see this message before going to experiment, but think it 
can be in line. Felix showed a good 508 proclamation!
The problem with the FF-gap was a height:100% somewhere. You ask > FF 
gives ... - But now (not everything is commented):
*Testing material! 
*

Wish you luck! ;-)
francky
__
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] Remove inherited background image?

[francky]

Jeff Chastain wrote:

>I have a multi-level list in which the top level list item has a background
>image applied.  The background image is being inherited by all of the list
>items as expected, but I am trying to disable it for all of the sub levels.
>I tried a 'background-image: none' which seems to work for FireFox, but not
>IE of course.  Is there a way to do this?
> 
>
>  <-- apply background image here
>
>  

Re: [css-d] Remove inherited background image?

[Jeff Chastain]

IE is processing the sublevel rule, it just does not clear the background
image that is inherited.  I have tried both background: none; and
background-image: none;.  The transparent image has been suggested and while
it sounds awful, that may be the only solution.

Thanks.


-Original Message-
From: francky [mailto:[EMAIL PROTECTED] 
Sent: Thursday, April 27, 2006 10:34 PM
To: Jeff Chastain
Cc: css-d@lists.css-discuss.org
Subject: Re: [css-d] Remove inherited background image?

Jeff Chastain wrote:

>I have a multi-level list in which the top level list item has a 
>background image applied.  The background image is being inherited by 
>all of the list items as expected, but I am trying to disable it for all of
the sub levels.
>I tried a 'background-image: none' which seems to work for FireFox, but 
>not IE of course.  Is there a way to do this?
> 
>
>  <-- apply background image here
>
>