Re: [css-d] Buttons shifting in form in IE

[Philippe Wittenbergh]

On Feb 18, 2006, at 4:18 PM, Iorhael wrote:

> Hi, am still wondering if anyone knows I can prevent the Submit and  
> Reset buttons from shifting when clicked in this form:
>
> http://www.drkdesign.com/debscards/cards_form.php
>
> The code for the buttons:
>
> input[type=submit], input[type=reset] {
>margin: 15px;
>padding: 3px;
>width: 5em;
>text-align: center;
>border: 1px solid #000;
> }

I don't know what your buttons do in IE (I put VirtualPC to sleep).  
One thing I'm sure: IE 6 doesn't support attribute selectors like you  
are using in that code snippet. It won't use your code.

Philippe
---
Philippe Wittenbergh





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

[css-d] li gap doesn't show up in Safari, Mac IE

[Shoshanna Love]

Hi all, I know this has been discussed a lot but I must be missing 
something important, because nothing I've tried has really worked.  I 
have a list of image links in a list with no white space between the 
li's in the HTML.  In Win IE and Firefox a gap appears around the 
images.  In Safari and Mac IE, it doesn't.

The list is here (with the borders turned on):
http://calreefs.dreamhosters.com/calendar/index.php?page=calendarmain

This is the CSS:

#topnav ul  {
width: 175px;
margin: 0;
padding: 0;
list-style-type: none;
text-align: right;
}

#topnav ul li  {
margin: 0;
padding: 0;
}

#topnav ul li img {
text-align: right;
display: inline;/* Firefox seems to need this to align 
img right */
padding: 0;
margin: 0;
}

#topnav ul li a  {
padding-right: 15px;
margin: 0;
background: transparent;
}

#topnav ul li a:hover  {
background: transparent url(/images/nav/arrow.gif) right center 
no-repeat;
}

Can anyone tell me how to get rid of the space, or how to make it 
consistent?
Shoshanna
__
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] using a "current" class on page links

[Paul Novitski]

At 06:11 PM 2/17/2006, Erin Spangler wrote:
>I've tried using a class like this one:
>
>.current {
>   color: #fff;
>   background: #80;
>}
>But because of inheritance or some reason, it's not showing up.


At 07:24 PM 2/17/2006, francky wrote:
>#left-top-nav li .current a { color: #fff; background: #80; }
...
>
>
>Where do I begin?
>Prices and Plans
>Sample Pages
...


francky, I think you mean li.current not li .current

Erin, it's impossible to be sure without seeing exactly where in your 
stylesheet you've declared .current, but I suspect your problem is 
one of cascade and precedence.  Because of the way a stylesheet's 
rules cascade, a later rule will overrule an earlier rule unless the 
earlier rule has more weight.  Selectors have weight according to the 
number of tag names, classes, and ids they contain, and can gain 
precedence with !important.

Here's an interesting page to read:

CSS 2.1 Specification
6 Assigning property values, Cascading, and Inheritance
http://www.w3.org/TR/CSS21/cascade.html

...that includes the logic and arithmetic for calculating selector precedence:

6.4 The cascade
http://www.w3.org/TR/CSS21/cascade.html#cascade

Regards,
Paul 

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

Re: [css-d] Buttons shifting in form in IE

[Ingo Chao]

Iorhael wrote:
> Hi, am still wondering if anyone knows I can prevent the Submit and Reset 
> buttons from shifting when clicked in this form:

Did you try my suggestion?

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/

Re: [css-d] using a "current" class on page links

[francky]

Paul Novitski wrote:

> [...]
> At 07:24 PM 2/17/2006, francky wrote:
>
>> #left-top-nav li .current a { color: #fff; background: #80; }
>
> francky, I think you mean li.current not li .current
> [...]

Oops, you are right! As a penance I made a testpage 
.
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/

[css-d] css menu problem

[Erman OLCA]

hi all,

I saw a css menu system at http://www.cssplay.co.uk/menus/dropdown.html. 
I copied it (he says it's free). but its submenus are getting under my 
web controls like textbox selectbox or button. how can i solve this 
problem. Both ie and firefox shows its submenus under controls so i can 
not click the links of my submenus. Help will be appreciated. Thanks alot.
__
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] Can I put a link on an image in CSS?

[Peter Snow Cao]

I want to put a link to my homepage on the logo image that is in the
upper
left-hand corner of every page put there by the CSS file (snippet
below):

http://bikechina.com/

#header {
background-color: #091c5a;
background-image: url(images/bc-logosm.gif);
background-repeat: no-repeat;
background-attachment: fixed;
}

What is the best way to do this?  Is there a way I can do it in CSS or
do I have to use HTML to code each page?

Thanks!

Peter Snow Cao  
Bike China Adventures, Inc.
__
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 I put a link on an image in CSS?

[Els]

Peter Snow Cao wrote:
> I want to put a link to my homepage on the logo image that is
> in the upper
> left-hand corner of every page put there by the CSS file
> (snippet below):
> 
> http://bikechina.com/
> 
> #header {
> background-color: #091c5a;
> background-image: url(images/bc-logosm.gif);
> background-repeat: no-repeat;
> background-attachment: fixed;
> }
> 
> What is the best way to do this?  Is there a way I can do it
> in CSS or do I have to use HTML to code each page?

No, you have to add the link code http://locusmeus.com/
http://locusoptimus.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] Buttons shifting in form in IE

[Iorhael]

Ingo, I found your previous post and tried apply the width...and it 
worked!!!

Thank you so much and I'm sorry I missed it before!

Debbie
- Original Message - 
From: "Ingo Chao" <[EMAIL PROTECTED]>
To: "Iorhael" <[EMAIL PROTECTED]>
Cc: 
Sent: Saturday, February 18, 2006 2:05 AM
Subject: Re: [css-d] Buttons shifting in form in IE


> Iorhael wrote:
>> Hi, am still wondering if anyone knows I can prevent the Submit and Reset 
>> buttons from shifting when clicked in this form:
>
> Did you try my suggestion?
>
> 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/

Re: [css-d] using a "current" class on page links

[Erin Spangler]

Thanks for the ideas,  but I'm still not getting it to work.  :(

Actually, the more I think about it, it's probably not a good idea  
anyway as the five links on the right side all lead to the same page,  
just different locations using internal links. However, I'd love to  
know what I'm doing wrong in case I run into it again.

Here is the page I'm working on:
www.thedogsonline.com/highland/index.html

and here is the CSS:
http://www.thedogsonline.com/highland/highland-main.css

Only the links on the right side of the page are active at the moment  
and the "current" class is attached to the "What we believe" link.

Chris - I tried to access your site, but for some reason certain  
pages are blocked (and I mean pages like yours or www.Avon.com, not  
"adult" pages). It's weird, because I can take my laptop to a friends  
house and access the pages just fine. It must be something with  
Comcast. ANYWAY... I'll take a look at your page as soon as possible!  
Thanks!

Erin Spangler
http://www.thedogsonline.com
Web Design and Hosting for the Dog Enthusiast



__
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] using a "current" class on page links

[Ingo Chao]

Erin Spangler wrote:
> www.thedogsonline.com/highland/index.html
> http://www.thedogsonline.com/highland/highland-main.css
> 
> Only the links on the right side of the page are active at the moment  
> and the "current" class is attached to the "What we believe" link.

rh-col ul li.current a {

should be

#rh-col ul li.current a {


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/

Re: [css-d] Can I put a link on an image in CSS?

[Peter Snow Cao]

Els wrote:

> No, you have to add the link code 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 I put a link on an image in CSS?

[Els]

Peter Snow Cao wrote:
> Els wrote:
>
>> No, you have to add the link code http://locusmeus.com/
http://locusoptimus.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] IE6 list hover background error

[Mikolaj Misiurewicz]

Hi,

I am designing a site:
http://www.psychologia.pl/projekt/NSW/

with subpages, for example, here:
http://www.psychologia.pl/projekt/NSW/badania.php

and it have almost no errors, related to css handling by different
browsers, except:

1) When I hover over menu_1 or menu_2, which are menus with
background-images changing on :hover, using IE6, they blink - before
the "hover" image is applied, all images dissapear for a second. That
looks awful! The same thing happens when I hover over other elements
with changable background-image. I really have no idea how to fix it.
Is it some IE6 bug? Or is it something in my code, that prevents
.class { backgroung-image: url(aaa.gif) }
.class:hover { backgroung-image: url(bbb.gif) }
from working?

Can anyone help me with this?

2) Second problem with IE6 happens only with second level menu
("#menu_2") on subpage (the white one, with blue borders. Right below
the big photo). Background does not always want to change back to
normal state from :hover state. When I move a mouse down or up from
over the button, the :hover image stays, and does not change. When I
move mouse left or right i usually changes back. How can I fix this?

I will be really greatful if someone would help me with this.

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

Re: [css-d] IE6 list hover background error

[Ingo Chao]

Garet Jax / Mikolaj Misiurewicz wrote:
> ... http://www.psychologia.pl/projekt/NSW/
> 
> with subpages, for example, here:
> http://www.psychologia.pl/projekt/NSW/badania.php
> 
> ... 1) When I hover over menu_1 or menu_2, which are menus with
> background-images changing on :hover, using IE6, they blink - before
> the "hover" image is applied, all images dissapear for a second. 

Sounds like the IE6 flicker
  http://www.fivesevensix.com/studies/ie6flicker


> 2) Second problem with IE6 happens only with second level menu
> ("#menu_2") on subpage (the white one, with blue borders. Right below
> the big photo). Background does not always want to change back to
> normal state from :hover state. When I move a mouse down or up from
> over the button, the :hover image stays, and does not change. When I
> move mouse left or right i usually changes back. 


Add this IE-nonsense:
   #menu_2 a:hover {background: 0 0;}
in
   http://www.psychologia.pl/projekt/NSW/subpage.css

see
   http://www.satzansatz.de/cssd/pseudocss.html#hoverstuck

(this stuck on hover-bug is fixed in IE7b2)


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/

Re: [css-d] CSS wildcards

[Paul Novitski]

At 08:30 AM 1/25/2006, Stephen R Laniel wrote:
>Just to be clear, it's a totally reasonable thing to expect
>from CSS. It would be nice to be able to define
>
>h[0-9] {
> font-family: Verdana, sans-serif;
>}
>
>instead of the ungainly
>
>h1, h2, h3, h4, h5, h6, h7, h8, h9 {
> font-family: Verdana, sans-serif;
>}


Perhaps, but please find another example.  The h1-h6* tags are the 
only instances of numbered tags in HTML; surely you wouldn't add 
RegExp to CSS for just that.

Would you really want to be able to write CSS rules like this?

 d(iv|l)(.|#)cont(act|ent) (p(re){0,1}|dt)
 {
 border(-.+){0,1}: 1px solid #000;
 }

Is it that you think stylesheets are too easy to proofread today and 
you're looking for more challenge?

I can see the advantage of using variables in rule values, but I'd 
want to see us plumb the depths of CSS2 & CSS3 selectors before 
looking for further complication.

Regards,
Paul

*PS: Where did h7-h9 come from?


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

Re: [css-d] IE6 list hover background error

[Mikolaj Misiurewicz]

> > ... 1) When I hover over menu_1 or menu_2, which are menus with
> > background-images changing on :hover, using IE6, they blink - before
> > the "hover" image is applied, all images dissapear for a second.
>
> Sounds like the IE6 flicker
>   http://www.fivesevensix.com/studies/ie6flicker

Wow, it is, indeed! So, that's why nobody else saw the flicker - not
many people have refresh set to "Every visit to page".

> Add this IE-nonsense:
>#menu_2 a:hover {background: 0 0;}
>
> (this stuck on hover-bug is fixed in IE7b2)
>
I really enjoy IE7. Especially ClearType fonts and quick tabs :)
Unfortunatelly it's so slow...

Anyway,
thank you! You've saved my day!

Regards,
Garet Jax
__
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] Expanding height in my page

[Brian Gottier]

It's been so long since I worked with CSS. Please Help.

I have built two rounded corner type boxes on this page:
http://www.iamsentme.com

Yes they are rather like tables, but they work except for one thing I'd like
to fix,

I would like to be able to add content, and have BOTH boxes expand in height
equally, the way they are now. I would also like for the viewer to be able
to resize the text in their browser and these boxes expand equally in
height.

I know my height is set up as a fixed pixel value, but adding a % value does
not keep the boxes equal in height.

My style sheet is at http://www.iamsentme.com/iamsentme.css

Thank you for you help,
Robert Gottier
__
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] using a "current" class on page links

[David Hucklesby]

Hi Erin,
Welcome to the list. You asked:
> 
> I've tried  using a class like this one:
> 
> .current {
>   color: #fff;
>   background: #80;
> }
> But because of inheritance or some reason, it's not showing up.  The  
> rest of the relevent CSS is below. Any ideas would be appreciated.

This seems to me to be a classic case of "specificity[1][2]". It's a 
situation I think we all get caught out by on a fairly frequent basis:

[1] 
[2] 


Cordially,
David
-- 
David Hucklesby, on 2/18/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] CSS wildcards

[Christian Montoya]

On 2/18/06, Paul Novitski <[EMAIL PROTECTED]> wrote:
> Would you really want to be able to write CSS rules like this?
>
>  d(iv|l)(.|#)cont(act|ent) (p(re){0,1}|dt)
>  {
>  border(-.+){0,1}: 1px solid #000;
>  }

Do you know how much slower CSS would get if we were allowed to do
things like this? CSS is intended to be fast and lightweight...
loading it with expressions, variables, conditionals, etc. would take
away this key benefit.

Besides, there's a place for this kind of behavior, and it's called
scripting. The reason why we don't use it is because once again, it's
slow. Just do:

h1, h2, h3, h4, h5, h6 { }

Which is clean, fast, and easy to work with.

--
--
Christian Montoya
christianmontoya.com ... rdpdesign.com ... cssliquid.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] Font size and box sizing

[Bill Moseley]

  http://www.networksecuritytoolkit.org/nst/tools/css_examples.html

That 1 inch box is a bit larger that 1 1/8 inch on my display.  I'm
wondering why.  Is it 1" on your display?

Assuming my display was setup incorrectly, I checked my monitor size
and resolution :

1280x960 and 19.75" diagonal.

Says I'm 81 DPI.  My Xserver logs also say I am 81 DPI:

(**) MGA(0): Display dimensions: (400, 300) mm
(**) MGA(0): DPI set to (81, 81)

And, sure enough, if I draw a 81 x 81 pixel box on the screen it's
exactly 1" square.

If that box is not 1" does that also mean that my 12pt fonts are not
really 12pt?


I'm using relative font sizes on my sites -- letting the browsers
default set the initial font size.  Seems like browsers often have
large sizes by default.  Assuming that many (most?) users don't
change their default font sizes, is there a list of what the
different browsers use for their defaults?




-- 
Bill Moseley
[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] Font size and box sizing

[Felix Miata]

Bill Moseley wrote Sat, 18 Feb 2006 16:17:20 -0800:
 
>   http://www.networksecuritytoolkit.org/nst/tools/css_examples.html
 
> That 1 inch box is a bit larger that 1 1/8 inch on my display.  I'm
> wondering why.  Is it 1" on your display?

That's entirely dependant on the accuracy of the working DPI. You'll
find most users will have it display less accurately than yours.
 
> Assuming my display was setup incorrectly, I checked my monitor size
> and resolution :
 
> 1280x960 and 19.75" diagonal.
 
> Says I'm 81 DPI.  My Xserver logs also say I am 81 DPI:
 
> (**) MGA(0): Display dimensions: (400, 300) mm
> (**) MGA(0): DPI set to (81, 81)
 
> And, sure enough, if I draw a 81 x 81 pixel box on the screen it's
> exactly 1" square.
 
> If that box is not 1" does that also mean that my 12pt fonts are not
> really 12pt?

Yes, but they're much much closer to 12pt than average for personal
computers. Print out http://mrmazda.no-ip.com/auth/PointsDemo.html and
hold it up next to your screen for comparison. Your's is rather accurate
because you're using an open source OS desktop environment, which is
generally much smarter than doze about implementing a realistic DPI.
Study http://mrmazda.no-ip.com/auth/dpi.html and it isn't too hard to
figure that few resolution and screen size combinations come close to
achieving the artifically assigned 96 DPI that doze uses default, or its
120 alternative common on high resolution laptops.

Now whether you actually want your DPI to be accurate is another matter
entirely. You may find that object sizing in your desktop environment is
less than what you might consider ideal. You can force X to use any
particular DPI you please, which will force DPI dependant objects up or
down in size to suit your taste.
 
> I'm using relative font sizes on my sites -- letting the browsers
> default set the initial font size.  Seems like browsers often have
> large sizes by default.

For those browsers using defaults assigned in pt, they wouldn't actually
be "large" if the DPI was accurate instead of an assumed value in excess
of reality. 12pt should be the same 12pt you get in print, but typically
isn't, because the operating DPI in most cases exceeds reality. Looking
back to my chart above, you can see at the XP default 800x600 when used
on a 15" nominal/14" real CRT is running at a real 71 DPI, which the
assumed 96 is overstating by 35%. This is why experts familiar with the
subject frown on the use of pt for CSS sizing of screen media objects.

Other browsers use a finer grained default, px. They aren't at all DPI
dependant, so whether they're in fact "large" or not depends on display
size and screen resolution.

> Assuming that many (most?) users don't
> change their default font sizes, is there a list of what the
> different browsers use for their defaults?

This should be about as close as you'll find anywhere:
IE most 12pt (16px)
IE high resolution (commonly laptops) 12pt (20px)
Opera most 12pt (16px)
Opera high resolution 12pt (20px)
Konqueror 11pt (~15px @ 96 DPI) 
Tier 1 Gecko (Firefox, Mozilla, Netscape 6+, SeaMonkey) 16px
Other Gecko (a few, there are others):
Camino might be 14px
Epiphany 11pt/~14px
K-Meleon 16px
Safari (I think same as tier 1 gecko at 16px, possibly 12pt/16px)

Note that recent Gecko browsers have a hidden pref

browser.display.screen_resolution

that may enable you to have it to run at a more accurate DPI than
what the desktop uses. You can use about:config to change it and
see the effect with each change after restarting Gecko. Note that
on pages such as http://mrmazda.no-ip.com/auth/dpi-screen-window.html
the reported DPI may be off anywhere from 0 to 12px due to Gecko's
broken internal rounding method.
-- 
"Love your neighbor as yourself."Mark 12:31 NIV

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

Felix Miata  ***  http://mrmazda.no-ip.com/auth/auth

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

[css-d] Swollen picture frames

[Cam]

Hi All, 

List newbie so apologies in advance for any mis-steps.  I have a problem 
getting my picture frames to stop swelling to the width of the container.

I've extracted the relevant part of my problem page, pulled the reqiured CSS 
into the same page, and put it up at http://www.camnem.com/tester/tester.html . 
Border colours and such are changed to make it easier to discuss. 

As part of a larger page I have a recent pictures section.  There's a 
containing  for this section - green background here.  Each 
pic has a  around a .

The red line is the border on img.thumb.  The dark green is the div.picframe 
padding, and the yellow line is the div.picframe border.

My problem is that I want the pics in a center-aligned column with a 10px frame 
all around.  There's no problem with this landscape image because its framed 
size = the size of the container.  The problem is with the portrait version. I 
guess it's inheriting width from the container?  I thought that side margins of 
auto on the frame would avoid this.  

You can see from the third image that if I float the frame (div.picframe2 is 
floated left) then the border is perfect.  So I guess this is changing the box 
context somehow but I haven't figured out how to use this to achieve what I 
want.

I can fix this by manually setting the width of the frame but this is ugly 
because then I need a different div for each different width (will get nasty on 
full album pages).  Anyway, it just seems wrong to have to do this!

I also saw one solution (for Firefox at least) that used some browser specific 
moz- display tags but I want the page to validate as clean css and html and to 
be pretty portable cross browsers.

So .. appreciate any suggestions.
Thanks & regards,
Cam.


___
$0 Web Hosting with up to 200MB web space, 1000 MB Transfer
10 Personalized POP and Web E-mail Accounts, and much more.
Signup at www.doteasy.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] De-applying :focus for radio buttons

[Iorhael]

Does anyone know if there is any way to set up :focus for input, textarea, and 
select in forms without having it applied to the radio buttons? I tried 
input:focus.radio and specifying the background color of the form but that did 
not work.

Debbie

http://www.drkdesign.com/debscards/cards_form.php

CSS:

input, textarea, select {
   background-color: #DBC8F5; /*lavendar*/
   font: 90% Arial, Helvetica, sans-serif;
}

input:focus, textarea:focus, select:focus {
   background-color: #ABE2C4; /*light green*/
}

input.radio {
   background-color: #590F81; /*form bkgrd color*/
   font: 90% Arial, Helvetica, sans-serif;
}
__
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] Print CSS

[Roger Roelofs]

Angus,

On Feb 17, 2006, at 6:00 PM, Angus at InfoForce Services wrote:

> I am trying to figure out how to make a print link for the following. 
> So
> when the visitor presses the print button their printer prints every 
> thing
> from the name (angus D. F. MacKinnon) to the end on two pages with a 
> small
> header on page two.
>
> hTML: http://infoforce-services.com/personal/generalresume.php
> CSS: http://infoforce-services.com/css/layout.css

I'm replying on-list because print style sheets are very much a part of 
css.  I added the following to your page to get most of what you want.


body {
font-family: Arial, Helvetica, sans-serif;
font-size: 11pt;
line-height: 1.2;
font-weight: 900;
}
p {
margin: 1.5em 0 0;
}
#header, .cleared, .footer {
display: none;
}
.generalresume_name, generalresume_address, generalresume_title {
text-align: center;
}
.newpage { page-break-before: always; }


Of course, You would want this either in its own file linked in as 
usual, or you could change your current stylesheets to media="all" and 
add an @media section to hold your print only styles.  You can handle 
the header for page two by adding it to the html and setting it to 
display: none; for screen and display: block; for print.

Keep in mind that css for printing is only suggestive.  The browser 
will do what it wants and the user can override your suggestions.

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] Font size and box sizing

[Bill Moseley]

On Sat, Feb 18, 2006 at 07:54:13PM -0500, Felix Miata wrote:
> > Assuming that many (most?) users don't
> > change their default font sizes, is there a list of what the
> > different browsers use for their defaults?
> 
> This should be about as close as you'll find anywhere:
> IE most 12pt (16px)
> IE high resolution (commonly laptops) 12pt (20px)
> Opera most 12pt (16px)
> Opera high resolution 12pt (20px)
> Konqueror 11pt (~15px @ 96 DPI) 
> Tier 1 Gecko (Firefox, Mozilla, Netscape 6+, SeaMonkey) 16px
> Other Gecko (a few, there are others):
> Camino might be 14px
> Epiphany 11pt/~14px
> K-Meleon 16px
> Safari (I think same as tier 1 gecko at 16px, possibly 12pt/16px)

Wow.  I'm sitting here with my linux laptop and an ibook and I see on
Firefox that the sizes offered are in pixels.  An on the ibook the font
settings are in "size", what ever that means. ;)  Setting px in css
is a crap shoot.

Thanks for the info.

-- 
Bill Moseley
[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] Can I put a link on an image in CSS?

[Peter Snow Cao]

Els wrote:

> Ah, didn't get you the first time. You can have an invisible gif
> in the  element, or even just a   if you set the 
> element to display:block;. Just position this link with
> position:absolute; over the background image that's there. That
> way it won't mess up any of the rest of page layout.
> I'd choose a gif over an   though, so you can make use of
> the alt text for people who surf without images, such as Lynx  or
> screenreader users. They wouldn't be able to 'see' the link if it
> were just a blown up  .


I did this and it seems to work, but I don't get what I should do about
the "position:absolute;"







Bike China Adventures,
Inc.Tour Schedule

Thanks,

Peter
__
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] nested divs with ul inheritence or not

[Roger Roelofs]

Michelle,

On Feb 2, 2006, at 8:26 PM, Michelle W wrote:

> Hi,
>
> I have nested divs with uls
> #left column
> #nav
> ul
> #tablist
> ul
>
> I am trying to get the #tablist width to be the same as #nav.
>
> http://www.thetravelingmarathoner.com/test/top12.html
> http://www.thetravelingmarathoner.com/test/top12.css

The simplest solution would be to put #tablist inside #nav.  If you 
can't change the source order you will have to make sure that the #nav 
and #tablist css matches.  The biggest difference I noticed is that 
#nav has a right margin of 1.25em.  Setting it to 0 made both parts 
line up.

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] using a "current" class on page links

[Erin Spangler]

Thanks David! This was the ah-hah! moment I needed. I think I know  
just enough CSS to make me dangerous! :)

Erin Spangler
http://www.thedogsonline.com
Web Design and Hosting for the Dog Enthusiast



>
> This seems to me to be a classic case of "specificity[1][2]". It's a
> situation I think we all get caught out by on a fairly frequent basis:
>
> [1] 
> [2]
> 
>
> Cordially,
> David
> -- 
> David Hucklesby, on 2/18/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/

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

[css-d] IE min-height problem

[Martin Davis III]

I am having a problem with min-height in IE.I need the entire background 
picture to show up. Any suggestions?
The address for the site is:
http://swilly.tk/~swilly/2ndpres/

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

Re: [css-d] IE min-height problem

[Kelly Miller]

-BEGIN PGP SIGNED MESSAGE-
Hash: SHA1

Try giving IE a height equal to the min-height you give to the other
browsers.  IE doesn't understand min-height, but generally it treats
height as if it were min-height.

Martin Davis III wrote:
| I am having a problem with min-height in IE.I need the entire background
| picture to show up. Any suggestions?
| The address for the site is:
| http://swilly.tk/~swilly/2ndpres/
|
| Thanks,
| Martin
| __
| css-discuss [EMAIL PROTECTED]
| http://www.css-discuss.org/mailman/listinfo/css-d
| IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
| List wiki/FAQ -- http://css-discuss.incutio.com/
| Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
|

- --
http://www.mozilla.org/products/firefox/ - Get Firefox!
http://www.mozilla.org/products/thunderbird/ - Reclaim Your Inbox!

Please avoid sending me Word or PowerPoint attachments.
See http://www.gnu.org/philosophy/no-word-attachments.html
-BEGIN PGP SIGNATURE-
Version: GnuPG v1.4.2 (GNU/Linux)
Comment: Using GnuPG with Mozilla - http://enigmail.mozdev.org

iD8DBQFD+DA0wWrjHBui99cRAgcNAJ4tQnrXE86itS/h4O0VHZe1hVyT0gCaAzTI
AbIuHFOmaCXlfnZENtbaFNM=
=k51g
-END PGP SIGNATURE-
__
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/