Re: [css-d] Scrolling CSS menus - is it possible?

[Christian Heilmann]

> I've used a drop-down menu using css in my web page but would like the menu 
> to scroll down with the page.  Is there a way to do this?
> If anyone would have any ideas if this is possible and how to do it, it would 
> be greatly appreciated.
> Jasmin

In CSS2 capable browsers it is possible by using position:fixed. Alas,
MSIE 6 does not support it.

However there are workarounds: http://www.cssplay.co.uk/layouts/fixed.html

-- 
Chris Heilmann
Book: http://www.beginningjavascript.com
Blog: http://www.wait-till-i.com
Writing: http://icant.co.uk/
__
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] Background image and window scroll - problems if scroll horizontally

[Micky Hulse]

francky wrote:
> Hi Micky,

Hi Francky! Looks like you saved the day again!  :)

> In your testpage...
> body { color: #333; background: #fff 
> url(http://home.tiscali.nl/developerscorner/css-discuss/images/testbg1.jpg) 
> repeat-y fixed top right; }
> ... and see what happens @changing "fixed" in "scroll" (or just 
> omitting, as "scroll" is the default) and back.  :-)

"Fixed" did the trick. Not sure why I did not try that! I feel like such 
a noob. Lol, thanks for pointing that out! :D

> [1] The gradient is so subtle (or my monitor so not calibrated - who 
> has? - or my monitor and/or eyes not good enough), that I could hardly 
> see any difference when scrolling. Made a more contrasting bg for a 
> better effect. ;-)

Ah, sorry about that. Yeah, my LCD must be giving me some freedom that 
others are not able to enjoy...

I am happy "fixed" did the trick... normally I use "scroll" for 
background images... after this experience I will be giving "fixed" more 
thought.

Thanks again, and thanks all who took the time to help.

:D
Cheers,
Micky

__
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] bolded links not working in IE

[Michael Landis]

On 7/5/06, John Haas <[EMAIL PROTECTED]> wrote (about
http://www.manapedesign.com/21dems):

> Now, if you got to "About Us" and look at the HTML source for that
> secondary nav, you'll see that I have a class being dynamically inserted
> into the  to mark the page you're currently on:
> class="active"
>
> For that active class, I have the link being bold.  This works fine in
> Firefox, but alas, IE does not render those links as bold as they should.

Hi, John,

The reason has to do with your CSS order. Currently you have:

#secondary a.active {
font-weight:bold;
}
#secondary a:link {
font-weight:normal;
text-decoration:none;
}
#secondary a:visited {
font-weight:normal;
text-decoration:none;
}
#secondary a:hover {
font-weight:bold;
text-decoration:none;
}
#secondary a:active {
font-weight:bold;
text-decoration:none;
}

As it happens, pseudo-classes have the same weight as regular classes.
So all of these rules use one id, one element, and one class to
identify the element to aply the style to.

Since they all have the same weight, the browser will take the last
value identified for the property. For the .active link, it will take
the bold from the .active rule, then unbold it with the :link or
:visited rules.

If you want the .active rule to override the :link and :visited rules,
place it after the :link and :visited rules. Or change your selector
to include those pseudo classes, so that

a.active

becomes

a:link.active, a:visited.active

This can make it clearer that the bolding from the active class should
take precedence over the normal link styling.

HTH,

Michael
__
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] FW: List Menu

[Michael Landis]

On 7/5/06, Christina Hawkins <[EMAIL PROTECTED]> wrote:
> Thank you Michael. This worked! Whew! I would not have even figured that my
> lack of a width was causing it.
>
> Christina Hawkins
> www.globalspex.com

Glad to help!

For more information on "hasLayout", check out Ingo Chao's detailed
article on it[1], as well as the several articles generated by Big
John and Holly about IE bugs.[2]

Michael

[1] http://www.satzansatz.de/cssd/onhavinglayout.html
[2] http://www.positioniseverything.net/explorer.html
__
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] Moving a graphic

[Michael Landis]

Oops, didnt finish

On 7/5/06, Michael Landis <[EMAIL PROTECTED]> wrote:
> On 7/5/06, Visually Insane Genetically Modified Organism
> <[EMAIL PROTECTED]> wrote about
> http://www.infoforce-services.com/ifs_header_tri.php:
>
> > Michael
> > Thank you for the response. Are you suggesting "display: block;" in the h1
> > img { and .curve img { in the CSS? I almost what I would like. However, in
> > column one the tree graphic is not aligning with the top of the graphic. And
> > I would like to get "InfoForce stay where it is but align withthe top of the
> > screen.
>
> Ah! Now I get it. Apologies. :-)
>
> Probably the easiest way to do this is to make the curve a background
> image for the header div, instead of an honest-to-goodness image. That
> way the InfoForce text will slide up on top of it, along with the tree
> graphic. You will need to position the background image some to get
> this to work.
>
> If you are actually trying to stretch that curve across whatever width
> the window has, I'd recommend against it. The specs are pretty
> unambiguous that a width of "auto" for a replaced element (like an
> image) is determined by using the size of the image as it relates to
> the vertical height of the image

 to continue...

A width of "auto" means that it will be related to the height of the
image, not the width of whatever it is in.[1] A width of "100%" might
do the trick, but the image is going to look rather distorted at
anything other than the proper dimension. I'd suggest having the image
stretch off for a ridiculous distance to the right, so that as far as
the window stretches, you'll just see the end of the image. The image
would curve as it does now, but the final point where the yellow
disappears and the white bar levels out can go to the right for
several thousand pixels or so without issue, if it is a GIF.

HTH,

Michael

[1] http://www.w3.org/TR/CSS21/visudet.html#abs-replaced-width
__
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] Moving a graphic

[Michael Landis]

On 7/5/06, Visually Insane Genetically Modified Organism
<[EMAIL PROTECTED]> wrote about
http://www.infoforce-services.com/ifs_header_tri.php:

> Michael
> Thank you for the response. Are you suggesting "display: block;" in the h1
> img { and .curve img { in the CSS? I almost what I would like. However, in
> column one the tree graphic is not aligning with the top of the graphic. And
> I would like to get "InfoForce stay where it is but align withthe top of the
> screen.

Ah! Now I get it. Apologies. :-)

Probably the easiest way to do this is to make the curve a background
image for the header div, instead of an honest-to-goodness image. That
way the InfoForce text will slide up on top of it, along with the tree
graphic. You will need to position the background image some to get
this to work.

If you are actually trying to stretch that curve across whatever width
the window has, I'd recommend against it. The specs are pretty
unambiguous that a width of "auto" for a replaced element (like an
image) is determined by using the size of the image as it relates to
the vertical height of the image
>
> 
> Angus MacKinnon
> MacKinnon Crest Saying
> Latin -  Audentes Fortuna Juvat
> English - Fortune Assists The Daring
> Web page http://www.infoforce-services.com
> Choroideremia Research Foundation Inc. 2nd Vice president
> http://www.choroideremia.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/

Re: [css-d] Help with Safari and topnav

[Michael Landis]

On 7/5/06, Skip Knox <[EMAIL PROTECTED]> wrote:
> Well I'll be swiggered.
>
> After futzing with the CSS for a good long time, something about the
> floats finally clicked.
>
> I changed the order of the includes. I load the leftnav first, *then*
> load the header, and now it works. It wasn't the CSS at all.
>
> Even so, I do thank Michael Landis for offering some simplification of
> my code. I still have some spacing tweaks to do, but this is
> fundamentally sound, right across the major browsers. Loading leftnav
> before header is a bit of a kludge, as it's contrary to common sense,
> but since this template is mainly for our own internal use, I'm willing
> to accept that.
>
> If anyone can work out a better solution, one that would put the
> includes in a more logical order, it'd be appreciated but not necessary.
> I will, as they say, leave that as an exercise for the student.

Thanks! I swear, it worked for me :-)

But I'm glad it all worked out in the end.

Michael
__
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] Scrolling CSS menus - is it possible?

[Jasmin Marcolin]

Hi

I've used a drop-down menu using css in my web page but would like the menu to 
scroll down with the page.  Is there a way to do this? 

If anyone would have any ideas if this is possible and how to do it, it would 
be greatly appreciated.

Jasmin
__
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] Safari javascript problem

[Paul Pollock]

Kevin:

That did the trick, thanks for the response.

I don't see any apparent conflict although I'm curious as to where it  
could have come from.


~paul

On Jul 5, 2006, at 7:28 PM, [EMAIL PROTECTED] wrote:

> On Jul 5, 2006, at 1:15 PM, Paul Pollock wrote:
>
>> I have a problem that only shows up on Safari 2.0.4.
>>
>> I have a series of rollover buttons at http://web-cars.com/corvette/
>> 1964.php. For whatever reason, the "Links" button does not rollover,
>> but only with Safari. All other browsers act as expected. I've looked
>> over the code as closely as possible and I just don't see a problem.
>> FWIW, the code from that section is from an include file. The
>> rollover image (http://next2.web-cars.com/corvette_img/links_in.jpg)
>> is intact.
>
> Try changing the name and ID of the element from "link" to "dog" (or
> something you know isn't on the page). This acts like there is a
> conflict with another element on the page being named "link".

__
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] Newb Float Question

[Darrin Hawe]

> > http://digifiend.com
> 
> > http://digifiend.com/todo.php
> > 
> > the left "content" column doesn't always fully extend, resulting in 
> > the right two columns not always being extended to the right.
> 
> > Is there a command that can be used to fully expand the float 
> > regardless of text?
> 
> Not a precise "command", but the addition of...
> #left {display: table; }
> ...solves that deviation in Firefox and Opera, and I can't 
> see the problem in IE6 and Safari.
> 
> Of course: there has to be long enough text-lines to make the 
> #left expand anyway, since floats without a given width will 
> shrink to its content by default - making your 
> layout-solution slightly weak with short text-lines on very 
> wide browser-windows. The suggested addition doesn't change that.
> 
> regards
>   Georg

Thanks Georg, that did the trick.  I plan on having text explanation columns on 
every page to ensure that the columns are expanded properly.  Weak solution, 
but necessary if I want to keep with floats (which I do).  Thanks also for 
checking in IE and Safari :)
__
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] bolded links not working in IE

[francky]

John Haas wrote:

> Hi folks,
>
> I have a secondary navigation at http://www.manapedesign.com/21dems/
> At the top of the page... "About Us, Newsroom..." etc...
>
> Now, if you got to "About Us" and look at the HTML source for that 
> secondary nav, you'll see that I have a class being dynamically 
> inserted into the  to mark the page you're currently on:
> class="active"
>
> For that active class, I have the link being bold.  This works fine in 
> Firefox, but alas, IE does not render those links as bold as they should.
>
> Anyone have any ideas why this might be?
> The stylesheet in question is located at:
> http://www.manapedesign.com/21dems/themes/21cd/typography.css
>
> Thanks in advance...
> -John

Hi John,
No idea ... on my Win98SE with IE6 it is as bold & beautiful as the bold 
& beautiful can be.

Instead, as the world turns, I have an other problem ;-) : upscaling the 
fontsize, if the visitor might want to:
http://home.tiscali.nl/developerscorner/css-discuss/images/manape-screenshot.gif

(this is going wrong in FF too) the column height shouldn't be fixed, I 
think.

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] Newb Float Question

[Gunlaug Sørtun]

Darrin Hawe wrote:

> http://digifiend.com

> http://digifiend.com/todo.php
> 
> the left "content" column doesn't always fully extend, resulting in
> the right two columns not always being extended to the right.

> Is there a command that can be used to fully expand the float
> regardless of text?

Not a precise "command", but the addition of...
#left {display: table; }
...solves that deviation in Firefox and Opera, and I can't see the
problem in IE6 and Safari.

Of course: there has to be long enough text-lines to make the #left
expand anyway, since floats without a given width will shrink to its
content by default - making your layout-solution slightly weak with
short text-lines on very wide browser-windows. The suggested addition
doesn't change that.

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] Background image and window scroll - problems if scroll horizontally

[francky]

Micky Hulse wrote:

>Kevin Murphy wrote:
>  
>
>>What happens if you add:
>>
>>body, html {
>>width: 100%;
>>}
>>
>>
>Hi Kevin!  :)
>
>Thanks for the quick response, I appreciate your help.
>
>Well, I had tried that yesterday with no luck... and just tried it now 
>with the same negative results - it does not appear to make a difference 
>in Firefox/PC.  :(
>
>Seems like setting 100% width on body/html would do the trick, but not 
>in this case.
>
>Maybe I should think about specifying the backround-image position with 
>units instead of keywords?
>
>"0 100%" instead of "top right"?
>
>TIA.  :)
>Cheers,
>Micky
>  
>
Hi Micky,
In your testpage http://www.ambiguism.com/sandbox/bkgrnd.html
you say: 'the background image does not "stick" to the right of the page'.
As "stick" smells as "fixed", I pasted this one [1] in my FF css edit 
sidebar (Webdev toolbar!):

body { color: #333; background: #fff 
url(http://home.tiscali.nl/developerscorner/css-discuss/images/testbg1.jpg) 
repeat-y fixed top right; }

... and see what happens @changing "fixed" in "scroll" (or just 
omitting, as "scroll" is the default) and back.  :-)

Cheers,
francky

[1] The gradient is so subtle (or my monitor so not calibrated - who 
has? - or my monitor and/or eyes not good enough), that I could hardly 
see any difference when scrolling. Made a more contrasting bg for a 
better effect. ;-)


__
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] Pseudo-classes to style links | HELP please!!!

[Gunlaug Sørtun]

Doug Niven wrote:

> [...] However, at the bottom of my document in a footer I need to 
> style the links differently and am completely flummoxed how I can do
>  this!
> 
> How, for example, could I use an  inline style to do this?

Preferably /not/ by using inline styles.

Instead, add unique styles for /all/ links within footer - somewhat like
this...

#footer a:link, #footer a:visited { text-decoration: none;
color:#700; }
#footer a:hover  { color: #333; text-decoration: underline }


...or you may use a class - somewhat like this...

a.some-name:link, a.some-name:visited { text-decoration: none;
color:#700; }
a.some-name:hover  { color: #333; text-decoration: underline }

...which will only affect links with that class...

...

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/

[css-d] Pseudo-classes to style links | HELP please!!!

[Doug Niven]

Hi Folks,

I am using the following styles to style links on a page:

a:link, a:visited { text-decoration: underline;
color:#937840; }


a:hover  { color: orange; text-decoration: none }


However, at the bottom of my document in a footer I need to style the links
differently and am completely flummoxed how I can do this!

How, for example, could I use an  inline style to do this?

Many many thanks for any help!

Best, Doug
Santa Cruz, CA



__
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] FW: List Menu

[Christina Hawkins]

Thank you Michael. This worked! Whew! I would not have even figured that my
lack of a width was causing it.

Christina Hawkins
www.globalspex.com 

-Original Message-
From: Michael Landis [mailto:[EMAIL PROTECTED] 
You might want to do something similar on the links, but you will need to
provide different rules for different browsers. Using a width of 175px is
going to make it shrink in IE 5.x because of how they define dimensions, so
using one of the box model hacks[1] would let you define 185px for the older
IE's, and 175px for everyone else.




__
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] Newb Float Question

[Darrin Hawe]

I've incorporated a 3 float design at my site:

http://digifiend.com

While I am generally happy with the layout, I am not sure about handle
one problem.  On pages such as:

http://digifiend.com/todo.php

the left "content" column doesn't always fully extend, resulting in the
right two columns not always being extended to the right.  I suspect
that is because there isn't enough text in the left "content" section to
ensure that the left column is fully extended.  The problem goes away on
pages with lots of text (like the home blog page) but appears on pages
without as much text.

Is there a command that can be used to fully expand the float regardless
of text?

TIA,

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

[David Laakso]

Erik Visser wrote:
> http://beta.bartbleijerveld.nl/8/site/
>
> thanks, Erik
>   
xp :: ie/opera/ff/moz
Nice, clean , and simple site. Crazy about all that white space. Might 
be nice to relieve some of the starkness, though, with a touch of color 
here and there. I do not know exactly what is causing the problem in 
ie-- page repeats vertically once, minus the text( v-rules show but no 
headings, or text).
Best,
~dL

-- 

http://chelseacreekstudio.com/ca/ccs/pow/pow.html

__
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] newbie question re: having two different link colors

[Joe Huggins]

What you need to do here is make your CSS more specific.

You can do this by making a couple of new classes for each of these links.

Something like:

a .darkLink {color:some dark color;}
a .lightLink {color:some light color;}

Then in your HTML code:

dark link
light link

This could be made more specific if all your dark links appear in one 
div and vice versa. Then your css could read:

div#lightArea a .darkLink {color:some dark color;}
div#darkArea a .lightLink {color:some light color;}

Hope that helps, Joe

Shirley Harshenin wrote:
> Hi! 
> 
> I am working on a page that has both light and dark backgrounds therefore 
> need two different colors for links (dark color link for light bg, light 
> color link for dark bg). HOW do I code that? I've tried creating a new style 
> (in CSS) but the main content style over-rides it. :( 
> 
> I'm using (well, trying to use) Dreamweaver MX.
> 
> Any assistance would be very much appreciated.
> 
> THANK YOU,
> shirley


-- 
Joe Huggins MSW, MSCIS
University of Colorado Health Sciences Center
Clinical Science Program
__
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] newbie question re: having two different link colors

[Scott Swabey]

Shirley Harshenin wrote:
> Hi!
> 
> I am working on a page that has both light and dark backgrounds
> therefore need two different colors for links (dark color link for
> light bg, light color link for dark bg). HOW do I code that? I've
> tried creating a new style (in CSS) but the main content style
> over-rides it. :(

Hi Shirley

You will need to use the cascade to identify the elements you want to
target. For example:

[html]
light background link
dark background link

[css]
/* backgrounds */
div#lightback { background-color: #fff; }
div#darkback { background-color: #000; }
/* links */
#lightback a { color: #000; }
#darkback a { color: #fff; }


Regards

Scott Swabey
Design & Development Director - Lafinboy Productions
www.lafinboy.com | www.thought-after.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] newbie question re: having two different link colors

[Shirley Harshenin]

Hi! 

I am working on a page that has both light and dark backgrounds therefore need 
two different colors for links (dark color link for light bg, light color link 
for dark bg). HOW do I code that? I've tried creating a new style (in CSS) but 
the main content style over-rides it. :( 

I'm using (well, trying to use) Dreamweaver MX.

Any assistance would be very much appreciated.

THANK YOU,
shirley
__
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] Need Help Centering

[David Laakso]

Donna Pfledderer @ Virtual Business Connection wrote:
> I am trying to center this site
> http://www.jocoartistguild.com/index_dlp.html in the
> browser.
> CSS http://www.jocoartistguild.com/CSS/style_joco_dlp.css
> I'm not sure what I'm doing wrong and every time I change
> something, something else changes.
> Donna Light Pfledderer
Donna, things will go better for you if you let stuff just flow and 
float in the order that it appears in the document-- rather than 
attempting precise absolute positioning -- it does not work well for 
laying out a page.
This is the basic problem you had with centering, and the seat of 
related issues I did a quick, simple layout with one float to get you 
started. You should be able to center this, now: 
 .
Best,
~dL
PS The file is in quirksmode to make coping with the various versions of 
win/ie easier.

-- 

http://chelseacreekstudio.com/ca/ccs/pow/pow.html

__
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

[Erik Visser]

http://beta.bartbleijerveld.nl/8/site/

thanks, Erik
__
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] Background image and window scroll - problems if scroll horizontally

[Micky Hulse]

Kevin Murphy wrote:
> What happens if you add:
> 
> body, html {
> width: 100%;
> }

Hi Kevin!  :)

Thanks for the quick response, I appreciate your help.

Well, I had tried that yesterday with no luck... and just tried it now 
with the same negative results - it does not appear to make a difference 
in Firefox/PC.  :(

Seems like setting 100% width on body/html would do the trick, but not 
in this case.

Maybe I should think about specifying the backround-image position with 
units instead of keywords?

"0 100%" instead of "top right"?

TIA.  :)
Cheers,
Micky
__
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] Background image and window scroll - problems if scroll horizontally

[Kevin Murphy]

What happens if you add:

body, html {
width: 100%;
}

--  
Kevin Murphy
Webmaster: Information and Marketing Services
Western Nevada Community College
www.wncc.edu
775-445-3326


On Jul 5, 2006, at 3:44 PM, Micky Hulse wrote:

> Michael Landis wrote:
>> Any chance of a URL we can play with? Otherwise it's hard to get a
>> good feel for what's going on.
>
> Hi Michael,
>
> Sure thing, here ya go:
>
> 
>
> Not sure if there is an easy fix... I have never noticed this  
> happening
> before.
>
> Do you see what I am talking about?
>
> Any help would be great.
>
> Thanks for the quick response Michael, I appreciate your help.  :)
>
> Cheers,
> Micky
> __
> 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] Background image and window scroll - problems if scroll horizontally

[Micky Hulse]

Michael Landis wrote:
> Any chance of a URL we can play with? Otherwise it's hard to get a
> good feel for what's going on.

Hi Michael,

Sure thing, here ya go:



Not sure if there is an easy fix... I have never noticed this happening 
before.

Do you see what I am talking about?

Any help would be great.

Thanks for the quick response Michael, I appreciate your help.  :)

Cheers,
Micky
__
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] bolded links not working in IE

[John Haas]

Hi folks,

I have a secondary navigation at http://www.manapedesign.com/21dems/
At the top of the page... "About Us, Newsroom..." etc...

Now, if you got to "About Us" and look at the HTML source for that 
secondary nav, you'll see that I have a class being dynamically inserted 
into the  to mark the page you're currently on:

class="active"

For that active class, I have the link being bold.  This works fine in 
Firefox, but alas, IE does not render those links as bold as they should.


Anyone have any ideas why this might be?
The stylesheet in question is located at:
http://www.manapedesign.com/21dems/themes/21cd/typography.css

Thanks in advance...
-John
__
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] List Content Hidden by List Background in IE

[Aaron Roberson]

Please take a look for yourself:
http://www.whitehorsemedia.com/index.cfm

Here is the HTML code:


Fourth of July Special
A
special holiday offer from White Horse Media! Order our Amazing
Discoveries DVD series between July 4-11 for the special price of only
$75.00 (regularly $130.00) and shipping is FREE!  The Amazing
Discovery series is a wonderful Bible-study aid as well as a powerful
evangelistic tool. Don't miss this exciting opportunity! 



Here is the relevant CSS:
ul.products {list-style:none; margin:0; padding:0;}
ul.products h3 {padding:.3em; color:#552a50;}
ul.products li {position:relative; padding:0; padding-bottom:.5em;
margin:1em 0; margin-left:0 !important;}
ul.products li p {padding:0 .5em;}
ul.products img {float:left; padding:0 7px;}
ul.products h4 {margin:0; padding:0; padding-left:.5em; color:#552a50;
display:inline;}
ul.formats {margin:0; padding:0; display:inline;}
ul.formats li {margin:0 !important; padding:0; padding-right:.4em
!important; display:inline; background:none;}

Thanks for your help!
-Aaron
__
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] Moving a graphic

[tg-php]

I'm relatively new to "real CSS" topics even though I've been using bits and 
pieces for years so forgive me if this isn't what the generally normal or good 
way to do this would be, but I'm wondering if putting the two images in 
non-nested DIV tags might help some.  That should give you a little more 
control over their positioning without having to worry about any odd margins, 
padding, whatever that the browser may put by default between them.  They'll 
both be on the same "level" within youre "header" DIV.

Also, I highly recommend Firefox and it's Web Developer plugin (or if someone 
has a similar thing for IE) for helping debug this kind of stuff.  And another 
Firefox extension called View Source Chart for seeing how your DIVs and other 
code are nested.

Web Developer:
https://addons.mozilla.org/firefox/60/

View Source Chart/View Rendered Source:
http://jennifermadden.com/scripts/ViewRenderedSource.html

-TG

= = = Original message = = =

At the web page:

http://www.infoforce-services.com/ifs_header_tri.php

I am trying to get the curved graphic to align with the top left corner of 
the graphic with the tree. I am having no luck, so can someone please help?

cSS: http://www.infoforce-services.com/css/layout.css


Angus MacKinnon
MacKinnon Crest Saying
Latin -  Audentes Fortuna Juvat
English - Fortune Assists The Daring
Web page http://www.infoforce-services.com
Choroideremia Research Foundation Inc. 2nd Vice president
http://www.choroideremia.org


___
Sent by ePrompter, the premier email notification software.
Free download at http://www.ePrompter.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] Safari javascript problem

[Kevin Murphy]

--  
Kevin Murphy
Webmaster: Information and Marketing Services
Western Nevada Community College
www.wncc.edu
775-445-3326


On Jul 5, 2006, at 1:15 PM, Paul Pollock wrote:

> I have a problem that only shows up on Safari 2.0.4.
>
> I have a series of rollover buttons at http://web-cars.com/corvette/
> 1964.php. For whatever reason, the "Links" button does not rollover,
> but only with Safari. All other browsers act as expected. I've looked
> over the code as closely as possible and I just don't see a problem.
> FWIW, the code from that section is from an include file. The
> rollover image (http://next2.web-cars.com/corvette_img/links_in.jpg)
> is intact.

Try changing the name and ID of the element from "link" to "dog" (or  
something you know isn't on the page). This acts like there is a  
conflict with another element on the page being named "link".

> Another Safari-only oddity: In the yellow box with the links for all
> the years, the boxes that appear when moused over for "1970" and
> "1988" are missing the right border. All other years are fine and I
> don't see the problem with other browsers or OSes. The CSS is at
> http://web-cars.com/corvette/corvette_style.css.
>
>
>
> Regards,
>
>
>
>
> Paul Pollock
> WebCars! Webmaster
> http://web-cars.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-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] setting default styles for DIV but still having it cascade

[Simon Kittle]

hey,

i have a question regarding the cascading of styles.  I'd like to set a
default color on all DIV elements so I have the following:

div
{
color: blue;
}

in the  of my document (in a 

[css-d] Safari javascript problem

[Paul Pollock]

I have a problem that only shows up on Safari 2.0.4.

I have a series of rollover buttons at http://web-cars.com/corvette/ 
1964.php. For whatever reason, the "Links" button does not rollover,  
but only with Safari. All other browsers act as expected. I've looked  
over the code as closely as possible and I just don't see a problem.  
FWIW, the code from that section is from an include file. The  
rollover image (http://next2.web-cars.com/corvette_img/links_in.jpg)  
is intact.

Another Safari-only oddity: In the yellow box with the links for all  
the years, the boxes that appear when moused over for "1970" and  
"1988" are missing the right border. All other years are fine and I  
don't see the problem with other browsers or OSes. The CSS is at  
http://web-cars.com/corvette/corvette_style.css.



Regards,




Paul Pollock
WebCars! Webmaster
http://web-cars.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] Help with Safari and topnav

[Skip Knox]

Well I'll be swiggered.

After futzing with the CSS for a good long time, something about the
floats finally clicked.

I changed the order of the includes. I load the leftnav first, *then*
load the header, and now it works. It wasn't the CSS at all.

Even so, I do thank Michael Landis for offering some simplification of
my code. I still have some spacing tweaks to do, but this is
fundamentally sound, right across the major browsers. Loading leftnav
before header is a bit of a kludge, as it's contrary to common sense,
but since this template is mainly for our own internal use, I'm willing
to accept that.

If anyone can work out a better solution, one that would put the
includes in a more logical order, it'd be appreciated but not necessary.
I will, as they say, leave that as an exercise for the student.



Skip Knox
Boise State University
[EMAIL PROTECTED]

__
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] Help with Safari and topnav

[Skip Knox]

This is why doing this stuff is so much fun!

I did the five steps Michael suggested. The result is now that both the
content area and the left nav appear *below* the header, as if there is
some sort of clear:both in operation. 

On the good side, the page now breaks consistently in Safari and
Firefox and IE.  :-)

This request is still open, folks. If you've got any tips on how to
structure this header/leftnav/content, I'd sure appreciate it. I've done
it multiple times over the past few years and every time I've done so
much hacking I had to rent a machete. This time I'd like to get the job
done a little more elegantly!

(btw, the only browsers I'm really concerned about are the three listed
above. If I can get it to work well, with no hacks and few kludges, I'm
confident it will degrade gracefully and will be accessible)


Skip Knox
Boise State University
[EMAIL PROTECTED]


>>> "Michael Landis" <[EMAIL PROTECTED]> 07/05/06 1:20 PM >>>
On 7/5/06, Skip Knox <[EMAIL PROTECTED]> wrote:
> I am experimenting with a template design and thought I had
everything
> worked out. I wasn't especially happy with the kludge I had to do
with
> the header, though, and then a user reported that the header didn't
> align properly in Safari.
>
> I have spent a while trying to find information on whether this is a
> bug in Safari and have come up empty.
>
> More importantly, though, I don't like that I've used absolute
> positioning for the header. Plus a *html hack for IE6.
>
> So, I'm really asking for advice on how to handle the header better
> than it is here:
> http://webtest.boisestate.edu/templatedev/styles/main.css 
>
> The template home is here:
> http://webtest.boisestate.edu/templatedev/ 
>
>
> You can see browsercam shots of the page in Safari, IE6 and Firefox
> here:
> http://www.browsercam.com/public.aspx?proj_id=266306 
> The layout is as desired on the latter two.

Hi, Skip,

I'd probably do the following:

1) replace the absolute positioning on #header with float: right;
2) remove "float: right" from #topnav
3) move the bottom border on #header to be a top border on #content
4) replace #content's margin-right with padding-right
5) adjust margins and paddings on the heading and #content to taste

HTH,

Michael
__
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] Weird attribute

[Skip Knox]

I can confirm that this is a font name. I actually saw it once. It was a
very small font of fixed size that a designer used in a footer. But that
was done in a graphic.

Technically it should indeed have quotes around it, but in this case
it's moot because hardly anyone's going to have that font anyway!



Skip Knox
Boise State University
[EMAIL PROTECTED]


>>> "Michael Landis" <[EMAIL PROTECTED]> 07/05/06 12:57 PM >>>
On 7/5/06, Brian Cummiskey <[EMAIL PROTECTED]> wrote:
> I just stumbled upon this in some (mostly table-based) code i'm
> updating, and I've never seen anything like it before.
>
> table, td {
>   font:normal 11px Arial,sans-serif;
>   font:normal 8px standard 07_55,Tahoma,Arial,sans-serif;
>   color: #000;
> }
>
> What does  "07_55" and "standard" do, and does it over-ride the 11px
> statement above?  Is this some hack?

It actually looks like a mistake. :-) The only properties permitted
after the font size is the line height, only if there is a slash
between the two, then font families. Probably this defines a font
family named "standard 07_55", but they forgot to add the obligatory
quotation marks around it. Looks like a unix-style bitmap font name,
to me.

Michael
__
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] Horizontal scroll bar in IE

[Zoe M. Gillenwater]

Eoin Maguire wrote:
> I have a div to which I've added  overflow: scroll   because I need it to
> scroll vertically. This works fine in Firefox but in IE there are added
> horizontal scroll bars for no obvious reason. The div content doesn't need
> to expand horizontally, it fits perfectly fine, yet the scroll bars are
> there.
>   

Actually, from your description, it sounds like IE has it right (show 
both scrollbars) and FF doesn't (show only the scrollbar that is 
needed). However, there is probably something else going on here, so we 
have to see a page to help you.

If you want to only show whichever scrollbar is necessary, overflow: 
auto is what you need.

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] Help with Safari and topnav

[Michael Landis]

On 7/5/06, Skip Knox <[EMAIL PROTECTED]> wrote:
> I am experimenting with a template design and thought I had everything
> worked out. I wasn't especially happy with the kludge I had to do with
> the header, though, and then a user reported that the header didn't
> align properly in Safari.
>
> I have spent a while trying to find information on whether this is a
> bug in Safari and have come up empty.
>
> More importantly, though, I don't like that I've used absolute
> positioning for the header. Plus a *html hack for IE6.
>
> So, I'm really asking for advice on how to handle the header better
> than it is here:
> http://webtest.boisestate.edu/templatedev/styles/main.css
>
> The template home is here:
> http://webtest.boisestate.edu/templatedev/
>
>
> You can see browsercam shots of the page in Safari, IE6 and Firefox
> here:
> http://www.browsercam.com/public.aspx?proj_id=266306
> The layout is as desired on the latter two.

Hi, Skip,

I'd probably do the following:

1) replace the absolute positioning on #header with float: right;
2) remove "float: right" from #topnav
3) move the bottom border on #header to be a top border on #content
4) replace #content's margin-right with padding-right
5) adjust margins and paddings on the heading and #content to taste

HTH,

Michael
__
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] Background image and window scroll - problems if scroll horizontally

[Michael Landis]

On 7/5/06, Micky Hulse <[EMAIL PROTECTED]> wrote:
> Hi,
>
> Not sure where to look to learn more about this issue... hoping someone
> on the list can point me in the right direction.
>
> Long story short:
>
> I have a body background image that is positioned to the top/right. My
> main container is around 800px wide. In Firefox, when I make the browser
> window smaller than the main container, the background image does not
> stay to the right/top when I use the horizontal scroll-bar to scroll to
> the right... Only when I resize the window will the body background
> image fix itself (i.e. pop bak to the right/top.) I have tried to set
> body and html to width: 100% (shot in dark) but that did nothing.
>
> Now, I can live with this behavior, but would opt to fix it if a fix exists.

Hi, Micky,

Any chance of a URL we can play with? Otherwise it's hard to get a
good feel for what's going on.

Thanks,

Michael
__
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] FW: List Menu

[Michael Landis]

On 7/5/06, Christina Hawkins <[EMAIL PROTECTED]> wrote:
> Thanks, Riva.
> I tried line-height: 14px and 2.5em in the li and a classifiers under
> #navlist.
> Both give me the same result as if I'd didn't have it.
>
> Also, why is the rollover effect I want working in FF but not IE?



> #navlist ul{margin: 0; padding: 0; list-style-type: none;}
>
> #navlist li{margin: 0; list-style-type: none; line-height:14px;}
>
> #navlist a {
> display: block; padding: 2px 0 0 10px; margin:0; color:#FF;}
>
> #navlist a:link, #navlist a:active, #navlist a:visited {
> color:#FF; text-decoration:none;}
>
> #navlist a:hover {color:#00;
> background-color:#FF;
> filter:alpha(opacity=75);
> -moz-opacity:.25;
> opacity:.25;
> }

Hi, Christina,

I haven't tested this, but from what you are describing, this sounds
like a "hasLayout" issue in IE. Basically, IE feels most comfortable
when it has defined dimensions (or "zoom") on items that are
misbehaving. In this case, I'd suggest giving the LI's width: 100%. As
long as the LI doesn't have padding, the width value won't change the
presentation, but it will give IE a dimension to hang onto. (You may
want to zero out the padding on the LI to be certain -- different
browsers use different dimensions.)

You might want to do something similar on the links, but you will need
to provide different rules for different browsers. Using a width of
175px is going to make it shrink in IE 5.x because of how they define
dimensions, so using one of the box model hacks[1] would let you
define 185px for the older IE's, and 175px for everyone else.

HTH,

Michael

[1] http://css-discuss.incutio.com/?page=BoxModelHack
__
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] Weird attribute

[Michael Landis]

On 7/5/06, Brian Cummiskey <[EMAIL PROTECTED]> wrote:
> I just stumbled upon this in some (mostly table-based) code i'm
> updating, and I've never seen anything like it before.
>
> table, td {
>   font:normal 11px Arial,sans-serif;
>   font:normal 8px standard 07_55,Tahoma,Arial,sans-serif;
>   color: #000;
> }
>
> What does  "07_55" and "standard" do, and does it over-ride the 11px
> statement above?  Is this some hack?

It actually looks like a mistake. :-) The only properties permitted
after the font size is the line height, only if there is a slash
between the two, then font families. Probably this defines a font
family named "standard 07_55", but they forgot to add the obligatory
quotation marks around it. Looks like a unix-style bitmap font name,
to me.

Michael
__
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] FW: List Menu

[Portman]

DId you try putting the line-height in ems? Also, I don't see a 
line-height on the hover state - just an idea.

Riva

Christina Hawkins wrote:
> Thanks, Riva.
> I tried line-height: 14px and 2.5em in the li and a classifiers under
> #navlist.
> Both give me the same result as if I'd didn't have it.
>
> Also, why is the rollover effect I want working in FF but not IE?
>
> #nav {
>   width: 185px;
>   position:relative;
>   background-color:#983539;
>   background-image:url(graphics/backgd_nav.gif);
>   background-repeat:no-repeat;
>   height: 183px;
>   left: 5px;
>   top: -40px;
>   line-height:14px;
>   color:#FF;
>   text-align:left;
>   font-weight:bold;
>   font-size:12px;
> }
>
> #navlist ul{margin: 0; padding: 0; list-style-type: none;}
>
> #navlist li{margin: 0; list-style-type: none; line-height:14px;}
>
> #navlist a {
> display: block; padding: 2px 0 0 10px; margin:0; color:#FF;}
>
> #navlist a:link, #navlist a:active, #navlist a:visited {
> color:#FF; text-decoration:none;}
>
> #navlist a:hover {color:#00;
> background-color:#FF;
> filter:alpha(opacity=75);
> -moz-opacity:.25;
> opacity:.25;
> }
>
> Christina Hawkins
__
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] Moving a graphic

[Michael Landis]

On 7/5/06, Visually Insane Genetically Modified Organism
<[EMAIL PROTECTED]> wrote:
> At the web page:
>
> http://www.infoforce-services.com/ifs_header_tri.php
>
> I am trying to get the curved graphic to align with the top left corner of
> the graphic with the tree. I am having no luck, so can someone please help?

Hi, Angus,

To answer your question, images are inline elements, not block
elements.[1] Because of this, they are aligned with the baseline of
whatever line of text it belongs with, even if there is no other
text.[2] The gap you are seeing is the space below the baseline, for
the descenders of letters like "p" and "g".

To get around this, make your image a block element (using "display:
block"). More on this can be found on the (permanently?) temporary
Netscape Devedge site.[3]

HTH,

Michael

[1] http://www.w3.org/TR/html4/sgml/dtd.html#inline -- the definition
of an inline element includes "%special%" elements. IMG tags are
defined as a "%special%" element (click the link in that line to take
you to the list of special elements).
[2] http://www.w3.org/TR/CSS21/visudet.html#propdef-vertical-align
(note that the default alignment is "baseline"
[3] http://devedge-temp.mozilla.org/viewsource/2002/img-table/
__
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] FW: List Menu

[Christina Hawkins]

Thanks, Riva.
I tried line-height: 14px and 2.5em in the li and a classifiers under
#navlist.
Both give me the same result as if I'd didn't have it.

Also, why is the rollover effect I want working in FF but not IE?

#nav {
width: 185px;
position:relative;
background-color:#983539;
background-image:url(graphics/backgd_nav.gif);
background-repeat:no-repeat;
height: 183px;
left: 5px;
top: -40px;
line-height:14px;
color:#FF;
text-align:left;
font-weight:bold;
font-size:12px;
}

#navlist ul{margin: 0; padding: 0; list-style-type: none;}

#navlist li{margin: 0; list-style-type: none; line-height:14px;}

#navlist a {
display: block; padding: 2px 0 0 10px; margin:0; color:#FF;}

#navlist a:link, #navlist a:active, #navlist a:visited {
color:#FF; text-decoration:none;}

#navlist a:hover {color:#00;
background-color:#FF;
filter:alpha(opacity=75);
-moz-opacity:.25;
opacity:.25;
}

Christina Hawkins

-Original Message-
I don't see any line-height attribute in the li's. Also, try checking the
padding.

HTH,
Riva


__
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] Weird attribute

[Brian Cummiskey]

I just stumbled upon this in some (mostly table-based) code i'm
updating, and I've never seen anything like it before.

table, td {
  font:normal 11px Arial,sans-serif;
  font:normal 8px standard 07_55,Tahoma,Arial,sans-serif;
  color: #000;
}

What does  "07_55" and "standard" do, and does it over-ride the 11px
statement above?  Is this some hack?

Thanks for the 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] setting default styles for DIV but still having it cascade

[Els]

Simon Kittle wrote:

> I can kinda get around this for my DIV elemnets by just
> setting a default color attached to the BODY element.  But the
> trouble is this doesn't work for my TABLES, because TD
> elements don't seem to take on the style from a BODY.  So I
> have to have a rule similar to:
>
> td
> {
> color: blue;
> }
>
> But that then means if I have a table inside a DIV or some
> other container which sets the color to red, I have to
> manually set the color on each of the TD's inside that child
> table as well as on the DIV container, which is not ideal.
>
> What is the recommended way to solve this?


Use classes.
Instead of adding style="color:red;" to a div, add
class="classname", and set in the stylesheet:

div.classname,
div.classname td{
color:red;
}



__
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] setting default styles for DIV but still having it cascade

[Michael Landis]

On 7/5/06, Simon Kittle <[EMAIL PROTECTED]> wrote:
> hey,
>
> i have a question regarding the cascading of styles.  I'd like to set a
> default color on all DIV elements so I have the following:
>
> div
> {
> color: blue;
> }
>
> in the  of my document (in a 

[css-d] Help with Safari and topnav

[Skip Knox]

I am experimenting with a template design and thought I had everything
worked out. I wasn't especially happy with the kludge I had to do with
the header, though, and then a user reported that the header didn't
align properly in Safari.

I have spent a while trying to find information on whether this is a
bug in Safari and have come up empty.

More importantly, though, I don't like that I've used absolute
positioning for the header. Plus a *html hack for IE6. 

So, I'm really asking for advice on how to handle the header better
than it is here:
http://webtest.boisestate.edu/templatedev/styles/main.css 

The template home is here:
http://webtest.boisestate.edu/templatedev/ 


You can see browsercam shots of the page in Safari, IE6 and Firefox
here:
http://www.browsercam.com/public.aspx?proj_id=266306 
The layout is as desired on the latter two.




Skip Knox
Boise State University
[EMAIL PROTECTED]

__
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] setting default styles for DIV but still having it cascade

[Bill Brown]

> div
> {
>   color: blue;
> }
> in the  of my document (in a 

Re: [css-d] Best way to center something in a div

[Michael Landis]

On 7/5/06, Eoin Maguire <[EMAIL PROTECTED]> wrote:
> I'm trying to center a couple of select boxes within a div that has a
> background image. However, I don't want everything within the div centered,
> only the select elements.
>
> I've tried text-align: center and also setting the margin: 0 auto. But
> neither work. What's the easiest to center a specific element within another
> div?

Hi, Eoin,

Text alignment can only be applied to block elements, table cells, and
inline-blocks[1], not replaced inline elements (such as select boxes).
Likewise, using auto margins also only works on block elements[2], not
inline elements[3].

The only way to reliably center an item such as this is to wrap it in
its own block element, then either apply text-align:center or auto
margins on the block.

Sorry for the bad news!

Michael

[1] http://www.w3.org/TR/CSS21/text.html#alignment-prop
[2] http://www.w3.org/TR/CSS21/visudet.html#blockwidth
[3] http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width
__
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] FW: List Menu

[Christina Hawkins]

Thank you Ian,
I tried that but when I do, it helps in FF but then IE expands the
line-height too much and extends past the set height (causing my background
to repeat which it is set not to do...that's something else).

Christina Hawkins
-Original Message-
From: Ian Young [mailto:[EMAIL PROTECTED] 
Christina

without spending a great deal of time on the site, my thoughts are that you
need to define the line height for the a links etc.

Ian


__
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] FW: List Menu

[Ian Young]

Trying to get my list menu to work properly on IE and FF. So far on FF the
menu hover works but the line-height/spacing between the li's are too small.
In IE the line-height is fine but the hover isn't working.

Can someone help me figure this out? I've already spent too much time on
this and it's driving me crazy.

http://www.globalspex.com/clients/fifthsister/index.php
http://www.globalspex.com/clients/fifthsister/style_main.css

Christina

without spending a great deal of time on the site, my thoughts are that you
need to define the line height for the a links etc.

Ian
--
No virus found in this outgoing message.
Checked by AVG Free Edition.
Version: 7.1.394 / Virus Database: 268.9.9/382 - Release Date: 04/07/2006

__
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] Need help from you - with peekaboo? and arrows too :)

[Gunlaug Sørtun]

Mark Batty (Gmail) wrote:
> 

> After loading the homepage below, go to portfolio in the main nav at 
> the top the scroll down so you can see the footer, then roll over the
> useful links at the bottom of the sidebar.  The space below below the
> links changes which makes the bottom of the page shrink and grow.

Try adding 'zoom: 1;' or any other suitable 'hasLayout' trigger to the
li's. I tested, and it works fine in IE6.

> Also possibly related are the little arrows following 'Read more' in 
> the main body on the home page and the sidebar.  When you roll over 
> in IE the dotted border is removed but the arrow jumps up.

IE is loosing height when the border is removed. Add 'padding-bottom:
1px;' on hover to keep the height constant.
(missed that the other time around, because I only tested off-line :-) )

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] FW: List Menu

[Portman]

I don't see any line-height attribute in the li's. Also, try checking 
the padding.

HTH,
Riva

Christina Hawkins wrote:
> Trying to get my list menu to work properly on IE and FF. So far on FF the
> menu hover works but the line-height/spacing between the li's are too small.
> In IE the line-height is fine but the hover isn't working.
>
> Can someone help me figure this out? I've already spent too much time on
> this and it's driving me crazy.
>
> http://www.globalspex.com/clients/fifthsister/index.php
> http://www.globalspex.com/clients/fifthsister/style_main.css
>
> Thank you,
> Christina Hawkins
> www.globalspex.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] ie5 breakdown

[Gunlaug Sørtun]

Ed Dorsch wrote:
>> Am having problems making my testing page work in ie 5.x
> 
> http://www.edorsch.com/hunnex/index.php
> 
> [...] The box model hack won't help, because padding and borders are 
> set to zero.

Sure?

The only misalignment I can see in IE5 is caused by this:
#mainCopy {...; padding: 10px 10px 0 40px; }
...and that doesn't turn out well in IE/win in quirks mode and makes the
whole page - including nav - look skewed.

Of course, I would not recommend the use of box-model hacks in any case,
but the lack of paragraph-elements inside #mainCopy makes it a bit
difficult to add mode-independent styles. It would otherwise be easy to
move that padding onto a paragraph - as _margins_, and correct the
dimensions of #mainCopy to go across browsers and modes.

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/

[css-d] Need Help Centering

[Donna Pfledderer @ Virtual Business Connection]

I am trying to center this site
http://www.jocoartistguild.com/index_dlp.html in the
browser.

CSS http://www.jocoartistguild.com/CSS/style_joco_dlp.css

I found a thread about centering on the list but it's still
not centered in the browser.

I'm not sure what I'm doing wrong and every time I change
something, something else changes.

Thanks for any help!
Donna Light Pfledderer
__
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] a tidy way to achive this?

[Christian Heilmann]

> I have a list
>
> 1. Establishing Income Requirements
> 2. How to get to the Earnings you require via Shopping Centres
> 3. The Principles of Goal Setting
> 4. Goal Setting with Historical Information
> 5. Goal Setting without Historical Information
> 6. Exercise in Completing Client Record Spreadsheet
> Resource for 6. Blank Client Record Sheet
> Resource for 6. Blank Client Record Sheet
>
> as you can see item 6 takes up 3 lines. I am trying to achieve this
>
> 6. Exercise in Completing Client Record Spreadsheet
> Resource for 6. Blank Client Record Sheet
> Resource for 6. Blank Client Record Sheet
>
> without wrapping things in loads of   tags. When I try  it brings 
> the whole list in from the side a fair bit.
>
> Any ideas?

1) Global Reset

http://leftjustified.net/journal/2004/10/19/global-ws-reset/

2) Nested list for the resources and padding-left on the nested UL.

-- 
Chris Heilmann
Book: http://www.beginningjavascript.com
Blog: http://www.wait-till-i.com
Writing: http://icant.co.uk/
__
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] setting default styles for DIV but still having it cascade

[Simon Kittle]

hey,

i have a question regarding the cascading of styles.  I'd like to set a
default color on all DIV elements so I have the following:

div
{
color: blue;
}

in the  of my document (in a 

[css-d] Moving a graphic

[Visually Insane Genetically Modified Organism]

At the web page:

http://www.infoforce-services.com/ifs_header_tri.php

I am trying to get the curved graphic to align with the top left corner of 
the graphic with the tree. I am having no luck, so can someone please help?

cSS: http://www.infoforce-services.com/css/layout.css


Angus MacKinnon
MacKinnon Crest Saying
Latin -  Audentes Fortuna Juvat
English - Fortune Assists The Daring
Web page http://www.infoforce-services.com
Choroideremia Research Foundation Inc. 2nd Vice president
http://www.choroideremia.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/

Re: [css-d] gmail is ignoring "display:none" - what to do?

[Michael Landis]

On 7/4/06, Bojana Lalic <[EMAIL PROTECTED]> wrote:
> I've got the following code:
>  
>This is the caption
>  
>
> And gmail is still displaying the caption. How do I prevent it from
> doing this? By the way, the reason why I am using inline styles is
> because of Hotmail etc...

Hi, Bojana,

More likely than not, GMail simply isn't permitting styling of any
kind. CSS support gets pretty tricky when it comes to
cross-e-mailer(?) support.

Some tips and good links exist in the CSS-Discuss Wiki at
http://css-discuss.incutio.com/?page=StyleInEmail . Although the page
itself doesn't describe Google support directly, I'd imagine something
would appear in the links at the bottom of the page.

HTH,

Michael
__
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] gmail is ignoring "display:none" - what to do?

[Christian Heilmann]

>  
>This is the caption
>  
> And gmail is still displaying the caption. How do I prevent it from
> doing this? By the way, the reason why I am using inline styles is
> because of Hotmail etc...

Why would you want to add content in an HTML email that is not
displayed? My guess is Google prevents that to prevent spamming.


-- 
Chris Heilmann
Book: http://www.beginningjavascript.com
Blog: http://www.wait-till-i.com
Writing: http://icant.co.uk/
__
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] List Menu

[Christina Hawkins]

Trying to get my list menu to work properly on IE and FF. So far on FF the
menu hover works but the line-height/spacing between the li's are too small.
In IE the line-height is fine but the hover isn't working.

Can someone help me figure this out? I've already spent too much time on
this and it's driving me crazy.

http://www.globalspex.com/clients/fifthsister/index.php
http://www.globalspex.com/clients/fifthsister/style_main.css

Thank you,
Christina Hawkins
www.globalspex.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] Need help from you - with peekaboo? and arrows too :)

[Mark Batty (Gmail)]

Hi all

I think I've got a peekaboo bug I can't fix, everything seems OK in FF 
and Opera but not IE.

After loading the homepage below, go to portfolio in the main nav at the 
top the scroll down so you can see the footer, then roll over the useful 
links at the bottom of the sidebar.  The space below below the links 
changes which makes the bottom of the page shrink and grow.

I think the solution is to add position: relative to the div that 
contains it, I tried this with several divs and some other elements but 
can't get rid of it.

Also possibly related are the little arrows following 'Read more' in the 
  main body on the home page and the sidebar.  When you roll over in IE 
the dotted border is removed but the arrow jumps up.

Here are the main files:





Thanks.

Mark.
__
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] FW: List Menu

[Christina Hawkins]

Trying to get my list menu to work properly on IE and FF. So far on FF the
menu hover works but the line-height/spacing between the li's are too small.
In IE the line-height is fine but the hover isn't working.

Can someone help me figure this out? I've already spent too much time on
this and it's driving me crazy.

http://www.globalspex.com/clients/fifthsister/index.php
http://www.globalspex.com/clients/fifthsister/style_main.css

Thank you,
Christina Hawkins
www.globalspex.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] Can't find a haslayout trigger

[Ingo Chao]

Richard Grevers wrote:
> ...
> 
> I am struggling with my conditional comments syntax. The MSDN
> reference [1] does not give any examples of using comparison
> operators.

The operator compares two arguments: op a1 a2

> If I use 


> 
> But if I use   at the top of the page

In the msdn article you are citing, there is no error recovery strategy 
for the parser defined. Meaning that there is no such strategy. Showing 
the wrong syntax could be a good idea, but applying the rules 
nonetheless is not.

"Conditional comments are processed during the downloading and parsing 
phase, so only the content that is targeted for the browser loading the 
Web page is actually downloaded." According to this, IE is wrong 
applying the rules, because the target expression must not apply.

> 
> See http://www.dramatic.co.nz/wfsm/test3.html for a demonstration.
> 
> [1] 
> http://msdn.microsoft.com/library/default.asp?url=/workshop/author/dhtml/overview/ccomment_ovw.asp

Ingo

-- 
http://www.satzansatz.de/css.html
__
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] Threading and subject lines [WAS fluid background image [WAS (no subject)]]

[Zoe M. Gillenwater]

Francky,

Thanks for your comments, but commenting on how the list ought to be run 
should *not* be done on the list. Comments like yours should have been 
directed to [EMAIL PROTECTED] Nevertheless, I'll reply 
on-list in case anyone is curious about responses to the issues you 
brought up publicly.

francky wrote:
> Zoe M. Gillenwater wrote:
>
>> [...]
>> Will everyone please respond to this email, where I've added a 
>> subject, instead of Simon's original email? Please remember that you 
>> can change the subject line of any thread as necessary. If someone 
>> forgets to add a subject, please add your own when replying that 
>> accurately describes the thread as you see it. It will make it easier 
>> for people to browse and search the archives, as well as attract the 
>> right attention to the thread in the first place.
>
>
> This is helping a bit, but in my Thunderbird this reply is still in 
> the thread "[css-d](no subject)", which is growing to a kind of list 
> in the list ...
> http://home.tiscali.nl/developerscorner/css-discuss/images/no-subject.gif

Right, as it should be.

> And "attract the right attention to the thread" doesn't work if I 
> don't click to open the + of the (no subject) thread first. (Yes, this 
> time I did it, but not always. ;-) )

I was referring here to the need to put a good subject in in the first 
place.

> Maybe a solution is to get the topic out of this thread by opening a 
> new topic with the right subject (this way removing the build-in css-d 
> Thread Reference code); and then paste everything in the new post. 
> Then other people then the sender are doing the correcting work ...

I don't think this should be done. When I am browsing the archives, 
there is nothing more annoying than a broken thread. Just change the 
subject line, please.

> Or maybe a solution is to automate a bouncing answer to the "no 
> subject"-poster as "We are sorry, this post could not be recieved in 
> the css-discus list because you did not fill in the subject line in 
> your mail. Please sent it again with a subject [1], then it will be 
> admitted."
> Seems a bit unfriendly, but on the other hand it is not very polite to 
> send mails without a subject  ... [2]

Yes, we used to have a filter to catch mail without subjects, but it 
wasn't working correctly, so Eric removed it. Just like other list 
violations (such as excess quoting) all we can do is let it happen and 
remind people when it does not to do it any more.

Any other suggestions for list management I would be happy to receive 
off-list. Please email them to [EMAIL PROTECTED] so all 
the moderators will get a copy.

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/

[css-d] Background image and window scroll - problems if scroll horizontally

[Micky Hulse]

Hi,

Not sure where to look to learn more about this issue... hoping someone 
on the list can point me in the right direction.

Long story short:

I have a body background image that is positioned to the top/right. My 
main container is around 800px wide. In Firefox, when I make the browser 
window smaller than the main container, the background image does not 
stay to the right/top when I use the horizontal scroll-bar to scroll to 
the right... Only when I resize the window will the body background 
image fix itself (i.e. pop bak to the right/top.) I have tried to set 
body and html to width: 100% (shot in dark) but that did nothing.

Now, I can live with this behavior, but would opt to fix it if a fix exists.

Any help would kick-butt. :)

Many TIA.
Cheers,
Micky
__
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] Best way to center something in a div

[Eoin Maguire]

I'm trying to center a couple of select boxes within a div that has a
background image. However, I don't want everything within the div centered,
only the select elements.

I've tried text-align: center and also setting the margin: 0 auto. But
neither work. What's the easiest to center a specific element within another
div?

Here's the code I have so far...

.greyBoxSmall {
background-image: url(images/small_solid_blob.gif);
background-repeat: no-repeat;
width: 141px;
height: 70px;
padding:5px;
font-size: .8em;
}

.greyBoxSmall select {
font-size: .6em;
height: 13px;
width: 100px;
}

__
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] ie5 breakdown

[Michael Landis]

On 7/4/06, Ed Dorsch <[EMAIL PROTECTED]> wrote:
>  > Am having problems making my testing page work in ie 5.x
>
> http://www.edorsch.com/hunnex/index.php
>
> This layout is looking good in just about every other browser. For some
> reason, the tabs (SERVICES, LEARN MORE, ABOUT US, etc.) are not spaced
> correctly. The box model hack won't help, because padding and borders are
> set to zero.
>
> Any ideas?

Hi, Ed,

The reason this is happening is because the box model hack you are
using is incomplete. When you use Tantek's original box model hack,
you must have an additional rule following the rule that uses

voice-family: "\"}\"";

That part of the hack short-circuits IE 5 and prematurely closes the
rule. But then you close the rule again after defining the proper
styles, and IE 5 gets confused.

Tantek's hack relies upon having an additional "be nice to opera" rule
which repeats the proper property values. Even though IE 5 doesn't
apply the rule, it resets IE 5 to begin parsing again. Without it, the
rule following the hacked one gets ignored. This is happening with
your #tabContainer, #news2 ul, #footer and #internalContainer rules.

When dealing with box model and other IE-5-vs-everyone-else issues,
I'd recommend looking at the Tan hack instead. It is simpler, and a
little clearer in terms of what is being parsed.

The CSS-Discuss Wiki describes these and other box model hacks in
detail at http://css-discuss.incutio.com/?page=BoxModelHack .

HTH,

Michael
__
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] Horizontal scroll bar in IE

[Eoin Maguire]

I have a div to which I've added  overflow: scroll   because I need it to
scroll vertically. This works fine in Firefox but in IE there are added
horizontal scroll bars for no obvious reason. The div content doesn't need
to expand horizontally, it fits perfectly fine, yet the scroll bars are
there.

 

Any ideas how to stop IE from putting in these scroll bars?

__
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] a tidy way to achive this?

[ross]

I have a list

1. Establishing Income Requirements
2. How to get to the Earnings you require via Shopping Centres
3. The Principles of Goal Setting
4. Goal Setting with Historical Information
5. Goal Setting without Historical Information
6. Exercise in Completing Client Record Spreadsheet 
Resource for 6. Blank Client Record Sheet
Resource for 6. Blank Client Record Sheet

as you can see item 6 takes up 3 lines. I am trying to achieve this 

6. Exercise in Completing Client Record Spreadsheet 
Resource for 6. Blank Client Record Sheet
Resource for 6. Blank Client Record Sheet

without wrapping things in loads of   tags. When I try  it brings the 
whole list in from the side a fair bit.

Any ideas?
__
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] ie5 breakdown

[Ed Dorsch]

 > Am having problems making my testing page work in ie 5.x

http://www.edorsch.com/hunnex/index.php

This layout is looking good in just about every other browser. For some 
reason, the tabs (SERVICES, LEARN MORE, ABOUT US, etc.) are not spaced 
correctly. The box model hack won't help, because padding and borders are 
set to zero.

Any ideas?

Thanks,
Ed


__
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] gmail is ignoring "display:none" - what to do?

[Bojana Lalic]

Hi All

 

I've got the following code:

 

 

   This is the caption

 

 

And gmail is still displaying the caption. How do I prevent it from
doing this? By the way, the reason why I am using inline styles is
because of Hotmail etc...

 

Cheers

 

Bojana

__
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] Can't find a haslayout trigger

[Christian Montoya]

On 7/5/06, Richard Grevers <[EMAIL PROTECTED]> wrote:
> I am struggling with my conditional comments syntax. The MSDN
> reference [1] does not give any examples of using comparison
> operators.
> If I use   at the top of the page
>
> See http://www.dramatic.co.nz/wfsm/test3.html for a demonstration.
>
> [1] 
> http://msdn.microsoft.com/library/default.asp?url=/workshop/author/dhtml/overview/ccomment_ovw.asp

Re: [css-d] layout problems

[Roger Roelofs]

Ian,

On Jul 4, 2006, at 10:39 AM, Ian - Mediamint wrote:

> www.cmsserver.info
> www.cmsserver.info/css/css.css
>
> The first is the buttons...if i take the doctype out they display as i 
> want them to (in IE at least - they won't display in firefox for some 
> reason)
The #nav li are set to display: inline; which means they can't take a 
width or height.  If you need to specify a width (as I suspect you do 
given the background you want to use) you will need to float them 
instead.  Something like the following should get you close.  However, 
this kind of interface has been done to death.  Just go to Listomatic 
 and find the one that 
looks/behaves most like you want and use it as a starting point.  The 
biggest problem with the current design is that if a user has her/his 
min font size set higher than you expect, the text will flow out of the 
tab and be unreadable.  That's why most tab style menus only curve one 
corner and make the image oversize.

#nav {
padding: 0 0 0 3px;
margin: 0;
margin-bottom: -1px;
float: left;
}

#nav li {
padding: 0;
margin: 0 3px;
float: left;
list-style-type: none;
}

#nav li a {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
text-align: center;
color: #ff; font-size: 0.7em;
text-decoration: none;
padding: 5px 0;
margin: 0;
display: block;
width: 5em;
min-width: 100px;
background: url(../images/nav.gif) no-repeat center;
}

#nav a.active, #nav a:hover {
background: url(../images/nav_over.gif) no-repeat center;
}

hth
-- 
Roger Roelofs
"Remember, if you’re headed in the wrong direction,
God allows U-turns!"
  ~Allison Gappa Bottke
__
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] FF/Safari absolute footer

[Michael Landis]

Riquez Rapidly Rote...

> Can someone with safari & FF please confirm?
>
> http://www.thethebootleg.co.uk/thethe/dev/viewposts.php?pg=1&topic=1346
>
> The footer (green bar) should sit at the bottom of the page - in my
> FF its fine, but in Safari LIVE, its jumping up a few 100 pixels.
> Locally, its the same as FF, sitting neatly at the bottom.

Dave Pierce wrote:

> Maybe it has something to do with the position:absolute. Try getting
> rid of that and putting it back into the flow.
>
> Dave

Take a look at http://michael4css.info/examples/bootleg/bootleg.html

To keep the idea of the center column taking up all possible height,
and having the footer remain at the bottom of that column, I took
Dave's suggestion and added some spin:

1) Pull the footer out of the main column
2) Use negative top margin to pull the footer up into the main column area
3) Remove vertical padding from main column, so that 100% height
doesn't create a scroll bar when it isn't required
4) Added bottom padding to .t_foot, so that the footer doesn't overlap
the bottom navigation for the posts
5) Added bottom padding to #page, to create space between the bottom
navigation and the footer

HTH,

Michael
__
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] Getting conditional comments to work in IE 6 and 7 (from "Can't find a haslayout trigger" thread)

[Michael Landis]

Richard wrote:

> I am struggling with my conditional comments syntax. The MSDN
> reference [1] does not give any examples of using comparison
> operators.
> If I use   at the top of the page
>
> See http://www.dramatic.co.nz/wfsm/test3.html for a demonstration.
>
> [1] 
> http://msdn.microsoft.com/library/default.asp?url=/workshop/author/dhtml/overview/ccomment_ovw.asp

Hi, Richard,

I found that particular MSDN article rather disappointing, too. I
searched around and found another that describes how comparisons are
created.[2] According to that article, the original condition