Re: [css-d] Centering Containers
http://www.cascadepest.com/_NEW_SITE/rodents/index.html http://www.chelseacreekstudio.com/ca/cssd/pests.htm Thanks David. That worked beautifully. I validated the CSS, but I haven't done the html yet. Will be doing that tomorrow before I get too much further. Thanks so much for your time. Alix O.K. Time is a clock without hands (I've forgotten who said that). Hickory, dickory, dock. The mouse ran up the clock. As ever, Mandy on the Web -- A thin red line and a salmon-color ampersand forthcoming. http://chelseacreekstudio.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] Testing CSS for higher screen resolutions
snip 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. /snip 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
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
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
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 http://www.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
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 youhttp://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
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
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
#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
| | 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
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
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
| 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
- Original Message -
From: Kim Brooks Wei [EMAIL PROTECTED]
To: CSS Discuss css-d@lists.css-discuss.org
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
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
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
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 css-d@lists.css-discuss.org
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/
