[css-d] Footer Extending

[Richard Brown]

Hi

I am having a problem at:





The footer extends out over the column. Could anybody explain why, 
please and maybe offer a solution for stopping it.


Thanks

Rich

__
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] help! IE but not Firefox showing faux columns background

[Gary Turner]

Gunlaug Sørtun wrote:

Then add this:
#contentcontainer {display: table;}
...which will make FF (and other good browsers) expand the container and
background properly.

regards
Georg


What's the reason for this method working?

cheers,

gary
--
Anyone can build a usable web site.  It takes a graphics designer to
make it slow, confusing, and painful to use.
__
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] limiting collumns

[Wayne]

On 7/11/05, jeremy <[EMAIL PROTECTED]> wrote:
> I'll give that a shot... I wasnt aware that PHP would be the best
> approach and thought maybe there was a CSS solution.

I did a similar implementation for my work's site (in ASP, but same
difference). I ended up breaking the lists up like this ALA page did,
because it worked pretty easily.
http://www.alistapart.com/articles/layeredfudge/

The loop I did was a little bit different, in that I had one for loop
to write each li, then an if statement in that loop that checked for
the middle li, closed the left ul, and opened the right ul. Before the
for loop, I opened the left ul and closed the right one after the for
loop.

There is a purely CSS way to break your list up using an li width of
50% of the ul or ol, but it's basically writing from left to right,
top to bottom, which confuses most people. If order matters, and I
assume that it does, stick with either a for loop or you can find a
few variations on the purely CSS method in the comments for the above
ALA article:
http://www.alistapart.com/discuss/layeredfudge/

-Wayne
__
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] Trouble with list/link in IE

[Gary Turner]

Ric & Jude Raftis wrote:

You will possibly find that this hack fixes the problem for IE.  Place in
CSS file above the Navbar id.

/* Fix IE. Hide from IE Mac \*/
* html #navbar ul li { float: left; }
* html #navbar ul li a { height: 1%; }
/* End */



It is not necessary to float the lis, making a {height: 1%;} is enough.

cheers,

gary
--
Anyone can build a usable web site.  It takes a graphics designer to
make it slow, confusing, and painful to use.
__
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] Color change on row hover

[Mike Stickel]

Hmm, right you are, does not work in FF, can someone maybe give me  
a example

of how to do this, start to finish, where you have a list of links,
vertical, and hovering anywhere in the row will highlight that row
background, and also toggle the link color of the text, even if it  
is not

100% as wide as the row.


Scott,

Richard had the right method for you to use. IE doesn't read the  
":hover" psuedo class on anything other than links. If you remove the  
tr:hover and instead create the a:link, a:visited, and a:hover states  
for the navigation you will achieve the desired result.


Using the display: block property will, as Richard explained, fill  
the links "hot area" to cover the full width of the td (and thusly  
the tr). I'm not sure if you've changed it yet but taking a look at  
the source shows me that you're close. The one thing I noticed is  
that you're missing the text color declaration in the #navcontainer  
a:hover style. Try adding "color: #333" or whatever color you'd like  
the text to be in there.


HTH,

Mike Stickel
Screenflicker Developments
www.screenflicker.com

p: 403-923-7667
e: [EMAIL PROTECTED]


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

[css-d] Print stylesheet - cut pages off

[Robert Neville]

I just began developing the print stylesheet for the
site listed below and have encountered several
difficulties. These scenarios seem simple, yet my mind
has not resolved them. Damm mind blocks! So the page
remains fairly complex as far as the CSS.

My header div created a page break between it and the
content div.  The content does not break between page
break and only render a little more than a page. The
situation seems odd. 

Indeed browser's print engines are not keen on floats,
yet my last print stylesheet did not remove all the
floats. Changing all position fixed, absolute, float
to position static may help (yet I less familiar with
this attribute). In addition, the overflow attribute
may contribute to the scenario as well.  Let me know
if you have any ideas about these scenarios. Please
let your thoughts point to specific solutions rather
than focus on general rhetoric. As you all know, time
is a precious commodity and the information is vast. 

Could the JavaScript affect the print stylesheet?

Check out #ArticleID which has an additional border on
the left and right side.

__
Do You Yahoo!?
Tired of spam?  Yahoo! Mail has the best spam protection around 
http://mail.yahoo.com 
__
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] Stumped on white border on tables

[Gunlaug Sørtun]

Scott Haneda wrote:

As you can see 
I am still nailed with this white border around the table, and I need to
make that go away.


Ok, you need a quick fix:
border="0" style="float: left; margin: -1px -1px 0 -1px; _margin: -1px 
-4px 0 -4px;">

...should do just fine.

regards
Georg
--
http://www.gunlaug.no
__
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] Stumped on white border on tables

[Scott Haneda]

on 7/11/05 5:29 PM, Scott Haneda at [EMAIL PROTECTED] wrote:

> 
> Look at the header and the footer, there is this 1px or so white line around
> everything, and I can not get it to go away.

I guess it is a mac thing:
td {
padding: 0px;
}

Fixed it.
-- 
-
Scott HanedaTel: 415.898.2602
 Novato, CA U.S.A.


__
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] Stumped on white border on tables

[Scott Haneda]

on 7/11/05 6:41 PM, Ric & Jude Raftis at [EMAIL PROTECTED] wrote:

> Could I suggest that you get rid of all your tables for a start and stick
> with one table if you are going to use them.  At a cursory glance you appear
> to be using four tables some are nested and some aren't. Your page shows
> that you could achieve this design with a single column using colspan tags
> on your header and footer and then define your layouts using CSS.
> 
> Regards,

Sure, and I may do that later, this is just what I did now, to be fast, I am
not making a ton on this site, so I need to just get it done, even if I do
as you suggest...

As you can see 
I am still nailed with this white border around the table, and I need to
make that go away.
-- 
-
Scott HanedaTel: 415.898.2602
 Novato, CA U.S.A.


__
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] Color change on row hover

[Scott Haneda]

on 7/11/05 6:32 PM, Ric & Jude Raftis at [EMAIL PROTECTED] wrote:

> I think your background should be background-color:#FFD;
> 
> I am not getting any change in background in either Firefox or IE or border.
> I think you need to define a style for link, visited, hover and active in
> that order for it all to work.  You may also need to include a DTD at the
> head of your document.

Hmm, right you are, does not work in FF, can someone maybe give me a example
of how to do this, start to finish, where you have a list of links,
vertical, and hovering anywhere in the row will highlight that row
background, and also toggle the link color of the text, even if it is not
100% as wide as the row.

-- 
-
Scott HanedaTel: 415.898.2602
 Novato, CA U.S.A.


__
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] Color change on row hover

[Richard Grevers]

On 7/12/05, Scott Haneda <[EMAIL PROTECTED]> wrote:
> on 7/11/05 6:02 PM, Richard Grevers at [EMAIL PROTECTED] wrote:
> 
> > On 7/12/05, Scott Haneda <[EMAIL PROTECTED]> wrote:
> >> .tRow:hover {
> >> background: #FFD;
> >> border: 1px solid #EFE;
> >> color: 3F0;
> >> }
> >>
> >> I use the above CSS on a table, when you hover over the  it changes the
> >> background to yellow, but the links inside it are not getting the color
> >> change to green that I am wanting, unless of course, you are right over the
> >> text, which I do not want.
> >>
> > You need to apply display:block to the links to achieve that. (And
> > possibly a width: 100%).
> > That green is incredibly hard to read IMO.
> 
> I don't get to pick the colors :-)
> How is adding display: block to the links, which are not even hovered over,
> going to do anything for me, it is the tr that is hovered, and when that
> happens, I want the color: to change.

It causes the link to occupy the whole of the td, which in turn
occupies the whole of the tr. In fact, with the links as blocks you
can probably set the hover style on a rather than tr, with the added
benefit that it will now work in IE. It may be necessary to define
height, width or padding to get the a's the way you like them.


-- 
Richard Grevers
New Plymouth, New Zealand
Orphan Gmail invites free to good homes.
__
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] Stumped on white border on tables

[Ric & Jude Raftis]

Could I suggest that you get rid of all your tables for a start and stick
with one table if you are going to use them.  At a cursory glance you appear
to be using four tables some are nested and some aren't. Your page shows
that you could achieve this design with a single column using colspan tags
on your header and footer and then define your layouts using CSS.

Regards,

Ric

> Subject: [css-d] Stumped on white border on tables
> 
> 
> Look at the header and the footer, there is this 1px or so white line
> around
> everything, and I can not get it to go away.

__
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] Color change on row hover

[Ric & Jude Raftis]

I think your background should be background-color:#FFD;

I am not getting any change in background in either Firefox or IE or border.
I think you need to define a style for link, visited, hover and active in
that order for it all to work.  You may also need to include a DTD at the
head of your document.

Regards,

Ric

> Subject: [css-d] Color change on row hover
> 
> .tRow:hover {
> background: #FFD;
> border: 1px solid #EFE;
> color: 3F0;
> }
> 
> I use the above CSS on a table, when you hover over the  it changes
> the
> background to yellow, but the links inside it are not getting the color
> change to green that I am wanting, unless of course, you are right over
> the
> text, which I do not want.
> 
> You can see a test case here:
> 

__
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] Color change on row hover

[Scott Haneda]

on 7/11/05 6:02 PM, Richard Grevers at [EMAIL PROTECTED] wrote:

> On 7/12/05, Scott Haneda <[EMAIL PROTECTED]> wrote:
>> .tRow:hover {
>> background: #FFD;
>> border: 1px solid #EFE;
>> color: 3F0;
>> }
>> 
>> I use the above CSS on a table, when you hover over the  it changes the
>> background to yellow, but the links inside it are not getting the color
>> change to green that I am wanting, unless of course, you are right over the
>> text, which I do not want.
>> 
> You need to apply display:block to the links to achieve that. (And
> possibly a width: 100%).
> That green is incredibly hard to read IMO.

I don't get to pick the colors :-)
How is adding display: block to the links, which are not even hovered over,
going to do anything for me, it is the tr that is hovered, and when that
happens, I want the color: to change.
-- 
-
Scott HanedaTel: 415.898.2602
 Novato, CA U.S.A.


__
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] Color change on row hover

[Richard Grevers]

On 7/12/05, Scott Haneda <[EMAIL PROTECTED]> wrote:
> .tRow:hover {
> background: #FFD;
> border: 1px solid #EFE;
> color: 3F0;
> }
> 
> I use the above CSS on a table, when you hover over the  it changes the
> background to yellow, but the links inside it are not getting the color
> change to green that I am wanting, unless of course, you are right over the
> text, which I do not want.
> 
You need to apply display:block to the links to achieve that. (And
possibly a width: 100%).
That green is incredibly hard to read IMO.
-- 
Richard Grevers
New Plymouth, New Zealand
Orphan Gmail invites free to good homes.
__
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/

[css-d] Stumped on white border on tables

[Scott Haneda]

Look at the header and the footer, there is this 1px or so white line around
everything, and I can not get it to go away.
-- 
-
Scott HanedaTel: 415.898.2602
 Novato, CA U.S.A.


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

[css-d] Color change on row hover

[Scott Haneda]

.tRow:hover {
background: #FFD;
border: 1px solid #EFE;
color: 3F0;
}

I use the above CSS on a table, when you hover over the  it changes the
background to yellow, but the links inside it are not getting the color
change to green that I am wanting, unless of course, you are right over the
text, which I do not want.

You can see a test case here:


-- 
-
Scott HanedaTel: 415.898.2602
 Novato, CA U.S.A.


__
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] limiting collumns

[jeremy]

Thank you for your reply.
I'll give that a shot... I wasnt aware that PHP would be the best 
approach and thought maybe there was a CSS solution.

-jeremy


Brian Cummiskey wrote:


jeremy wrote:

Is there a way that you can write the css to start displayig in a new 
collumn after 100  entries?



sounds like this is a better job for php than css.

every 100, start a new dynamic Div















and so on...  you can even use php to dynamically write out the for 
loops and so on.


then, in you css have you divA and divB ID's set up for your 
floats/positioning you want.








here is an example of my list as it exsists in tables ont the old 
site  http://tct2005.com/faculty.htm


Here is where the list will be going... 
http://tct2005.com/wp/index.php?page_id=25






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

[css-d] IE browser resize problem

[Gwyn Perry]

OK,
I've joined this list after finally finding a problem that I couldn't
work out a practical solution. I'm sure this won't be the first time.

So here's my problem:
My page works fine in Gecko browsers, and *almost* fine in IE6. I
haven't tested in other browsers, as my client made it clear that it
wasn't a concern.

The problem only rears its annoying head when the window is resized by
the user. My navigation list, using the 'son of suckerfish' system,
doesn't change its position with the other elements on the page. Only
when you hover the mouse over the list does it snap back to its
correct position.

I guess it needs to be seen to be properly understood, so here's the
link to my test page:
http://www.gwynimation.com/test/
Just open it in explorer and mess with the window size. Look at the
navlist and the problem should be apparent imediately.

I suspect it has something to do with other CSS declarations that
don't play well with suckerfish, but I can't see which ones. I've done
a fair bit of searching, but if you put 'IE' and 'problem' into a
search engine, you tend to get an avalanche of varied results.

This isn't a deal breaker, just an annoyance.However it is something
the client has mentioned, so I'd like to solve it if I can. Any help
would be very much appreciated.
Thanks
Gwyn

PS: CSS links as well:
http://www.gwynimation.com/test/PDUKnavi.css
http://www.gwynimation.com/test/PDUKmain.css
__
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] whatever:hover fast and easy via Dynamic Properties

[David Hucklesby]

On Mon, 11 Jul 2005, Klaus Hartl wrote:
>
> hm, I think using a property like "behavior" for assigning these
> mouse events might be a good idea - should not have any side
> effects and to me that even makes some sense :-)
>

Is there any way to get IE to understand "focus"?

Cordially,
David
--
David Hucklesby, on 7/11/2005

--


__
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] limiting collumns

[Brian Cummiskey]

jeremy wrote:
Is there a way that you can write the 
css to start displayig in a new collumn after 100  entries?


sounds like this is a better job for php than css.

every 100, start a new dynamic Div













and so on...  you can even use php to dynamically write out the for 
loops and so on.


then, in you css have you divA and divB ID's set up for your 
floats/positioning you want.








here is an example of my list as it exsists in tables ont the old 
site  http://tct2005.com/faculty.htm


Here is where the list will be going... 
http://tct2005.com/wp/index.php?page_id=25




__
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] Trouble with list/link in IE

[Ric & Jude Raftis]

You will possibly find that this hack fixes the problem for IE.  Place in
CSS file above the Navbar id.

/* Fix IE. Hide from IE Mac \*/
* html #navbar ul li { float: left; }
* html #navbar ul li a { height: 1%; }
/* End */

Regards,


Ric

> -Original Message-
> From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
> discuss.org] On Behalf Of Sverre Bjørseth
> Sent: Tuesday, 12 July 2005 6:03 AM
> To: Paolo Candelari
> Cc: css-d@lists.css-discuss.org
> Subject: Re: [css-d] Trouble with list/link in IE
> 
> Thanks a lot Paolo. IE doesn´t stop surprising me...
> But, it is still not possible to place the cursor to the right of the
> link text and achive the :hover-effect (This works in Fx and Opera,
> but not in IE). Anyone knows how to do this without specifying the
> width of the a-element? If I set the width of the a-element to 100%,
> the width of the ul-element increases in IE, and the width of the
> li-element increases in Fx and Opera. If I specify the width in px,
> everything works great, but then it ruins my zoom/elastic layout...:(
> I could set the width to 7.3em, but then it´s not very accurate to
> specify widths in em.
> 
> On 7/11/05, Paolo Candelari <[EMAIL PROTECTED]> wrote:
> >
> > - Original Message -
> > From: "Sverre Bj+APg-rseth" [EMAIL PROTECTED]
> >
> > ...
> > I+ALQ-ve made a menu on my site using lists, and styling it using CSS.
> It
> > works perfectly in Fx and Opera, but in IE the list-items seems to be
> > double the height of whats intended.
> > ...
> >
> > IE it's strange (?).
> > Rewrite your code without space between ul elements and li elements like
> > this:
> >
> > item 1 > title="...">item 2item
> 3
> >
> > and magically spaces disapear!
> >
> > Regards
> >
> > Paolo
> >
> >
> **
> 
> > Questa e-mail, ed i suoi eventuali allegati, contengono informazioni
> confidenziali e riservate.
> > Se avete ricevuto questa comunicazione per errore non utilizzatene il
> contenuto e non portatelo a conoscenza di alcuno.
> > Siete inoltre pregati di eliminarla dalla vostra casella e avvisare il
> mittente.
> > E' da rilevare inoltre che l'attuale infrastruttura tecnologica non
> pu+API- garantire l'autenticit+AOA- del mittente, n+AOg- tantomeno
> l'integrit+AOA- dei contenuti.
> >
> > Opinioni, conclusioni ed altre informazioni contenute nel messaggio
> possono rappresentare punti di vista personali a meno di diversa esplicita
> indicazione autorizzata.
> >
> >
> **
> 
> >
> 
> 
> --
> Sverre M. Bjørseth
> [EMAIL PROTECTED]
> +47 41815459
> __
> 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/
> 


__
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] A Little Firefox Firefly

[Ric & Jude Raftis]

Could it be the missing DTD declaration at the top of your html?

Regards,


Ric

> -Original Message-
> From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
> discuss.org] On Behalf Of Hershel Robinson
> Sent: Monday, 11 July 2005 6:57 PM
> To: css-d@lists.css-discuss.org
> Subject: [css-d] A Little Firefox Firefly
> 
> When I load this page:
> 
> http://scarabbooks.com/index.php
> CSS: http://scarabbooks.com/main.css
> 
> into Firefox, it loads with the footer text "This site is protected
> by..." right on top of the image 'Passing Time in the Loo.'
> 
> When I refresh, then the footer goes to the bottom, where it belongs. I
> presume this is because now Firefox knows how big the graphics are. What
> is the recommended method to avoid this problem when the page first loads?
> 
> Thanks,
> Hershel
> __
> 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/
> 


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

[css-d] limiting collumns

[jeremy]

Ok, so I am sure this is a decent css question.

I have this list of names, like 300 names.. and addresses that i would 
like to display as a list in 2 or three collumns.
However, this list is constantly growing and changing, and i would like 
to be able to not force the break in the collumns but rather usee css to 
break up my list into 2 collums. Is there a way that you can write the 
css to start displayig in a new collumn after 100  entries?



here is an example of my list as it exsists in tables ont the old 
site  http://tct2005.com/faculty.htm


Here is where the list will be going... 
http://tct2005.com/wp/index.php?page_id=25


thanks... jeremy
__
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] Trouble with list/link in IE

[Sverre Bjørseth]

Thanks a lot Paolo. IE doesn´t stop surprising me...
But, it is still not possible to place the cursor to the right of the
link text and achive the :hover-effect (This works in Fx and Opera,
but not in IE). Anyone knows how to do this without specifying the
width of the a-element? If I set the width of the a-element to 100%,
the width of the ul-element increases in IE, and the width of the
li-element increases in Fx and Opera. If I specify the width in px,
everything works great, but then it ruins my zoom/elastic layout...:(
I could set the width to 7.3em, but then it´s not very accurate to
specify widths in em.

On 7/11/05, Paolo Candelari <[EMAIL PROTECTED]> wrote:
> 
> - Original Message -
> From: "Sverre Bj+APg-rseth" [EMAIL PROTECTED]
> 
> ...
> I+ALQ-ve made a menu on my site using lists, and styling it using CSS. It
> works perfectly in Fx and Opera, but in IE the list-items seems to be
> double the height of whats intended.
> ...
> 
> IE it's strange (?).
> Rewrite your code without space between ul elements and li elements like
> this:
> 
> item 1 title="...">item 2item 3
> 
> and magically spaces disapear!
> 
> Regards
> 
> Paolo
> 
> **
> Questa e-mail, ed i suoi eventuali allegati, contengono informazioni 
> confidenziali e riservate.
> Se avete ricevuto questa comunicazione per errore non utilizzatene il 
> contenuto e non portatelo a conoscenza di alcuno.
> Siete inoltre pregati di eliminarla dalla vostra casella e avvisare il 
> mittente.
> E' da rilevare inoltre che l'attuale infrastruttura tecnologica non pu+API- 
> garantire l'autenticit+AOA- del mittente, n+AOg- tantomeno l'integrit+AOA- 
> dei contenuti.
> 
> Opinioni, conclusioni ed altre informazioni contenute nel messaggio possono 
> rappresentare punti di vista personali a meno di diversa esplicita 
> indicazione autorizzata.
> 
> **
> 


-- 
Sverre M. Bjørseth
[EMAIL PROTECTED]
+47 41815459
__
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/

[css-d] extra space around a table inside a div

[Anthony Morales]

Hi y'all,

I've come across a most vexing problem I hope y'all have seen before.  
I've got a div wrapped around a table. I'd like the table to run up  
the borders of the div so it looks like there's a border on the  
table, but I'll be adding more content inside this border so I'd  
rather place the border on the parent div.


The div has padding applied for anything else that isn't a table. To  
get the table to stretch out to fill the entire div I tried negative  
margins. The table won't expand completely once there is any padding  
on the parent div. Negative margins or no. It would be nice to use  
child selectors but I have to support IE. I can't add margins to  
every child to fake the padding or I risk making the CSS more  
complicated than necessary.


Anybody have any ideas? or can you explain why the table won't expand  
to 100%?


thanks,
ant

here's the code I'm using:

 .rbox {
margin-bottom: 36px;
border: 1px solid #b3b3b3;
padding:8px 8px 12px 12px;
}
 .rbox table {
border: 0;
border-collapse: collapse;
clear: both;
margin:0 -8px 0 -12px;
padding:0;
position: relative;
width: 100%;
}

.rbox table tr {
border-bottom: 1px solid #d5d5d5;
}
.rbox td, .rbox th {
padding:7px 6px 6px 12px;
text-align: left;
}
.altrow {background-color:#eee;}




colhead
datum


colhead
datum



__
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] problems with background image flickering on scroll

[Guillaume]

Hi there,
It's flickering for me here on FF mac, laptop...
did you meet this problem especially on Firefox... I'm asking this 
because i experienced similar situation with fixed elements
covering big size images... In fact the more i design with it the more i 
think the Gecko layout engine is poor, has difficulties
to paint, or in your case repaint the background, on screen when the 
content is scrolled. As Bruce mentioned you  should
probably change your background... I've seeen more pattern based on 
diagonals than horizontal lines...
Or maybie try a background-attachment: no-scroll, that will stop your 
bgnd moving up and down and should resolve the flicker.

Good luck.
Guilllaume.


Hi Bruce,

I'm not sure if it's the CSS causing the problem.  It may be the space
between the lines.  The gap is very narrow, on my screen resolution
(1280 X 1024) the page hurts my eyes a bit, so maybe it is an optical
effect caused by scrolling the page.

Regards, Keith.

On 7/11/05, Bruce Gilbert <[EMAIL PROTECTED]> wrote:
 


Several people have pointed out to me that on my site you get a
"flicker" when scrolling down or up with the background image which is
just a small line gif which repeats.
I can duplicate this myself, but I am not sure what is causing this problem.

the URL is http://www.inspired-evolution.com
CSS: http://www.inspired-evolution.com/Gilbert.css

any suggestions?
__
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/

   


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

 



__
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] help! IE but not Firefox showing faux columns background

[Gunlaug Sørtun]

Lisa Hoppes wrote:

I've got a faux columns background image repeat-y on
#contentcontainer (blue on left, gray in middle, white on right). In
IE, the faux columns are showing up fine. In Firefox, nothing, though
it's showing up behind the search area, so I know it's in there
somewhere.



http://www.luxecraft.com/css_test.htm


Delete that clearing-div you have near the bottom. It's in the wrong
place and it isn't working in FF anyway.

Then add this:
#contentcontainer {display: table;}
...which will make FF (and other good browsers) expand the container and
background properly.

regards
Georg
--
http://www.gunlaug.no
__
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 CSS Expandable Menu buggy

[Mirgy-CSS-discuss]

Melissa,

At 06:25 AM 7/11/2005, Craddock, Melissa wrote:
I am using a expanding menu based on 
http://www.gazingus.org/html/menuExpandable.html
The menu uses  for the items. There is a very small amount of 
javascript.  I would like to have the menu print expanded even though it 
is collapsed on the screen.


In addition to the problems and solutions already mentioned, I note that in 
three places-- CSS, JS and HTML-- you are setting the background image for 
the LI you use; I would question whether that duplication is necessary; I 
think its a hangover from your testing. Also, an alternative to using a 
background image, is to use "list-style-image", details @ 
http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-image. (Which 
may not be widely supported by a sufficient number of browsers? Or maybe it 
is. See http://nanobox.chipx86.com/browser_support.php)


However, as the image you show for the printed output of FF shows, you are 
getting repeated instances of the background image on the printout, because 
in your JS (and in the in-line style used in the HTML), you do not restate 
what the CSS shows, to wit "no-repeat 0em 0.3em". Also, of course, it is 
not necessary to say "0em", as "0" can be unitless in CSS.


d.
David William House
AllHear, Inc.
P.O. Box 330 / 23022 Yeary Lane N.E.
Aurora, OR 97002-0330 USA
(503) 266-6730 (voice) / (503) 266-6418 (fax)
[EMAIL PROTECTED] (e-mail)
http://www.AllHear.com (corporate web site)

  "Make no search for water.
But find thirst,
  And water from the very ground will burst."
 (Rumi, a Persian mystic poet, quoted in Delight of Hearts, p. 77)

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

[css-d] Print CSS Expandable Menu buggy

[diego nunes]

You can also change the JS code to mate it changes the "className"
of the element, rather then changing the inline style itself.
If the script changes the className to "hidden", for example, it
would be easy to make a print css with different definitions of the
"hidden" class.
.hidden { display: none; }
@media print { .hidden { display: block; } }

And you're done ;)

  Amplexos.

2005/7/11, James Denholm-Price <[EMAIL PROTECTED]>:
> Hi Melissa & [EMAIL PROTECTED],
>
> On 7/11/05, Craddock, Melissa <[EMAIL PROTECTED]> wrote:
> > I am using a expanding menu based on
> > http://www.gazingus.org/html/menuExpandable.html
> >... I would like to have the menu print expanded even though it is collapsed
> > on the screen.
> > When I first go to the page, I can click on print preview and see the
> > expanded menu even though it is collapsed on the screen. If I click on
> > one of the items on the screen to expand and click on it again to
> > collapse, that item will print collapsed. In my screen stylesheet I have
> > the class set to display: none;. In the print stylesheet the display
> > none is removed, yet it still doesn't print.
>
> I guess it's because the menu JS
>  (?) sets the element's
> "style.display.block" properties to "none" to hide them then you click
> ... this is hard to override in a print stylesheet as inline style
> (which is what the DOM "style" property effectively manipulates) has a
> high specificity
> 
>
> You could try increasing the specificty of the print display rules by
> adding "!IMPORTANT" or more specific selectors.
>
> Ideally (IMO) we could rewrite the menu script to apply "show" and
> "hide" classes to the elements and then all you need do is override
> show and hide in the print style sheet but I appreciate this is
> harder.
>
> James
>
> PS: Google reveals a nice Brainjar article
> : that says
>
> "Inline Styles
>
> Style properties defined inline, i.e., within an HTML tag's STYLE
> attribute, are given the same weight that an ID selector would have.
> In terms of order, they are treated as though they occur after all
> other rules.
>
> In other words, inline styles take precedence over anything but a
> conflicting declaration in a user style sheet."

-- 
~~ ~
diego nunes
web engineer
~ ~~
__
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 CSS Expandable Menu buggy

[James Denholm-Price]

Hi Melissa & [EMAIL PROTECTED],

On 7/11/05, Craddock, Melissa <[EMAIL PROTECTED]> wrote:
> I am using a expanding menu based on
> http://www.gazingus.org/html/menuExpandable.html
>... I would like to have the menu print expanded even though it is collapsed
> on the screen.
> When I first go to the page, I can click on print preview and see the
> expanded menu even though it is collapsed on the screen. If I click on
> one of the items on the screen to expand and click on it again to
> collapse, that item will print collapsed. In my screen stylesheet I have
> the class set to display: none;. In the print stylesheet the display
> none is removed, yet it still doesn't print. 

I guess it's because the menu JS
 (?) sets the element's
"style.display.block" properties to "none" to hide them then you click
... this is hard to override in a print stylesheet as inline style
(which is what the DOM "style" property effectively manipulates) has a
high specificity


You could try increasing the specificty of the print display rules by
adding "!IMPORTANT" or more specific selectors.

Ideally (IMO) we could rewrite the menu script to apply "show" and
"hide" classes to the elements and then all you need do is override
show and hide in the print style sheet but I appreciate this is
harder.

James

PS: Google reveals a nice Brainjar article
: that says

"Inline Styles

Style properties defined inline, i.e., within an HTML tag's STYLE
attribute, are given the same weight that an ID selector would have.
In terms of order, they are treated as though they occur after all
other rules.

In other words, inline styles take precedence over anything but a
conflicting declaration in a user style sheet."
__
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] Missing class assigments

[Ingo Chao]

Keith Bloom schrieb:

Hi,

Can someone let me know if I am going mad or not.



IEwin has some (cough) problems with #id.class combinations.

#content #article.slim {
background:blue;
...
}

#content #article.aus {
background:red;
...
}

this
...

shows no red, because

the parser (or whatever is sitting infront of the other bugs) reads and

matches #content, matches #article and fails on .slim

well, so we think #article is unique? and it failed? why looking once 
again at it?


http://css-discuss.incutio.com/?page=MultipleClasses

in conclusion, you can define
...

and so on, and it will work, as long as you don't combine them in one 
rule like

#article b2
or
.a1 .b2

because that breaks any specifity and will match any occurence of .b2


and so on




Ingo


--
http://www.satzansatz.de/css.html
__
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/

[css-d] ADMIN: Re: css-d Digest, Vol 32, Issue 15

[Eric A. Meyer]

At 1:13 PM + 7/11/05, [EMAIL PROTECTED] wrote:

Thank you for your e-mail.  I am currently out of the office and 
only periodically checking e-mail.


   Sadly, Jason will not see any further css-d traffic beyond the 
next digest, because he (like another list member recently) has been 
unsubscribed for violating the list policy regarding the behavior of 
auto-responders.
   And, while I'm here, PLEASE PEOPLE: TRIM YOUR QUOTED MATERIAL! 
PLEASE!  It isn't that difficult, really.  Doing so make everyone 
else's life easier, and shows respect for the time and bandwidth of 
your fellow list members... all 6500 or so of them.


--
Eric A. Meyer (http://meyerweb.com/eric/), List Chaperone
"CSS is much too interesting and elegant to be not taken seriously."
  -- Martina Kosloff (http://mako4css.com/)
__
css-discuss [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/

[css-d] [Thanks ] shorthand background:url(file.extension);

[Uwe Kaiser]

Thanks for the answers.

For the future, I will set both foreground *and* background,
or none of it.


Regards,
Uwe Kaiser


--

__
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] Tabless news scroller

[Schalk Neethling]

Thanks everyone!

Christian Heilmann wrote:


Can anyone point me to a good CSS based news scroller?
 


News scrollers require either Flash or JavaScript to run.
   


I was kinda wondering the same thing.Is it possible to create a news
scroller without using javascript, or at least use a very minimum of
javascript. I'm not really against the javascript but all the
solutions I've seen won't degrade well when using a browser without
JS. My thought was to create a CSS styled listed and have it scroll
through the list items... I don't know if that can be done entirely in
css though, it'd probably need some JS. Any thoughts?
   



That wouldn't be hard to do. You need JavaScript in any case, as it is
behaviour what you are talking about.

The logic is easy: You crop the section you want to see and change the
position of it every x milliseconds. However, who benefits from a
scroller like this? Is it really needed or annoying DHTML fun from the
end 90ies?

I did a small test there: This one only applies the styles when JS is
available and also allows the visitor to stop the scroll.
http://icant.co.uk/sandbox/newsscroller/

You can set the start and end positions, and the speed. 

HTH 
Chris 


This is off-topic now, let's stop this.

 



--
Kind Regards
Schalk Neethling
Web Developer.Designer.Programmer.President
Volume4.Business.Solution.Developers
emotionalize.conceptualize.visualize.realize
Landlines
Tel: +27125468436
Fax: +27125468436
Web
email:[EMAIL PROTECTED]
Global: www.volume4.com
Messenger
Yahoo!: v_olume4
AOL: v0lume4
MSN: [EMAIL PROTECTED]

We support OpenSource
Get Firefox!- The browser reloaded - http://www.mozilla.org/products/firefox/

This message contains information that is considered to be sensitive or 
confidential and may not be forwarded or disclosed to any other party without 
the permission of the sender. If you received this message in error, please 
notify me immediately so that I can correct and delete the original email. 
Thank you.


__
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] problems with background image flickering on scroll

[Keith Bloom]

Hi Bruce,

I'm not sure if it's the CSS causing the problem.  It may be the space
between the lines.  The gap is very narrow, on my screen resolution
(1280 X 1024) the page hurts my eyes a bit, so maybe it is an optical
effect caused by scrolling the page.

Regards, Keith.

On 7/11/05, Bruce Gilbert <[EMAIL PROTECTED]> wrote:
> Several people have pointed out to me that on my site you get a
> "flicker" when scrolling down or up with the background image which is
> just a small line gif which repeats.
> I can duplicate this myself, but I am not sure what is causing this problem.
> 
> the URL is http://www.inspired-evolution.com
> CSS: http://www.inspired-evolution.com/Gilbert.css
> 
> any suggestions?
> __
> 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/
>
__
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 float drop

[Philippe Wittenbergh]

On 12 Jul 2005, at 12:18 am, Al Sparber wrote:



IE Mac does NOT suffer from that broken box model. It was actually 
the first browser to implement the CSS2 block model correctly.


Not ENTIRELY correctly :-) In my experience it sometimes 
mis-calculates borders on nested elements that ordinarily should not 
affect their parent's ability to float. And dropping a float, in and 
of itself, means the W3C box model is not being followed, no?


Play with this one. That is the root of many problems in IE Mac.
White-space parsing issue.


Philippe
---
Philippe Wittenbergh


__
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] problems with background image flickering on scroll

[Christian Heilmann]

On 7/11/05, Bruce Gilbert <[EMAIL PROTECTED]> wrote:
> Several people have pointed out to me that on my site you get a
> "flicker" when scrolling down or up with the background image which is
> just a small line gif which repeats.
> I can duplicate this myself, but I am not sure what is causing this problem.
> 
> the URL is http://www.inspired-evolution.com
> CSS: http://www.inspired-evolution.com/Gilbert.css
> 
> any suggestions?

Depending on the monitor frequency, lines like yours can flicker as
the screen is built up from left to right and top to bottom. Wider
lines or less contrast make that effect less annoying.
Nothing wrong with the CSS, the image is just the issue, and possibly
and accessibility problem, too.

-- 
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
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] problems with background image flickering on scroll

[Bruce Gilbert]

Several people have pointed out to me that on my site you get a
"flicker" when scrolling down or up with the background image which is
just a small line gif which repeats.
I can duplicate this myself, but I am not sure what is causing this problem.

the URL is http://www.inspired-evolution.com 
CSS: http://www.inspired-evolution.com/Gilbert.css

any suggestions?
__
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 float drop

[Al Sparber]

From: "Philippe Wittenbergh" <[EMAIL PROTECTED]>



IE Mac does NOT suffer from that broken box model. It was actually 
the first browser to implement the CSS2 block model correctly.


Not ENTIRELY correctly :-) In my experience it sometimes 
mis-calculates borders on nested elements that ordinarily should not 
affect their parent's ability to float. And dropping a float, in and 
of itself, means the W3C box model is not being followed, no?


--
Al 


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

[css-d] help! IE but not Firefox showing faux columns background

[Lisa Hoppes]

I've stripped this down to just the problem. There is left nav that
will go in, as well as other content.

I've got a faux columns background image repeat-y on #contentcontainer
(blue on left, gray in middle, white on right). In IE, the faux
columns are showing up fine. In Firefox, nothing, though it's showing
up behind the search area, so I know it's in there somewhere.

Can anyone help?

http://www.luxecraft.com/css_test.htm

Thanks!
Lisa
__
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/

[css-d] Missing class assigments

[Keith Bloom]

Hi,

Can someone let me know if I am going mad or not.

I have this but of CSS:

#content #article {
float: left;
}

#content #article.slim {
width: 395px;
margin-right: 5px;
}

#content #article.aus {
border: 1px solid #ff9922;
width: 150px;
}

and this piece of HTML


 
  Embassy CES centres Australia / New Zealand 
  
Brisbane
Cairns
Gold Coast 
Melbourne
Perth
Sydney
Auckland
  
  
Further information:

Meet some students 
Meet some staff
Download or order a brochure
Our fees
   
 


All is fine in Firefox, the article area is conscticted to 150px and
my test border appears.  In IE6 it doesn't have any effect.  Yet if I
move the CSS for #article.aus above #article.slim it works and my page
using the '.slim' stop working.

Here is a link:
http://195.184.252.10/reddot_static_demo/Locations_Australia.html

It is making me feel like my brain is melting so any help would be great.

Regards, Keith
__
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] Tabless news scroller

[Christian Heilmann]

> > >> Can anyone point me to a good CSS based news scroller?
> > > News scrollers require either Flash or JavaScript to run.
> 
> I was kinda wondering the same thing.Is it possible to create a news
> scroller without using javascript, or at least use a very minimum of
> javascript. I'm not really against the javascript but all the
> solutions I've seen won't degrade well when using a browser without
> JS. My thought was to create a CSS styled listed and have it scroll
> through the list items... I don't know if that can be done entirely in
> css though, it'd probably need some JS. Any thoughts?

That wouldn't be hard to do. You need JavaScript in any case, as it is
behaviour what you are talking about.

The logic is easy: You crop the section you want to see and change the
position of it every x milliseconds. However, who benefits from a
scroller like this? Is it really needed or annoying DHTML fun from the
end 90ies?

I did a small test there: This one only applies the styles when JS is
available and also allows the visitor to stop the scroll.
http://icant.co.uk/sandbox/newsscroller/

You can set the start and end positions, and the speed. 

HTH 
Chris 

This is off-topic now, let's stop this.

-- 
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
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Tabless news scroller

[Martin Heiden]

Matthew,

> I was kinda wondering the same thing.Is it possible to create a news
> scroller without using javascript, or at least use a very minimum of
> javascript. I'm not really against the javascript but all the
> solutions I've seen won't degrade well when using a browser without
> JS. My thought was to create a CSS styled listed and have it scroll
> through the list items... I don't know if that can be done entirely in
> css though, it'd probably need some JS. Any thoughts?

I dont't think that this is possible. You'll need some more JS to get
a newsscroller working. But why don't you use one of the many
newsscrollers freely available and modify it, to get the news-text
from a  wrapped in a ? I think that would degrade very
pleasently ;), but has nothing to do with css as long as you don't
style it...

regards,

  Martin

 

__
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] Site Vista

[Tom Livingston]

On Mon, 11 Jul 2005 10:11:17 -0400, Christian Heilmann <[EMAIL PROTECTED]>  
wrote:



Funky, however, that is not testing, as most CSS issues show
themselves when you interact with the page, resize fonts or load
different content. A test for pure visual display is IMHO a very dated
testing methodology and benefits the client more than the visitors.



Agreed, however, for BrowserCam users, it's another alternative...

--
Tom Livingston
Senior Multimedia Artist
Media Logic
www.mlinc.com

Using Opera's revolutionary e-mail client: http://www.opera.com/mail/
__
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] Problem with Eric Meyer dropdown menu

[Pascal Gautronneau]

Le lundi 11 juillet 2005 à 11:55 +0200, Pascal Gautronneau a écrit :
> Hello,
> 
> I've juste made a drop down menu using the method explained in "more
> Eric Meyer on css". My problem is that when the menu get over a div
with
> a property "overflow:auto", it disepear.
> 
> I can't give an url because it is an intranet.
> 
> Does someone has the same problem ?
> 
> Thanks for help
> 
> Pascal
> 
> PS : please tell me if my explanations are not clear, english is not
my
> natural language...

I've put an exemple off the problem at this address :
http://squal38.free.fr/test.html

The problem appear when opening a long dropdown menu at the top of the
page and then when the mouse get hover the table...

Thanks for help

Pascal



__
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] Tabless news scroller

[Matthew]

> >> Can anyone point me to a good CSS based news scroller?
> > News scrollers require either Flash or JavaScript to run.

I was kinda wondering the same thing.Is it possible to create a news
scroller without using javascript, or at least use a very minimum of
javascript. I'm not really against the javascript but all the
solutions I've seen won't degrade well when using a browser without
JS. My thought was to create a CSS styled listed and have it scroll
through the list items... I don't know if that can be done entirely in
css though, it'd probably need some JS. Any thoughts?
__
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] Site Vista

[Christian Heilmann]

> Hello list,
> 
> Possibly old news, but have you all seen this?
> 
> http://www.sitevista.com/
> 
> Some good features, like full-page-depth screen shots. Looks interesting.

Funky, however, that is not testing, as most CSS issues show
themselves when you interact with the page, resize fonts or load
different content. A test for pure visual display is IMHO a very dated
testing methodology and benefits the client more than the visitors.

-- 
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
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Site Vista

[Tom Livingston]

Hello list,

Possibly old news, but have you all seen this?

http://www.sitevista.com/

Some good features, like full-page-depth screen shots. Looks interesting.

--
Tom Livingston
Senior Multimedia Artist
Media Logic
www.mlinc.com

Using Opera's revolutionary e-mail client: http://www.opera.com/mail/
__
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] Mind the gap

[Gunlaug Sørtun]

Paolo Candelari wrote:
> But, generally isn't FF to show gap bottom images when document are 
> in stict mode? So Gunlaug (or George?) solution generraly is applied 
> in FF, not in IE, or I'm wrong?

I think you're right when it comes to default-styles, but that gap would
have been related to line-height set on a text-container. However, FF
(and other good browsers) respect height unconditionally on most
containers, thus are covering up and making it look alright in this case.

IE/win doesn't care about set height and will expand container if
content doesn't fit. Add in some constructed bugs in IE/win, and the
messy part starts:

- IE see whitespace/line break that isn't there - caused by the
line-break in the source-code (which it should ignore), so the gap appear.

These solutions are mentioned by others, and will all work but for
different reasons:

- Get rid of all whitespace and put everything in one line, and the gap
will disappear.
(My HTML Tidy does this automatically - even on downloaded pages, so
this is a bug I rarely see.)

- Set image to 'display: block' (since IE apply default 'display:
inline' regardless of doctype and mode) and the gap will also disappear.

- Set 'overflow: hidden' on container, and IE will "respect" height, and
the gap will disappear if height on container is set right.

- Define 'font-size: 1px; line-height: 0;' on container and the gap will
also disappear since there's no longer any line-height on that
"imaginary whitespace" that IE/win is bugged by.

> I have forgotten how works the so called "almost standard" mode in 
> IE?

Think I got it all covered above, but as mentioned: mode isn't all that
important here. IE6 is just as buggy and non-standard in both modes when
it comes to cases like this. That's why I rarely ever refer to 'standard
mode' in IE6...

regards
Georg

ps: Georg is my name. Gunlaug is my wife's name and is fixed to my
chosen mail-address for public use.
-- 
http://www.gunlaug.no
__
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] Explanation re: some odities

[Moira Ashleigh]

Hi


I am in the final stages of putting together a all CSS site and have 
now got IE to play nice and got the site to work on IE, Firefox 
Netscape 7.2 and Opera but there are two things I needed to do to 
'force' it to work. Please have a look at these two points and if 
you can give me some clarity on why I had to go this root or, show 
me a better way to do it, it will be much appreciated.


On the footer of the site, 
www.volume4.com/pattersonpruden/index.html, I have the following 
layout:


Footer looks fine in FF 1, Safari 1.3 and Netscape 7.2 Mac OSX but 
your appearing/disappearing text land in the header and over 
"Resources" and "About Us" not in the blue box - which is where I am 
assuming you want it.


IN IE5 Mac no footer text, only 2 colors and no magic text at all.

Regards
Moira
--
Moira Ashleigh. M.A.
Lead Designer
SolsticeSun Design
http://www.solsticesun.com
[EMAIL PROTECTED]
__
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/

[css-d] Check page please

[Schalk Neethling]

Greetings All!

I am currently implementing a news scroller using XHTML, CSS and 
JavaScript. I know this list is not the place for Javascript question, 
if anyone knows of a good place please let me know but, I would really 
appreciate it if someone can look at the following page:


www.volume4.com/pattersonpruden/index.html

The news scroller on the right hand side works fine in IE Window, not 
sure about other platforms but, in Firefox it is completely screwed up. 
Not sure if this is solely caused by the JavaScript or if there might be 
some of the CSS that is part of the problem.


Thank you in advance.

--
Kind Regards
Schalk Neethling
Web Developer.Designer.Programmer.President
Volume4.Business.Solution.Developers
emotionalize.conceptualize.visualize.realize
Landlines
Tel: +27125468436
Fax: +27125468436
Web
email:[EMAIL PROTECTED]
Global: www.volume4.com
Messenger
Yahoo!: v_olume4
AOL: v0lume4
MSN: [EMAIL PROTECTED]

We support OpenSource
Get Firefox!- The browser reloaded - http://www.mozilla.org/products/firefox/

This message contains information that is considered to be sensitive or 
confidential and may not be forwarded or disclosed to any other party without 
the permission of the sender. If you received this message in error, please 
notify me immediately so that I can correct and delete the original email. 
Thank you.


__
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 float drop

[Philippe Wittenbergh]

On 11 Jul 2005, at 8:19 pm, Bob Easton wrote:


Leigh Baker-Foley wrote:

Hello again all,
Same source XHTMLL: http://8.3.8.136/
Same source CSS: http://8.3.8.136/style/ief001.css
All still validating.
This time I muddled through several hours of hair ripping before 
writing for

your help, just in case. :D
I'm having a seemingly unfixable float-drop problem on fixed width 
floats in

IE Mac.
...

...

From a very quick look, you have not made accommodations for IE's 
broken box model.  IE on the MAC, and IE 5.x on Windows, calculates 
widths differently than standardsw compliant browsers. There are many 
ways to handle the problem:

http://css-discuss.incutio.com/?page=BoxModelHack


IE Mac does NOT suffer from that broken box model. It was actually the 
first browser to implement the CSS2 block model correctly.


The problem is the images in your div#updates. They are loose in the 
container, and have that 'align="left" thing. Delete that align="left" 
(why do you need that?), and your boxes will behave correctly.


Philippe
---
Philippe Wittenbergh


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

[css-d] Print CSS Expandable Menu buggy

[Craddock, Melissa]

 
I am using a expanding menu based on
http://www.gazingus.org/html/menuExpandable.html
The menu uses  for the items. There is a very small amount of
javascript. 
I would like to have the menu print expanded even though it is collapsed
on the screen. 

When I first go to the page, I can click on print preview and see the
expanded menu even though it is collapsed on the screen. If I click on
one of the items on the screen to expand and click on it again to
collapse, that item will print collapsed. In my screen stylesheet I have
the class set to display: none;. In the print stylesheet the display
none is removed, yet it still doesn't print. I have been messing with
this for hours. Maybe a fresh set of eyes will see something I can't.
Your help is greatly appreciated. If this is not possible, any
suggestions of better ways of accomplishing this are welcome. :)

Actual page: http://www.korahlissa.com/cdc/cafrica.htm (located at the
bottom of the page under "For More Information" - starts with "Diseases
carried by insects")
Text Versions and screenshots: http://www.korahlissa.com/cdc/_links.htm


Melissa H. Craddock
Centers for Disease Control and Prevention (CDC)


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

[css-d] Re: css-d Digest, Vol 32, Issue 15

[jason]

Thank you for your e-mail.  I am currently out of the office and only 
periodically checking e-mail.  I will respond to your e-mail when I return to 
the office on Monday, July 18, 2005.

Jason Gennaro
JJPG Communications
www.jjpg.com

E-mail: [EMAIL PROTECTED]
Phone #:  647-296-JJPG (5574)


__
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] shorthand background:url(file.extension);

[Philippe Wittenbergh]

On 11 Jul 2005, at 9:48 pm, Uwe Kaiser wrote:


Hi list

When I use the shorthand
background: url(image.gif) fixed;

all browsers should expand it to
background: url(image.gif) 0% 0% fixed transparent;


In Mr. Zeldman's book (Designing with ...) I've seen an explicit

p {
background: transparent;
...
...
}

and I don't understand, why it could/should be important,
since this is the initial value anyway, and there is no
earlier declaration to overwrite. Prevention?


1/ it is a recommended practice to set both background colour and 
foreground colour at the same time


2/  it could be for overriding a previous, or less specific rule.
p {background:lime;}
p.foo {background:transparent;}

etc.

Philippe
---
Philippe Wittenbergh


__
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] shorthand background:url(file.extension);

[Christian Heilmann]

> When I use the shorthand
> background: url(image.gif) fixed;
> 
> all browsers should expand it to
> background: url(image.gif) 0% 0% fixed transparent;
> 
> 
> In Mr. Zeldman's book (Designing with ...) I've seen an explicit
> 
> p {
> background: transparent;
> ...
> ...
> }
> 
> and I don't understand, why it could/should be important,
> since this is the initial value anyway, and there is no
> earlier declaration to overwrite. Prevention?

My guess it is a best practice thing: When you define a foreground,
you should also define a background. The CSS validator also moans
about omitting that.


-- 
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
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Problem with IE and background image

[Lee Underwood]

I am new on the list and need some help.

I have placed a fixed background image on my Web site at: 
. It works fine in Firefox but not IE. 
However, I have a fixed image on another place on the Web site 
 that works fine in both Firefox and IE. The style 
sheets are loaded here:


for the site that doesn't work:
http://www.shamar.org/style/news.css

and for the site that does:
http://www.shamar.org/style/core-style.css

I am guessing it's something simple ... appreciate it.

Lee 


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

[css-d] shorthand background:url(file.extension);

[Uwe Kaiser]

Hi list

When I use the shorthand
background: url(image.gif) fixed;

all browsers should expand it to
background: url(image.gif) 0% 0% fixed transparent;


In Mr. Zeldman's book (Designing with ...) I've seen an explicit

p {
background: transparent;
...
...
}

and I don't understand, why it could/should be important,
since this is the initial value anyway, and there is no
earlier declaration to overwrite. Prevention?


Every background information would be appreciated.




Regards,
Uwe Kaiser


--
__
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] IE css positioning woes - site update

[Moira Ashleigh]

that's http://www.magpienet.biz/newmag/

typo on my part.


Mac Firefox 1 seems pretty unhappy too. Several things look to me 
like they are not lining up correctly - the Wilson Ross logo and the 
store image ride outside the boxes to the right - of course I don't 
know for sure if that might have been the intention. But somehow I 
think not.


Regards
Moira
--
Moira Ashleigh. M.A.
Lead Designer
SolsticeSun Design
http://www.solsticesun.com
[EMAIL PROTECTED]
__
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 float drop

[Bob Easton]

Leigh Baker-Foley wrote:

Hello again all,

Same source XHTMLL: http://8.3.8.136/
Same source CSS: http://8.3.8.136/style/ief001.css
All still validating.

This time I muddled through several hours of hair ripping before writing for
your help, just in case. :D

I'm having a seemingly unfixable float-drop problem on fixed width floats in
IE Mac.

...
Rule #1 about dropped floats.  Drpos are ALWAYS due to something being 
too wide to fit in the space available.  Add up all the widths, padding, 
and margins.  Then, make understand browser deficiencies (next 
paragraph) and you'll find not enough space.


From a very quick look, you have not made accommodations for IE's 
broken box model.  IE on the MAC, and IE 5.x on Windows, calculates 
widths differently than standardsw compliant browsers. There are many 
ways to handle the problem:

http://css-discuss.incutio.com/?page=BoxModelHack

BTW, please don't include source code when you've already included a 
URL.  The list is about 6000 people and that's a lot of bloated messages 
to send.


--
Bob Easton
Accessibility Matters: http://access-matters.com

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

[css-d] Strange float drop

[Leigh Baker-Foley]

Hello again all,

Same source XHTMLL: http://8.3.8.136/
Same source CSS: http://8.3.8.136/style/ief001.css
All still validating.

This time I muddled through several hours of hair ripping before writing for
your help, just in case. :D

I'm having a seemingly unfixable float-drop problem on fixed width floats in
IE Mac.

Just below the sky blue bar containing the form elements (which I finally
resorted to an inelegant table to layout- but that's a crying jag for a
later question):

There are two floated divs within a parent wrapper that appear side-by-side
in all browsers with the exception of (of course) IE, where the right div
drops to a horizontal position below the left's bottom edge (but still
maintains its correct vertical alignment). I have tried removing the "clear:
both" from the wrapping parent to no avail, among about 50 thousand other
little things. Does this look familiar to you? Any advice you can giv will
be deeply appreciated.

Relevant XHTML:




IEF: Preventing Blindness and Restoring Sight in the
Developing World
SINCE 1961, the International Eye Foundation has worked across the globe to
to help people like Josiah Bartlet (pictured above) to see
again. IEF Programs pri ad everti fabellas, an pri quis
ferri takimata. Ex sed veritus ponderum, commodo luptatum eu pro. [ About
IEF ]



IEF Updates
Vel an natum mucius percipit, sit no exerci aperiri, eum perfecto
evertitur Sight Reach® Surgical eu. Vim et malorum
verterem, te diam nonummy petentium pri. [ SRS ]
IEF
UpdatesVel an natum mucius percipit, sit no exerci aperiri, eum
perfecto evertitur Sight Reach® Surgical eu. Vim et malorum
verterem, te diam nonummy petentium pri. [ SRS ]


Relevant CSS:

/* Content Wrapper */
div#contentwrap {
 display: block;
 float: left;
 width: 800px;
 min-width: 800px;
 margin: 0;
 padding: 0;
 background: transparent;
 border-right: 0;
 }

/* Left Side Home */
div#stories {
 display: inline;
 float: left;
 width: 600px;
 min-width: 600px;
 margin: 0;
 padding: 0;
 background: transparent url(/images/iefheadline.gif) top left no-repeat;
 border: 0;
 }

/* Rotating Story */
div#stories p {
 margin: 0;
 padding: 46px 12px 22px 14px;
 border: 0;
 }

/* Feature Image */
div#stories img {
 border: 1px solid #005cab;
 margin: 0 0 10px 14px;
 padding: 0;
 }

/* Updates Column */
div#updates {
 display: inline;
 float: right;
 width: 200px;
 min-width: 200px;
 margin: 0;
 padding: 0;
 border: 0;
 }

div#updates img {
 border: 1px solid #005cab;
 margin: 10px 0 5px 10px;
 padding: 0;
 }

div#updates p {
 margin: 0;
 padding: 0 10px 15px 20px;
 border: 0;
 }

div#updates h1, h2, h3, h4, h5, h6 {
 padding: 10px 10px 0 20px;
 }

Many thanks for your kind attention!

Warmest,
Leigh


. . .

Leigh Baker-Foley
mailto:[EMAIL PROTECTED]
http://nodltd.com/
tel: 207-244-9088

__
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] whatever:hover fast and easy via Dynamic Properties

[Klaus Hartl]

Indeed.

- zoom on an inline element, this will more behave like inline-block.
- applied on an container element (affecting floats, relatively 
positioned constructs, and more), it may change the rendering 
fundamentally.


-> avoid "layout", no need to call the evil


hi ingo,

you name it! but on the other hand "layout" can be very helpful to fix 
rendering bugs. the holly hack (height: 1%) for example is nothing else 
than triggering layout...


hm, I think using a property like "behavior" for assigning these mouse 
events might be a good idea - should not have any side effects and to me 
that even makes some sense :-)



regards,

klaus




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

[css-d] Problem with Eric Meyer dropdown menu

[Pascal Gautronneau]

Hello,

I've juste made a drop down menu using the method explained in "more
Eric Meyer on css". My problem is that when the menu get over a div with
a property "overflow:auto", it disepear.

I can't give an url because it is an intranet.

Does someone has the same problem ?

Thanks for help

Pascal

PS : please tell me if my explanations are not clear, english is not my
natural language...

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

[css-d] Again (or still) a resize problem in FF

[Daniel Doesburg]

What can be the reason for the flicker in this page if you resize the
screen in Firefox?

http://wouda.doesburg.biz/fileadmin/template1.html

I wonder.

Daniel






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

[css-d] A Little Firefox Firefly

[Hershel Robinson]

When I load this page:

http://scarabbooks.com/index.php
CSS: http://scarabbooks.com/main.css

into Firefox, it loads with the footer text "This site is protected 
by..." right on top of the image 'Passing Time in the Loo.'


When I refresh, then the footer goes to the bottom, where it belongs. I 
presume this is because now Firefox knows how big the graphics are. What 
is the recommended method to avoid this problem when the page first loads?


Thanks,
Hershel
__
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] Trouble with list/link in IE

[Paolo Candelari]

- Original Message - 
From: "Sverre Bjørseth" [EMAIL PROTECTED]

...
I´ve made a menu on my site using lists, and styling it using CSS. It
works perfectly in Fx and Opera, but in IE the list-items seems to be
double the height of whats intended.
...

IE it's strange (?).
Rewrite your code without space between ul elements and li elements like
this:

item 1item 2item 3

and magically spaces disapear!

Regards

Paolo

**
Questa e-mail, ed i suoi eventuali allegati, contengono informazioni 
confidenziali e riservate. 
Se avete ricevuto questa comunicazione per errore non utilizzatene il contenuto 
e non portatelo a conoscenza di alcuno.
Siete inoltre pregati di eliminarla dalla vostra casella e avvisare il 
mittente. 
E' da rilevare inoltre che l'attuale infrastruttura tecnologica non può 
garantire l'autenticità del mittente, nè tantomeno l'integrità dei contenuti.

Opinioni, conclusioni ed altre informazioni contenute nel messaggio possono 
rappresentare punti di vista personali a meno di diversa esplicita indicazione 
autorizzata.

**
__
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] Mind the gap

[Paolo Candelari]

- Original Message - 
From: "Ian Sweeney" <[EMAIL PROTECTED]>


> In IE6 there is a gap between the bottom of the image shown at
> www.iansweeney.me.uk/p4 and the blue top border of the content section.
> There is no gap when viewed with Firefox. How do I get rid of the gap?

Hi Ian.

The two solution:

> Style the image to 'display: block' from Gunlaug Sortun

and

>Rewrite the markup as:  from Peter Williams

work very well.

But, generally isn't FF to show gap bottom images when document are in stict
mode? So Gunlaug (or George?) solution generraly is applied in FF, not in
IE, or I'm wrong?
I have forgotten how works the so called "almost standard" mode in IE?

Regards,
Paolo


**
Questa e-mail, ed i suoi eventuali allegati, contengono informazioni 
confidenziali e riservate. 
Se avete ricevuto questa comunicazione per errore non utilizzatene il contenuto 
e non portatelo a conoscenza di alcuno.
Siete inoltre pregati di eliminarla dalla vostra casella e avvisare il 
mittente. 
E' da rilevare inoltre che l'attuale infrastruttura tecnologica non può 
garantire l'autenticità del mittente, nè tantomeno l'integrità dei contenuti.

Opinioni, conclusioni ed altre informazioni contenute nel messaggio possono 
rappresentare punti di vista personali a meno di diversa esplicita indicazione 
autorizzata.

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

[css-d] clipping

[Schalk Neethling]

Greetings All

According to the W3 the clip property applies to block-level and 
replaced elements. Therefore, the following code should work?


#scroller {
   width:220px;
   height:100px;   
   border:0;   
   clip:rect(0, 220px, 100px, 10px);   
}




Thanks for your help.

--
Kind Regards
Schalk Neethling
Web Developer.Designer.Programmer.President
Volume4.Business.Solution.Developers
emotionalize.conceptualize.visualize.realize
Landlines
Tel: +27125468436
Fax: +27125468436
Web
email:[EMAIL PROTECTED]
Global: www.volume4.com
Messenger
Yahoo!: v_olume4
AOL: v0lume4
MSN: [EMAIL PROTECTED]

We support OpenSource
Get Firefox!- The browser reloaded - http://www.mozilla.org/products/firefox/

This message contains information that is considered to be sensitive or 
confidential and may not be forwarded or disclosed to any other party without 
the permission of the sender. If you received this message in error, please 
notify me immediately so that I can correct and delete the original email. 
Thank you.


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

[css-d] Trouble with list/link in IE

[Sverre Bjørseth]

Hi folks, I was wondering if someone out there could help med with
something thats been bothering me for 2 days now.

I´ve made a menu on my site using lists, and styling it using CSS. It
works perfectly in Fx and Opera, but in IE the list-items seems to be
double the height of whats intended.

The lists links are styled, and I´ve added display:block to the
a-element to make it easier for users to hover the links. This does
not work in IE, at least not until I specify the width of the
a-element. Only trouble is, if I set the width, other problems occur
in all three browsers, and breaks my zoom (or elastic or whatever its
called) layout.

You can see for yourself at http://bjoerseth.com/, and the stylsheet
can be found at http://bjoerseth.com/stilark.css.

Anyone have a clue?

Thanks in advance,
__
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] whatever:hover fast and easy via Dynamic Properties

[Ingo Chao]

Klaus Hartl schrieb:

One can also use a totally unused property to assign the events, like:
.whatever {
zoom: expression(
this.onmouseover = function() { this.className += ' 
whateverhover'; },
this.onmouseout = function() { this.className = 
this.className.replace('whateverhover', ''); });

}

But this may have side effects in some cases. "zoom" for example 
triggers "layout", which can have some effect on the rendering...


Indeed.

- zoom on an inline element, this will more behave like inline-block.
- applied on an container element (affecting floats, relatively 
positioned constructs, and more), it may change the rendering fundamentally.


-> avoid "layout", no need to call the evil

Ingo

--
http://www.satzansatz.de/css.html
__
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/