Re: [css-d] Testing CSS for higher screen resolutions

[Kevin Doyle]

My screen resolution is 1024x768, and the content of my site fits that
window nicely.  I want to test how it will behave on a monitor with higher
resolution.  


Hi Lisa,

Another trick, which you may have already thought of, is to just play with the 
resolution on your own screen... assuming that 1024x768 isn't the highest 
setting you can crank your monitor to. If you're Windows-based, right-click on 
your desktop, select Properties, then select the Settings tab. You'll see a 
slider there that you can hopefully slide around for different resolution 
settings. Just make sure you select a setting that's in the correct proportion 
(4:3) to your current screen.

There are also a couple sites out there that will run your sites at different 
resolutions and then send you screen captures of it... unfortunately, I can't 
remember the URL for those sites. Can anyone help me out?
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Testing CSS for higher screen resolutions

[jft]

>  There are also a couple sites out there that will run your sites at 
> different resolutions and 
>  then send you screen captures of it... unfortunately, I can't remember the 
> URL for those sites. 
>  Can anyone help me out?
> 
I've come across these, but not tried them myself:
   http://browsershots.org/
   http://ipinfo.info/netrenderer/
   http://www.browsercam.com/Default2.aspx
HTH
John
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Testing CSS for higher screen resolutions

[Kevin Doyle]

>  There are also a couple sites out there that will run your sites at 
> different resolutions and 
>  then send you screen captures of it... unfortunately, I can't remember the 
> URL for those sites. 
>  Can anyone help me out?
> 
I've come across these, but not tried them myself:
  http://browsershots.org/
  http://ipinfo.info/netrenderer/
  http://www.browsercam.com/Default2.aspx
HTH
John

AND:

HI,
try this tiny freeware:
http://www.softpedia.com/get/System/OS-Enhancements/ChangeRes.shtml



Thanks Ariel and John -- I've been looking for both a site and a stand-alone 
app to help out with this. Lisa, I hope these links help you, too. :-)

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

Re: [css-d] Testing CSS for higher screen resolutions

[Lisa Clarke]

Thanks, everyone, for your help!

Lisa


Kevin Doyle wrote:
> >  There are also a couple sites out there that will run your sites at 
> different resolutions and
> >  then send you screen captures of it... unfortunately, I can't 
> remember the URL for those sites.
> >  Can anyone help me out?
> >
> I've come across these, but not tried them myself:
>   http://browsershots.org/
>   http://ipinfo.info/netrenderer/
>   http://www.browsercam.com/Default2.aspx
> HTH
> John
>
> AND:
>
> HI,
> try this tiny freeware:
> http://www.softpedia.com/get/System/OS-Enhancements/ChangeRes.shtml
>
> 
>
> Thanks Ariel and John -- I've been looking for both a site and a 
> stand-alone app to help out with this. Lisa, I hope these links help 
> you, too. :-)
>
> k.

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

Re: [css-d] Search tab

[good one]

Thank you Holly that works great!

> Date: Fri, 15 Aug 2008 20:57:28 -0500> From: [EMAIL PROTECTED]> To: [EMAIL 
> PROTECTED]; css-d@lists.css-discuss.org> Subject: Re: [css-d] Search tab> > 
> From: good one <[EMAIL PROTECTED]>> > >> > In the search tab I changed the 
> size of the input text to make the tab close up> >> > against the red 
> navigation in IE but in firefox I get a gap.> >> > What do I need to do to 
> get rid of it? Thank you > >> > http://tinyurl.com/5w4b2g> > Try changing the 
> padding in your #searchform fieldset selector and adding a new selector as 
> below - > > #searchform fieldset {> color: #fff; > float:left; > border: 0;> 
> padding: 2px 15px 2px 0px;/* adjust the bottom padding here */> margin: 0;> 
> background: url(images/nav/tabsearch.gif) no-repeat right top;> }> 
> #searchtext {margin-top: 3px;} /* add this selector */> > This fixes things 
> in FF2, I think. I didn't test in any IE, but if you need to use different 
> values for those browsers, you can use your favorite technique to send the 
> different CSS only to IE.> > ~holly > > > 
> __> 
> css-discuss [EMAIL PROTECTED]> 
> http://www.css-discuss.org/mailman/listinfo/css-d> List wiki/FAQ -- 
> http://css-discuss.incutio.com/> List policies -- 
> http://css-discuss.org/policies.html> Supported by evolt.org -- 
> http://www.evolt.org/help_support_evolt/
_
Win New York holidays with Kellogg’s & Live Search 
http://clk.atdmt.com/UKM/go/107571440/direct/01/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Testing CSS for higher screen resolutions

[bruce . somers]

Ah but caution. If you change your resolution in Windows, it will foul up your 
desktop arrangement.

It will not be restorted if you again select your original rsolution.

Bruce

 
> Another trick, which you may have already thought of, is to just play with 
> the resolution on your own screen... assuming that 1024x768 isn't the highest 
> setting you can crank your monitor to. If you're Windows-based, right-click 
> on your desktop, select Properties, then select the Settings tab. You'll see 
> a slider there that you can hopefully slide around for different resolution 
> settings. Just make sure you select a setting that's in the correct 
> proportion (4:3) to your current screen.

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

[css-d] Horizontal scrolling in iframe

[Daniel Hammond]

URL: http://www.studentremix.org/test/ms/media.htm
CSS: http://www.studentremix.org/test/ms/ms.css

In the iframe, I want the photo thumbnails to scroll horizontally, not
vertically as they do now. I want them to be in one row, only one thumbnail
tall, if that makes sense. I wrapped them in a div (which has the royal blue
background color for the sake of easy visibility/identification) and gave it
a specific pixel-based height, but it still automatically expands vertically
to hold the content instead of horizontally. I achieved this desired effect
in the past, but I believe I did it with a table. I'd rather stick to pure
CSS this time. Any ideas?

Thanks,
Daniel

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

Re: [css-d] Horizontal scrolling in iframe

[Teknofile Services]

#iframePhotos {
margin: 0 0 15px 25px;
text-align: center;
display: inline:
}

Worked for me...

*** REPLY SEPARATOR  ***

On 25/08/2008 at 5:15 p.m. Daniel Hammond wrote:

>in the past, but I believe I did it with a table. I'd rather stick to pure
>CSS this time. Any ideas?




---
Karl
Teknofile Services
www.teknofile.co.nz

 

Please consider the environment before printing this email.


This message was scanned by AVG v8. No virus data was found in this outgoing 
message.
Checked by AVG - http://www.avg.com 
Version: 8.0.138 / Virus Database: 270.6.7/1631 - Release Date: 8/24/2008 12:15 
PM

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

Re: [css-d] Horizontal scrolling in iframe

[Daniel Hammond]

| | URL: http://www.studentremix.org/test/ms/media.htm
| | CSS: http://www.studentremix.org/test/ms/ms.css
| | 
| | In the iframe, I want the photo thumbnails to scroll horizontally, not
| | vertically as they do now. I want them to be in one row, only one
thumbnail
| | tall, if that makes sense. I wrapped them in a div (which has the royal
blue
| | background color for the sake of easy visibility/identification) and
gave it
| | a specific pixel-based height, but it still automatically expands
vertically
| | to hold the content instead of horizontally. I achieved this desired
effect
| | in the past, but I believe I did it with a table. I'd rather stick to
pure
| | CSS this time. Any ideas?
| | 
| | Thanks,
| | Daniel
| | 
|
| #iframePhotos {
|   margin: 0 0 15px 25px;
|   text-align: center;
|   display: inline:
|   }
| 
|   Worked for me...
| Karl


Really? That didn't do anything for me. Especially since I would think
something needs to be done with the "photoThumbMainWrapper" selector, not
the "iframePhotos" one. If you have a URL that you could provide that shows
it working how it should, that would be helpful. Thanks for the effort.

Daniel

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

Re: [css-d] Horizontal scrolling in iframe

[Teknofile Services]

No URL, just local file...

But it wasn't actually a fix, sorry. Was caused by the page spreading 
across dual monitor desktop.

My bad, ignore me. Nice site though, like the nav...


*** REPLY SEPARATOR  ***

On 25/08/2008 at 7:22 p.m. Daniel Hammond wrote:

>Really? That didn't do anything for me. Especially since I would think
>something needs to be done with the "photoThumbMainWrapper" selector, not
>the "iframePhotos" one. If you have a URL that you could provide that shows
>it working how it should, that would be helpful. Thanks for the effort.



---
Karl
Teknofile Services
www.teknofile.co.nz

 

Please consider the environment before printing this email.


This message was scanned by AVG v8. No virus data was found in this outgoing 
message.
Checked by AVG - http://www.avg.com 
Version: 8.0.138 / Virus Database: 270.6.7/1631 - Release Date: 8/24/2008 12:15 
PM

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

[css-d] superfluous borders on hover

[Kim Brooks Wei]

Hi there, people.

I have a couple of extra borders on hover in my nav links. A dotted 
line on bottom and blue space remaining on the sides which ought to 
get replaced on hover by white space, but doesn't.

http://thewei.com/sandbox/bc4hkidsplayground/

Help appreciated as always. Be well,
Kimi

-- 
This email sent by
Kimi Wei
http://thewei.com
201-475-1854
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Horizontal scrolling in iframe

[Daniel Hammond]

| If you give the parent container a width to contain the 
| horizontal elements, the iFrame will get a horizontal scroll bar.
| 
| .photoThumbMainWrapper {width: 1685px;}
| 
| That works if you know the number of thumbnails.  Are you 
| going to know the width?  If not, let me know, and i'll help 
| you further.
| 
| -Estelle
| 
| > URL: http://www.studentremix.org/test/ms/media.htm
| > CSS: http://www.studentremix.org/test/ms/ms.css
| > 


Thanks, that does help. However, I've now decided to use a div with
overflow:scroll to give the appearance of an iframe without actually using
an iframe. Is there a way to get rid of the "faded out" vertical scroll bar
that is not being used? Also, I am interested in hearing your suggestion for
if I do not know the number of thumbnails or width that the div needs to be.

Thanks for your help,
Daniel

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

Re: [css-d] superfluous borders on hover

[Peter Hyde-Smith]

- Original Message - 
From: "Kim Brooks Wei" <[EMAIL PROTECTED]>
To: "CSS Discuss" 
Sent: Monday, August 25, 2008 7:27 PM
Subject: [css-d] superfluous borders on hover


>
> I have a couple of extra borders on hover in my nav links. A dotted
> line on bottom and blue space remaining on the sides which ought to
> get replaced on hover by white space, but doesn't.
>
> http://thewei.com/sandbox/bc4hkidsplayground/
>
> Help appreciated as always. Be well,
> Kimi

08/25/2008

Kimi:

Hi there to you! Not seeing the dotted border in WinXP-SP2/FF03, but adding 
to your CSS bit,

ul.nav a{ display: block;

may resolve blue space switching issue. Also, is the "Cheshire Cat" dotted 
line a border or text-decoration? Make sure you are killing the right one.

Best Regards,

Peter
www.fatpawdesign.com
In God we trust, all else bring data... 

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

Re: [css-d] Horizontal scrolling in iframe

[Philippe Wittenbergh]

On Aug 26, 2008, at 10:08 AM, Daniel Hammond wrote:

> Is there a way to get rid of the "faded out" vertical scroll bar
> that is not being used?


I assume you're seeing that in iExploder, right ?
overflow-x:hidden or overflow-y:hidden will hide the scrollbar you  
don't want.


Philippe
---
Philippe Wittenbergh
http://l-c-n.com/





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

Re: [css-d] Horizontal scrolling in iframe

[Estelle Weyl]

You can use overflow-x and overflow-y properties separately, instead of just 
"overflow: scroll"

http://www.w3.org/TR/css3-box/#overflow 

It's been supported since Mozilla 1.8 and IE5. I think all browsers support it 
even though it wasn't part of CSS2.1 specs (it will likely be in CSS3).

Sounds like a topic for a blog post ;-)

-Estelle

CSS, JavaScript and XHTML Explained
http://evotech.net/blog




--- On Mon, 8/25/08, Daniel Hammond <[EMAIL PROTECTED]> wrote:

> From: Daniel Hammond <[EMAIL PROTECTED]>
> Subject: RE: [css-d] Horizontal scrolling in iframe
> To: [EMAIL PROTECTED]
> Cc: css-d@lists.css-discuss.org
> Date: Monday, August 25, 2008, 6:08 PM
> | If you give the parent container a width to contain the 
> | horizontal elements, the iFrame will get a horizontal
> scroll bar.
> | 
> | .photoThumbMainWrapper {width: 1685px;}
> | 
> | That works if you know the number of thumbnails.  Are you
> 
> | going to know the width?  If not, let me know, and
> i'll help 
> | you further.
> | 
> | -Estelle
> | 
> | > URL: http://www.studentremix.org/test/ms/media.htm
> | > CSS: http://www.studentremix.org/test/ms/ms.css
> | > 
> 
> 
> Thanks, that does help. However, I've now decided to
> use a div with
> overflow:scroll to give the appearance of an iframe without
> actually using
> an iframe. Is there a way to get rid of the "faded
> out" vertical scroll bar
> that is not being used? Also, I am interested in hearing
> your suggestion for
> if I do not know the number of thumbnails or width that the
> div needs to be.
> 
> Thanks for your help,
> Daniel


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

Re: [css-d] superfluous borders on hover

[Estelle Weyl]

First off, you want to make you A a block level element. This will cure the 
non-centering, since right now you are pushing the first word over to the right 
with 20px of padding, and the left word has 20px of padding to the right.

Also, In bc4hkids.css @ line 117, you have:

#main a:hover {
border-bottom:1px dotted #003757;
}

but you don't have a border on it when not in hover state, which may be causing 
the problem.  
That's on the A, not the LI

To get rid of the other dotting, you included

a {outline: none;}

which is great.

the one pixel of dark blue on the bottom seems to be part of the background on 
the LI showing thru.  When i remove the margin-bottom on the LI (line 77), that 
extra blue border goes away.

Also, you don't need to be redundant:

ul.nav a {
text-decoration: none;
padding: 2px 20px;
margin: 0;
color: #fff;
font-weight: bold;
text-align: center;
}
ul.nav a:hover {
margin: 0;
padding: 2px 20px;
border: none;
color: #36C; background: #fff;
}

the hover can be written as:
ul.nav a:hover {
color: #36C; 
background: #fff;
}
since it inherits everything else from the previous statement.

-Estelle

CSS, JavaScript and XHTML Explained
http://evotech.net/blog

--- On Mon, 8/25/08, Kim Brooks Wei <[EMAIL PROTECTED]> wrote:

> From: Kim Brooks Wei <[EMAIL PROTECTED]>
> Subject: [css-d] superfluous borders on hover
> To: "CSS Discuss" 
> Date: Monday, August 25, 2008, 5:27 PM
> Hi there, people.
> 
> I have a couple of extra borders on hover in my nav links.
> A dotted 
> line on bottom and blue space remaining on the sides which
> ought to 
> get replaced on hover by white space, but doesn't.
> 
> http://thewei.com/sandbox/bc4hkidsplayground/
> 
> Help appreciated as always. Be well,
> Kimi
> 
> -- 
> This email sent by
> Kimi Wei
> http://thewei.com
> 201-475-1854
> __
> css-discuss [EMAIL PROTECTED]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> List policies -- http://css-discuss.org/policies.html
> Supported by evolt.org --
> http://www.evolt.org/help_support_evolt/


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

Re: [css-d] Horizontal scrolling in iframe

[Daniel Hammond]

| > Is there a way to get rid of the "faded out" vertical scroll bar
| > that is not being used?
| 
| 
| I assume you're seeing that in iExploder, right ?
| overflow-x:hidden or overflow-y:hidden will hide the scrollbar you  
| don't want.
| 
| Philippe


Actually, I was seeing it in all browsers tested (FF3, Safari, Opera, and IE
6 & 7).
The problem is solved now, though.

Thanks,
Daniel

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

Re: [css-d] Horizontal scrolling in iframe

[Daniel Hammond]

| You can use overflow-x and overflow-y properties separately, 
| instead of just "overflow: scroll"
| 
| http://www.w3.org/TR/css3-box/#overflow 
| 
| It's been supported since Mozilla 1.8 and IE5. I think all 
| browsers support it even though it wasn't part of CSS2.1 
| specs (it will likely be in CSS3).
| 
| Sounds like a topic for a blog post ;-)
| 
| -Estelle


Very good. I used "overflow-x: scroll" and it fixed the problem. Thanks very
much for your help. Now about what you mentioned regarding the potential
situation where I may not know the required width... Do you know of
something that would work if that were the case?

Thanks again,
Daniel

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