Re: [css-d] How do you adjust the indent on UL LI elements?
Robert Lane asked: How would I write a style to get rid of or reduce the
indent on the list items?
I would suggest that you zero out browser default margin and padding
with:
* { margin:0 ; padding:0; }
And do not rely on inheritance for the 2nd level list item and instead
specify li margins with:
Ul li li {margin-left:20px; }
Cheers,
dino
__
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] Thank You! and site check please
Gwydionmom wrote:
[...]
http://www.d2care.org/draft.php
[...]
So, what am I missing? Is there anything else I need to know/worry
about?
Thanks!
Jennifer Laus
Hi Jennifer,
As the css-validator says, a typo in the #nav { z-inde ...},
and Watchfire http://webxact3.watchfire.com/ reports 1 level2 and 1
level3 hint for accessibility.
Maybe for IE you can set the dotted borders to 2px, then they are dotted
in IE too (now dashed, according to IE pecularities).
In FF1.07 and IE6 under Win98SE he is fine.
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/
[css-d] Fixed Header/Footer
Hi All I have had another go at putting together a design with a fixed header/footer. The design is at: http://www.swmug.co.uk/ http://www.swmug.co.uk/wp-content/themes/frametheme/style.css Could you please check the site for me and tell me whether it works in WinIE? Many thanks. -- Rich http://www.cregy.co.uk Embracing what God does for you is the best thing you can do for him. Romans 12 v 1 __ 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] display problems on Mac
Thank you so much for your help. That took care of the problem. http://acd.liztestsite.com/prod_nortel.shtml Liz On 7/12/06 8:35 PM, Al Sparber [EMAIL PROTECTED] wrote: From: Liz [EMAIL PROTECTED] Thank you for your help Al and Philippe Al I tried what you said, it looks like the rectangle shows up but not the text. Also I lost the white color when I removed the height from the white bar even though I had the background color set. Here is an example page: http://www.projectseven.com/testing/customers/liz/ Be careful because I saved it with Opera and the assets are a little different in both name and location. Gave a width to your menu container (in ems). Cleared your white Bar Repositoned the vertical alignment of the menu and your page title element using padding, relative positioning, and a top offset on the title. Set your current page mark color so it's visible :-) __ 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] Fixed Header/Footer
Richard Brown wrote: http://www.swmug.co.uk/ Could you please check the site for me and tell me whether it works in WinIE? No, it doesn't. The footer is staying down there, but its left edge is in the middle of the screen and it's overlapping the bottom part of the content. Header is correctly aligned sideways, but scrolls with the rest. No visible scrollbars in IE/win. Screenshot: http://www.gunlaug.no/tos/alien/swmug.png 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] Fixed Header/Footer
On 13/07/06, Gunlaug Sørtun [EMAIL PROTECTED] wrote: Richard Brown wrote: http://www.swmug.co.uk/ Could you please check the site for me and tell me whether it works in WinIE? Nope, all over the place. If you are using Firefox, download the IE Tab extension, that way you can switch the rendering engine and see an IE version quickly. And remember to test your layout in IE as you go and you may avoid these nasty surprises, ie build your layout up slowly and test test test. The page validates as html by the way. -- http://www.web-buddha.co.uk http://www.projectkarma.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] Site check esp. IE5/Mac Safari please.
Hi all I've made a few changes and I think this all works on XP with IE6, IE55, FF 1.5 and Opera 9 (with some minor issues if zoom is not 100%, very strange?). If anyone has the time (or inclination) could you confirm this and/or check on W2K in case I've missed something. I'm especially interested in seeing if it now works in Safari and IE5 Mac as I'm unable to test these. I've set the main text to green in the IE5/Mac stylesheet to check if the hack filter works, could someone confirm this please? I've tried IE7 and found an issue with the equal heights method in the sidebar, any suggestions are welcome. Any other platform and browser checks would be appreciated but are not essential (as would any suggestions for fixes). I would like it to work in Mozilla and Netscape but it dosen't and I don't know why, although these browsers are not required yet. The portfolio page in the main navigation should work to show the 'you are here' effect, all other pages don't exist yet. Here's all the files: http://public.softectra.com/130706_1/index.html http://public.softectra.com/130706_1/css/screen.css http://public.softectra.com/130706_1/css/screen_layout.css http://public.softectra.com/130706_1/css/screen_style.css http://public.softectra.com/130706_1/css/screen_layout_ie5mac.css http://public.softectra.com/130706_1/css/screen_layout_ie6win.css http://public.softectra.com/130706_1/css/screen_layout_ie55win.css 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/
Re: [css-d] Odd list problem
Paul Hilder wrote: Hi, I've been reworking a html site to php which meant adjusting the css. Problem is now i have a menu item inside a list with an ID which doesn't want to play ball. It should be like the others i.e blue on white with a 14px left margin. But as you can see both IE and Firefox show it wrong in their own ways. http://stressed.180bpm.co.uk/rkts/researchsupp.php is the page. The link is inside a hidden menu which is shown when clicking on Applying for Funding. The CSS is at http://stressed.180bpm.co.uk/rkts/css/global.css Can anyone shed some light one why it's happening? Many thanks, 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/ __ 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] Fixed Header/Footer
Richard Brown wrote: Hi All I have had another go at putting together a design with a fixed header/footer. The design is at: http://www.swmug.co.uk/ http://www.swmug.co.uk/wp-content/themes/frametheme/style.css Could you please check the site for me and tell me whether it works in WinIE? Many thanks. Richard, AFAIK, the only methods that works for a fixed header and footer layout to work in IE is for the file to be in quirksmode. And, even that, is /not/ going to help with your current layout. Additionally, since you are Powered by Wordpress, unless things have change in the last six months, WP can't parse a document with an xml declaration above the doctype. Whether using a comment above the doctype to put IE in quirksmode will work in IE7 is a question for someone else to answer. Regards, ~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] How do you adjust the indent on UL LI elements?
Paul Novitski wrote:
Every browser comes with a default stylesheet; these differ slightly
from one browser to the next. Many people zero out many of these
default styles, making it easier to get the same predictable effects
cross-browser. A very simple example would be:
*
{
margin: 0;
padding: 0;
}
In other words, remove all default margins padding from all
elements on the page. If you do this, you'll then have the
responsibility for adding margins padding back to those elements
from which you expect it, such as Hn P tags. Some web developers
find this a nuisance; I find it an agreeable and necessary part of
deliberate styling.
I'm one of those who finds it a nuisance that results in more CSS not
less. :-) But even if you do choose to use it, do *not* use the
universal selector. This is far too aggressive and results in buttons no
longer acting like buttons, for instance. Read more here:
http://kurafire.net/log/archive/2005/07/26/starting-css-revisited
I would suggest only zeroing out what you really need to zero out, which
includes list margin and padding.
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] Best CSS Online Validator
What's the best free online validator. The one at W3C throws up errors that are not errors. I continually get an error for specifying line-height this way: line-height: 2; and it keeps telling me that color: transparent is invalid __ 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] Best CSS Online Validator
On 7/13/06, Marje Cannon [EMAIL PROTECTED] wrote: What's the best free online validator. The one at W3C throws up errors that are not errors. the w3 one is THE validator. I continually get an error for specifying line-height this way: line-height: 2; and it keeps telling me that color: transparent is invalid 2 WHAT? you need a unit, px, em, %, etc __ 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 draws a random line through nav links issue
On 7/12/06, Brian Cummiskey [EMAIL PROTECTED] wrote: Issue 1: When I met wth my client at their place the other day, I noticed for the first time a weird IE quirk. When scrolling occurs, sometimes the nav bars when you scroll back up will have a random 1px white line through them. I DON'T see it and HAVEN'T been able to reproduce this on my IE6/xp on my laptop, but I linked it to a buddy on the same setup who does see it. To reproduce: go to: http://www.mtcues.com/beta/category/testimonials/ (not limited to this page, just the longest one that should require scrolling on most normal resolutions) in ie6 scroll down so nav bars are out of view, scroll back up to top. repeat a couple times. a white line may appear. I'm guessing it has something to do with my a:hover thick bottom borders on the links, but I'm not certain. I am still stuck on this. No one has replied to this particular issue yet. Thanks __ 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] Best CSS Online Validator
On 7/13/06, Brian Cummiskey [EMAIL PROTECTED] wrote: On 7/13/06, Marje Cannon [EMAIL PROTECTED] wrote: I continually get an error for specifying line-height this way: line-height: 2; and it keeps telling me that color: transparent is invalid 2 WHAT? you need a unit, px, em, %, etc not on line-height you don't. this is an issue with the validator. you can safely ignore the line-height error/warning. __ 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] Best CSS Online Validator
Brian Cummiskey wrote: On 7/13/06, Marje Cannon [EMAIL PROTECTED] wrote: What's the best free online validator. The one at W3C throws up errors that are not errors. the w3 one is THE validator. That does not mean it's always correct. I continually get an error for specifying line-height this way: line-height: 2; 2 WHAT? you need a unit, px, em, %, etc No, you don't. Line-height can be in number, length, or percentage. Number is without unit: http://www.w3.org/TR/CSS21/visudet.html#propdef-line-height and it keeps telling me that color: transparent is invalid I think that's a warning though, not an error? A quite annoying warning though, and it would be good if there was an option to specify which warnings we're interested in, so these 'transparent warnings' could be omitted. -- Els 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] Best CSS Online Validator
On 7/13/06, Marje Cannon [EMAIL PROTECTED] wrote: What's the best free online validator. The one at W3C throws up errors that are not errors. the w3 one is THE validator. I continually get an error for specifying line-height this way: line-height: 2; and it keeps telling me that color: transparent is invalid 2 WHAT? you need a unit, px, em, %, etc Actually, the use of a unit is NOT required and indeed CAN cause problems if included. Eric Meyer has a great article about this very problem here: http://meyerweb.com/eric/thoughts/2006/02/08/unitless-line-heights/ I assume you mean that background-color: transparent is throwing the error as I can't imagine wanting transparent text. If you do want transparent text, a visibility: hidden span inside the element will get you that. Additionally, I receive lots of errors for various things that should work correctly...transparent borders comes to mind. On this page (http://www.w3schools.com/css/pr_border-color.asp), you can plainly see border-color: transparent listed as an acceptable value, but this too will throw an error in the validator. The best advice I can give is get as close as you can and ensure that any errors which are found by the validator are ones you accept and understand. If you want the little icon on your page, I tend to include it (for clients that want it) with an asterisk and a note about the errors in the page and/or the validator. Hope that helps. Bill Brown || | Bill Brown | | Webmaster, MacNimble.com | | http://www.macnimble.com | | mailto:[EMAIL PROTECTED] | | Phone: 215-237-2037| || __ 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 draws a random line through nav links issue
Brian Cummiskey wrote: When I met wth my client at their place the other day, I noticed for the first time a weird IE quirk. When scrolling occurs, sometimes the nav bars when you scroll back up will have a random 1px white line through them. I DON'T see it and HAVEN'T been able to reproduce this on my IE6/xp on my laptop, but I linked it to a buddy on the same setup who does see it. To reproduce: go to: http://www.mtcues.com/beta/category/testimonials/ (not limited to this page, just the longest one that should require scrolling on most normal resolutions) in ie6 scroll down so nav bars are out of view, scroll back up to top. repeat a couple times. a white line may appear. It might help if you stated on what kinda setup the problem does occur, so that anyone with that setup may check your page. FWIW, it's not happening on my XP/IE6 either. It sounds like a little peek-a-boo though. I'm guessing it has something to do with my a:hover thick bottom borders on the links, but I'm not certain. To be certain, take off those borders, and ask the same person if he still sees it :-) -- Els 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] Best CSS Online Validator
Els wrote: I think that's a warning though, not an error? A quite annoying warning though, and it would be good if there was an option to specify which warnings we're interested in, so these 'transparent warnings' could be omitted. If you use the Advanced interface: http://jigsaw.w3.org/css-validator/validator-uri you can choose which warnings to receive. I normally set it to No warnings as the warnings are always stupid things about not having a background-color with a color and are, frankly, more trouble than they're worth. For the curious, there's a list of known problems at http://www.w3.org/Bugs/Public/buglist.cgi?product=CSSValidator The original line-height problem that started this thread has apparently been fixed, and will be moved to production Real Soon Now: http://www.w3.org/Bugs/Public/show_bug.cgi?id=2272 (see last comment) Now, back to that deadline I'm going to miss... Cheers, Nick. -- Nick Fitzsimons http://www.nickfitz.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] How do you adjust the indent on UL LI elements?
Paul Novitski wrote:
Every browser comes with a default stylesheet; these differ slightly
from one browser to the next. Many people zero out many of these
default styles, making it easier to get the same predictable effects
cross-browser. A very simple example would be:
*
{
margin: 0;
padding: 0;
}
In other words, remove all default margins padding from all
elements on the page. If you do this, you'll then have the
responsibility for adding margins padding back to those elements
from which you expect it, such as Hn P tags. Some web developers
find this a nuisance; I find it an agreeable and necessary part of
deliberate styling.
At 06:04 AM 7/13/2006, Zoe M. Gillenwater wrote:
I'm one of those who finds it a nuisance that results in more CSS not
less. :-) But even if you do choose to use it, do *not* use the
universal selector. This is far too aggressive and results in buttons no
longer acting like buttons, for instance. Read more here:
http://kurafire.net/log/archive/2005/07/26/starting-css-revisited
Zoe, can you be more specific about buttons no longer acting like
buttons? In following links from Faruk Ates' article I saw a couple
of references to this problem but no more precise description nor
examples of the alleged misbehavior.
As I use Mozilla/Firefox as my primary browser and test in others,
have been using the star-selector to eliminate margins padding for
a couple of years now, and have never noticed my buttons acting like
snaps, zippers, or string ties, I'm both curious and bemused.
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] IE draws a random line through nav links issue
From: Brian Cummiskey [EMAIL PROTECTED]
weird IE quirk. When scrolling occurs, sometimes the nav
bars when you scroll back up will have a random 1px white line through
them.
go to: http://www.mtcues.com/beta/category/testimonials/ [example]
I am still stuck on this. No one has replied to this particular issue yet.
It's a haslayout issue [1]. I think that the following will work. You'll need
to trigger haslayout [2], then reset the property you used in a separate
selector so that the correct property is being used. Once haslayout is
triggered, it cannot be reset but the property used to set it can be [3].
While there are other ways of triggering haslayout than the one I'm
suggesting, they did not seem to preserve the hover effects on the left-side
horizontal nav. My suggestion seems to preserve that.
#catnav {
background: #adce5a;
color: #000;
padding:0;
margin: 0;
border-top: 5px solid #333;
display: inline-block; /* add this */
}
#catnav {display: block;} /* Must be a separate selector to reset the
property */
I hope that this helps,
~holly
[1] http://www.satzansatz.de/cssd/onhavinglayout.html
[2] http://www.satzansatz.de/cssd/onhavinglayout.html#prop
[3] http://www.satzansatz.de/cssd/onhavinglayout.html#haslayoutprop
__
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 draws a random line through nav links issue - revised
From: Holly Bergevin [EMAIL PROTECTED]
From: Brian Cummiskey [EMAIL PROTECTED]
weird IE quirk. When scrolling occurs, sometimes the nav
bars when you scroll back up will have a random 1px white line through
them.
go to: http://www.mtcues.com/beta/category/testimonials/ [example]
I am still stuck on this. No one has replied to this particular issue yet.
It's a haslayout issue [1]. I think that the following will work. You'll
need to trigger haslayout [2], then reset the property you used in a
separate selector so that the correct property is being used. Once haslayout
is triggered, it cannot be reset but the property used to set it can be [3].
While there are other ways of triggering haslayout than the one I'm
suggesting, they did not seem to preserve the hover effects on the left-side
horizontal nav. My suggestion seems to preserve that.
#catnav {
background: #adce5a;
color: #000;
padding:0;
margin: 0;
border-top: 5px solid #333;
display: inline-block; /* add this */
}
#catnav {display: block;} /* Must be a separate selector to reset the
property */
Sorry, I left out one thing that was hiding in the HTML page not in the style
sheet, You'll need to add {position: relative;} to the #catnav ul selector to
preserve the hover, too.
#catnav ul {
list-style-type: none;
padding: 10px;
margin: 0;
position: relative; /* add this too */
}
~holly
[1] http://www.satzansatz.de/cssd/onhavinglayout.html
[2] http://www.satzansatz.de/cssd/onhavinglayout.html#prop
[3] http://www.satzansatz.de/cssd/onhavinglayout.html#haslayoutprop
__
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] Default font sizes
Still pretty new at all-CSS layouts, but loving it.
I have a question related to decisions that are made when first starting a
new project.
I am aware that using em as a font size unit is a Best Practice. We want
people to be able to resize their text, and ems allow us to give them that
ability, consistently.
Per this article:
http://www.clagnut.com/blog/348/
If I set
BODY {font-size:62.5%}
Then I am now starting out with (assuming a setting of medium in the
browser) a default font size equivalent to 10px for my entire document...
And numbers that are easy to work with, because a setting of
{font-size:1.2em}
Is equivalent to 12px.
This is really nice, because I still tend to think of font settings in px,
and it's nice to be able to think in px but write in ems.
The problem I have comes when I go further into the blog article, and I set
up my containers and set default font sizes there.
For example, if I set #contentArea{font-size:1.2em} then I get my desired
12px font size for my body text.
The article then says,
In Mozilla-based browsers, all heading elements in our aforementioned
#main_content div will be displayed at 12px whether they are an H1 or an H6,
whereas other browsers show the headings at different sizes as expected.
Applying text-sizes to all headings will give consistency across browsers,
for example:
H1 {font-size:2em} /* displayed at 24px */
H2 {font-size:1.5em} /* displayed at 18px */
H3 {font-size:1.25em} /* displayed at 15px */
H4 {font-size:1em} /* displayed at 12px */
ACK! My easy to work with numbers now appear to be gone... Because 2em is
equivalent to 24px, not 20px as expected. 1.5em = 18px instead of 15px,
etc.
My question... Why is this? And what is everyone else doing to work easily
with font sizes, while not having to turn around and specify a font size on
most of the elements in their document? Is anyone else using this
technique, and if so, can you provide some info on how you work with it on a
daily basis?
Thanks for helping a still-relative-newbie!!
Marc
__
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] Drop down lists
Hi All I have decided to try a different approach to The Wedding Company site after David Laasko's advice re Wordpress. Many thanks to all that helped. I am trying to get a drop down menu working for WinIE using Stu Nicholls design here: http://www.cssplay.co.uk/menus/basic_dd.html The site is at: http://www.weddingcompanycornwall.co.uk/ http://www.weddingcompanycornwall.co.uk/wp-content/themes/weddings/style.css http://www.weddingcompanycornwall.co.uk/wp-content/themes/weddings/basic_dd_ie.css I am told the drop down is not working in WinIe. Could someone check this for me please? I would also like to get the nav to width: 100% but can't seem to get it doing that. Any ideas please? Thanks once again for all the help with previous requests. -- Rich http://www.cregy.co.uk Embracing what God does for you is the best thing you can do for him. Romans 12 v 1 __ 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] Drop down lists
On 13/07/06, Richard Brown [EMAIL PROTECTED] wrote: Hi All I have decided to try a different approach to The Wedding Company site after David Laasko's advice re Wordpress. Many thanks to all that helped. I am trying to get a drop down menu working for WinIE using Stu Nicholls design here: http://www.cssplay.co.uk/menus/basic_dd.html The site is at: http://www.weddingcompanycornwall.co.uk/ http://www.weddingcompanycornwall.co.uk/wp-content/themes/weddings/style.css http://www.weddingcompanycornwall.co.uk/wp-content/themes/weddings/basic_dd_ie.css I am told the drop down is not working in WinIe. Could someone check this for me please? I would also like to get the nav to width: 100% but can't seem to get it doing that. Any ideas please? Thanks once again for all the help with previous requests. -- No, drop-down is not working in IE6 on Win XP. -- http://www.web-buddha.co.uk http://www.projectkarma.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] How do you adjust the indent on UL LI elements?
One of the commenters asked Faruk that question, and here is the reply:
#21 · Faruk Ate#351; · Sep 7, 2005 (16:18)
Dean,
If you click on a default, square button, it'll invert the bevel and
move the text slightly to make it appear as if you've actually pushed
it in, pushed it deeper. Using the * selector removes that
functionality, and when you then click a button, it'll not look as if
you're pushing it in.
--Guy K. Haas
Software Exegete in Silicon Valley
Paul Novitski wrote:
Every browser comes with a default stylesheet; these differ slightly
from one browser to the next. Many people zero out many of these
default styles, making it easier to get the same predictable effects
cross-browser. A very simple example would be:
*
{
margin: 0;
padding: 0;
}
In other words, remove all default margins padding from all
elements on the page. If you do this, you'll then have the
responsibility for adding margins padding back to those elements
from which you expect it, such as Hn P tags. Some web developers
find this a nuisance; I find it an agreeable and necessary part of
deliberate styling.
At 06:04 AM 7/13/2006, Zoe M. Gillenwater wrote:
I'm one of those who finds it a nuisance that results in more CSS not
less. :-) But even if you do choose to use it, do *not* use the
universal selector. This is far too aggressive and results in buttons no
longer acting like buttons, for instance. Read more here:
http://kurafire.net/log/archive/2005/07/26/starting-css-revisited
Zoe, can you be more specific about buttons no longer acting like
buttons?
__
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] Best CSS Online Validator
Thanks Nick: Your link to the known bugs is a huge help. It explains a lot. Marje ___ -Original Message- From: Nick Fitzsimons [mailto:[EMAIL PROTECTED] Sent: Thursday, July 13, 2006 10:13 AM To: Els Cc: Brian Cummiskey; Marje Cannon; css-d@lists.css-discuss.org Subject: Re: [css-d] Best CSS Online Validator Els wrote: I think that's a warning though, not an error? A quite annoying warning though, and it would be good if there was an option to specify which warnings we're interested in, so these 'transparent warnings' could be omitted. If you use the Advanced interface: http://jigsaw.w3.org/css-validator/validator-uri you can choose which warnings to receive. I normally set it to No warnings as the warnings are always stupid things about not having a background-color with a color and are, frankly, more trouble than they're worth. For the curious, there's a list of known problems at http://www.w3.org/Bugs/Public/buglist.cgi?product=CSSValidator The original line-height problem that started this thread has apparently been fixed, and will be moved to production Real Soon Now: http://www.w3.org/Bugs/Public/show_bug.cgi?id=2272 (see last comment) Now, back to that deadline I'm going to miss... Cheers, Nick. -- Nick Fitzsimons http://www.nickfitz.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] Drop down lists
With the Eric Meyer menu, he includes a csshover.htc file in the body
body {
behavior:url(/csshover.htc); /* place csshover.htc in web root */
}
For IE I also put 'div' in front of the menu styles like: div#hmenu, or
div#hmenu ul . Firefox did not seem toe care. You can easily find the
csshover.htc file on the internet, or get off mine at
http://www.dottedi.biz/csshover.htc
That works for me. Perhaps you need that here as well?
-Bob
Richard Brown wrote:
Hi All
I have decided to try a different approach to The Wedding Company site after
David Laasko's advice re Wordpress. Many thanks to all that helped.
I am trying to get a drop down menu working for WinIE using Stu Nicholls
design here:
http://www.cssplay.co.uk/menus/basic_dd.html
The site is at:
http://www.weddingcompanycornwall.co.uk/
http://www.weddingcompanycornwall.co.uk/wp-content/themes/weddings/style.css
http://www.weddingcompanycornwall.co.uk/wp-content/themes/weddings/basic_dd_ie.css
I am told the drop down is not working in WinIe. Could someone check this for
me please? I would also like to get the nav to width: 100% but can't seem to
get it doing that. Any ideas please?
Thanks once again for all the help with previous requests.
__
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] Default font sizes
Marc Funaro wrote:
I have a question related to decisions that are made when first
starting a new project.
I am aware that using em as a font size unit is a Best Practice. We
want people to be able to resize their text, and ems allow us to give
them that ability, consistently.
So far so good, but there are more than one way to resize text, and
consistency doesn't depend as much on unit used, as on the way font-size
is applied on elements down the chain.
Per this article:
http://www.clagnut.com/blog/348/
If I set
BODY {font-size:62.5%}
Then I am now starting out with (assuming a setting of medium in
the browser) a default font size equivalent to 10px for my entire
document...
You shouldn't assume anything :-)
The article is correct, but the article ignores just about everything
that can be ignored when it comes to what Users may actually set, and
subsequently get.
Thus, that old article is only useful if/when you know and understand
all about font-size inheritance and User-options in all major browsers.
And numbers that are easy to work with, because a setting of
{font-size:1.2em}
Is equivalent to 12px.
This is really nice, because I still tend to think of font settings
in px, and it's nice to be able to think in px but write in ems.
The problem I have comes when I go further into the blog article, and
I set up my containers and set default font sizes there.
...and loose those nice relative to px calculations further in :-)
(see below)
For example, if I set #contentArea{font-size:1.2em} then I get my
desired 12px font size for my body text.
[...]
ACK! My easy to work with numbers now appear to be gone... Because
2em is equivalent to 24px, not 20px as expected. 1.5em = 18px
instead of 15px, etc.
My question... Why is this?
Font-size for each element is based on inherited values down the chain,
so when you have set 'font-size: 1.2em' on a container, all other
font-sizes inside that container are based on the resulting size of
those 1.2em - whatever that is.
And what is everyone else doing to work easily with font sizes, while
not having to turn around and specify a font size on most of the
elements in their document? Is anyone else using this technique, and
if so, can you provide some info on how you work with it on a daily
basis?
I don't declare font-size on container-elements, but only on the
text-carrying elements. Then I won't have to recalculate anything down
the chain since they all are based on what I declare on body.
Example:
body {font-size: 62.5%;}
p,pre,img {font-size: 1.2em;}
h1 {font-size: 2em;}
h2 {font-size: 1.5;}
h3 {font-size: 1.3em;}
h4,h5 {font-size: 1.2em;}
h6 {font-size: 1em;}
...and a few other text-carrying elements - if I need them.
---
Now, the values in that example are not the ones I actually use, since
I'm also aware of what browser-defaults really are: an unknown
variable - that can be changed by any User.
1: I use (and mix) '%' and 'em' as font-size unit, since they give
identical results. 1.2em = 120% of whatever font-size (on body or
elsewhere) the calculation is based on.
2: I use 'body {font-size: 100%;}' as base, since that is about as close
to the browser-default as one can get. Besides, it /improves/ on
/predictability/ when exposed to any and all User-options in any and
all browsers.
3: I test by applying all available User-options to the extremes, in all
browsers I can lay my hands on. Some predictability is the end-result.
A bit more on the subject...
http://www.gunlaug.no/contents/wd_1_03_04.html
http://www.gunlaug.no/contents/wd_1_03_02.html#item3
http://www.gunlaug.no/contents/wd_additions_13.html
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] opera/9.0 :: hairline space between columns
Isn't this a rounding error? While resizing the window pixel by pixel,
the gap flickers in Opera and Safari. In Firefox, a gap appears at small
window sizes.
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN
http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd;
html lang=en xml:lang=en xmlns=http://www.w3.org/1999/xhtml;
head
meta http-equiv=Content-Type content=text/html; charset=utf-8 /
title/title
style type=text/css
/*![CDATA[*/
#wrapper { overflow: hidden; }
#wrapper div { height: 20px;}
#primary {
background: green; float: left; width: 44%; margin-left: 56%; }
#secondary {
background: blue; float: left; width: 32%; margin-left: -100%; }
#tertiary {
background: red; float: left; width: 2%; margin-left: -68%; }
/*]]*/
/style
/head
body
div id=wrapper
div id=primary/div
div id=secondary/div
div id=tertiary/div
/div
/body
/html
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] positioning #sidebar in IE 6
This page http://www.washingtonwaterfrontvacationrentals.com/ aligns perfectly in Firefox, but the #sidebar won't position properly in IE 6 no matter what changes I make to it. There also seems to be padding inside the #wrap border when viewed in IE 6, but again, it displays properly in Firefox. Can someone please tell me what the problem might be? Thanks, Helen Email: [EMAIL PROTECTED] Phone:360-275-9433 Fax: 360-275-9177 Website: http://www.picturethis4u.com/ Keep your business at the world's fingertips 365 days of the year! __ 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 Disappearing Text
I have a page that, when viewed in IE on first load, shows some text. If I click away from IE and back again, the text ends up being the same color as the background (I can see it if I click-drag over the area), and only a shift-refresh causes it to appear again. Is this a specific bug with IE? __ 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 problem with css dropdown menu
hi folks
i'm on the verge of a nervous breakdown and hope someone here can solve
this problem. this is my first attempt at css dropdown menus (following
instructions in 'more eric meyer on css'). everything's just dandy in
mozilla and opera but it doesn't work in IE6. the weird thing is that it
_does_ work if i stick the css into the html file.
html file with internal css (which works in IE6):
http://jarmin.com/clients/genderwerk/template.html
html file with external css file (which doesn't work in IE6):
http://jarmin.com/clients/genderwerk/template-extcss.html
external css file:
http://jarmin.com/clients/genderwerk/css/dropdown.css
it gets weirder. there was a similar discussion recently where the advice
was to trigger the hover effect, by first setting a style for the hover on
the a itself, before IE 'sees' the hover style for the stuff inside of
it. i fiddled with that for a while but didn't get anywhere. however, i
narrowed the problem down to these two instructions:
div#nav li:hover {
background: #d4eaae;
}
div#nav ul.level1 li.submenu:hover ul.level2 {
display : block;
width : 20em;
}
if i use the external css file but stick just these two instructions into
the html file it works locally on my computer but as soon as i upload it to
the remote site it doesn't work anymore. when i noticed that, i gave up
because that just doesn't make any sense to me. why would it work locally
but not remotely?
please help
thanks
iris
___
omnia mea mecum porto
http://jarmin.com/
http://manhold.net/
___
__
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] positioning #sidebar in IE 6
Helen wrote:
This page http://www.washingtonwaterfrontvacationrentals.com/ aligns
perfectly in Firefox, but the #sidebar won't position properly in IE
6 no matter what changes I make to it.
You're position in thin air (relative to nothing) :-)
Not all browsers will interpret such a positioning the same way.
Add:
#wrap {position: relative;}
...in order to get a relation, and then add...
#sidebar {left: 0;}
...to get IE in on where to position the element.
Also, delete:
#sidebar {float: left;}
...since an absolute positioned element can't float anyway.
There also seems to be padding inside the #wrap border when viewed in
IE 6, but again, it displays properly in Firefox.
Didn't look for the exact cause of this, but adding:
* html #wrap {overflow-x: hidden;}
...will fix IE6.
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] positioning #sidebar in IE 6
Hi Georg,
I was so busy checking all the numbers I failed to look at the float and
positioning
issues, which is exactly where the problem was. Your instructions worked
perfectly.
Thanks so much for this insight into css! I've only been doing this a few
months and
continue to learn daily from this great group of css masters.
Helen
Email: [EMAIL PROTECTED]
Phone:360-275-9433
Fax: 360-275-9177
Website: http://www.picturethis4u.com/
Keep your business at the world's fingertips 365 days of the year!
-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On
Subject: Re: [css-d] positioning #sidebar in IE 6
Helen wrote:
This page http://www.washingtonwaterfrontvacationrentals.com/ aligns
perfectly in Firefox, but the #sidebar won't position properly in IE
6 no matter what changes I make to it.
You're position in thin air (relative to nothing) :-)
Not all browsers will interpret such a positioning the same way.
Add:
#wrap {position: relative;}
...in order to get a relation, and then add...
#sidebar {left: 0;}
...to get IE in on where to position the element.
Also, delete:
#sidebar {float: left;}
...since an absolute positioned element can't float anyway.
There also seems to be padding inside the #wrap border when viewed in
IE 6, but again, it displays properly in Firefox.
Didn't look for the exact cause of this, but adding:
* html #wrap {overflow-x: hidden;}
...will fix IE6.
regards
Georg
__
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] Changing size of text on and OL
Can you explain this in more detail? I have much the same problem. I have a div container that houses the list and I have a bolded line that is bulleted, but a second line that's indented, not bolded...but inherits the bullet and the bullet there is not wanted. I would love to know how to separate this as this problem has come up more than once. Here is a link to the page in question. The css is embedded. http://www.msbanet.org/emails/legal/060627_annual_meeting.htm Thanks in advance, Jeralyn [EMAIL PROTECTED] [EMAIL PROTECTED] wrote: Bert Mahoney wrote: Hi, Is it possible to change the size of the automatic numbers that appear on an ordered list? I want to make the numbers larger and perhaps make them a different color. Use a span around the text. Then you can style the numbers and the text separately -- Joel Goldstick www.columbuswebmakers.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/ - Do you Yahoo!? Next-gen email? Have it all with the all-new Yahoo! Mail Beta. __ 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 problem with css dropdown menu
iris wrote:
i'm on the verge of a nervous breakdown and hope someone here
can solve this problem. this is my first attempt at css
dropdown menus (following instructions in 'more eric meyer on
css'). everything's just dandy in mozilla and opera but it
doesn't work in IE6. the weird thing is that it _does_ work
if i stick the css into the html file.
html file with internal css (which works in IE6):
http://jarmin.com/clients/genderwerk/template.html
html file with external css file (which doesn't work in IE6):
http://jarmin.com/clients/genderwerk/template-extcss.html
external css file:
http://jarmin.com/clients/genderwerk/css/dropdown.css
it gets weirder. there was a similar discussion recently
where the advice was to trigger the hover effect, by first
setting a style for the hover on the a itself, before IE
'sees' the hover style for the stuff inside of it. i fiddled
with that for a while but didn't get anywhere.
This isn't the same thing - IE doesn't support :hover on anything
else than a, and your li elements (obviously) aren't inside
a elements.
When I disable JavaScript, not even the first link above works. I
don't know where your script is, or what's in it. Perhaps it
contains an absolute url so that it works for your local file but
not for the uploaded one? Or it writes stuff that needs to be
together with the CSS styles, so there fore it needs to sit in
the html file together? I don't know any JavaScript anyway, but
the answer must be somewhere in there I suspect.
div#nav li:hover {
background: #d4eaae;
}
div#nav ul.level1 li.submenu:hover ul.level2 {
display : block;
width : 20em;
}
Yup, won't work on IE.
if i use the external css file but stick just these two
instructions into the html file it works locally on my
computer but as soon as i upload it to the remote site it
doesn't work anymore. when i noticed that, i gave up because
that just doesn't make any sense to me. why would it work
locally but not remotely?
Did you also upload the JavaScript?
--
Els
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] IE6 problem with css dropdown menu
At 21:05 13/07/2006 +0200, you wrote: Did you also upload the JavaScript? yes, csshover.htc is in the css directory: http://jarmin.com/clients/genderwerk/css/ iris _ omnia mea mecum porto http://jarmin.com/ http://cch.coop/ ___ __ 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] Changing size of text on and OL--now moot
Well, it's been decided all the bullets are to go. I'd still like to know how to separate them though :-) J Jeralyn Merideth [EMAIL PROTECTED] wrote: Can you explain this in more detail? I have much the same problem. I have a div container that houses the list and I have a bolded line that is bulleted, but a second line that's indented, not bolded...but inherits the bullet and the bullet there is not wanted. I would love to know how to separate this as this problem has come up more than once. Here is a link to the page in question. The css is embedded. http://www.msbanet.org/emails/legal/060627_annual_meeting.htm Thanks in advance, Jeralyn [EMAIL PROTECTED] wrote: Bert Mahoney wrote: Hi, Is it possible to change the size of the automatic numbers that appear on an ordered list? I want to make the numbers larger and perhaps make them a different color. Use a span around the text. Then you can style the numbers and the text separately -- Joel Goldstick www.columbuswebmakers.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/ - Do you Yahoo!? Next-gen email? Have it all with the all-new Yahoo! Mail Beta. __ 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/ - Yahoo! Messenger with Voice. Make PC-to-Phone Calls to the US (and 30+ countries) for 2¢/min or less. __ 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] Changing size of text on and OL
Hi Jeralyn,
I have a div container that houses the list and I have a bolded line that is
bulleted, but a second line that's indented, not bolded...but inherits the
bullet
and the bullet there is not wanted. I would love to know how to separate this
as this problem has come up more than once.
Here is a link to the page in question. The css is embedded.
http://www.msbanet.org/emails/legal/060627_annual_meeting.htm
The easiest way for you would be to add the list-style-type property
to your indented list items:
#listyle li.indent
{
margin-left: 20px;
font-weight: normal;
list-style-type: none;
}
Please notice that I added #listyle to the selector, otherwise the
former style rule, which sets the list-style-type property to disc
would have greater specificity.
But may I suggest you change the markup instead as you list the topics
of an agenda with additional information. In my opinion the speakers
should not be part of the list as a separate list item. I think it
would be better if you changed the LI elements with class indent to
P elements with the same class and style rule (and remember to put the
end tags of the LI elements after the end tag of the P elements like
such:
liWhat Every School Attorney Needs to Know About Sovereign Immunity
p class=indentJerry Brant, iWithers, Brant, Igo Mullenix,
PC/i/p/li
The advantage of this approach becomes immediately visible if you view
your page without Style Sheets.
Cheers,
jens
--
Jens Brueckmann
http://www.yalf.de
__
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] Changing size of text on and OL
Jens...thanks so much! This worked great. I hadn't thought of changing the
markup entirely. I did as you suggested and although I was asked to remove the
bullets entirely, it it the perfect solution for the problem.
Thanks again,
Jeralyn
Jens Brueckmann [EMAIL PROTECTED] wrote: Hi Jeralyn,
I have a div container that houses the list and I have a bolded line that is
bulleted, but a second line that's indented, not bolded...but inherits the
bullet
and the bullet there is not wanted. I would love to know how to separate this
as this problem has come up more than once.
Here is a link to the page in question. The css is embedded.
http://www.msbanet.org/emails/legal/060627_annual_meeting.htm
The easiest way for you would be to add the list-style-type property
to your indented list items:
#listyle li.indent
{
margin-left: 20px;
font-weight: normal;
list-style-type: none;
}
Please notice that I added #listyle to the selector, otherwise the
former style rule, which sets the list-style-type property to disc
would have greater specificity.
But may I suggest you change the markup instead as you list the topics
of an agenda with additional information. In my opinion the speakers
should not be part of the list as a separate list item. I think it
would be better if you changed the LI elements with class indent to
P elements with the same class and style rule (and remember to put the
end tags of the LI elements after the end tag of the P elements like
such:
What Every School Attorney Needs to Know About Sovereign Immunity
Jerry Brant, Withers, Brant, Igo Mullenix,
PC
The advantage of this approach becomes immediately visible if you view
your page without Style Sheets.
Cheers,
jens
--
Jens Brueckmann
http://www.yalf.de
__
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/
-
Do you Yahoo!?
Next-gen email? Have it all with the all-new Yahoo! Mail Beta.
__
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] Side-scrolling mystery with overflow-x
Hi -- I'm trying to make a horizontal-scrolling div that contains other divs. I can make a side-scrolling div containing images, but putting divs into the mix always forces the line to break, even with overflow-x set to scroll. Easier to show than to explain; here's an example: http://www.geocities.com/jessekeller/overflow.html Any help would be greatly appreciated! Thanks... __ 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] Eyes are buggin and I can't find the problem in display difference
The url is http://www.intellisolv.com/horsecandy/index.html In firefox the page displays the way I want it to. In IE6 it displays almost properly but the content has a large gap to the left that I can't find where it is coming from. I would love some help on this. As I have looked at it for too long now. Thanks for the help. Larry Winfrey __ 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] images in a grid using DIV's...
Greetings, I'm attempting to layout a bunch of images in a grid using DIV's instead of a table. I currently have a 3x6 table that I need to convert to css. I've seen various example of a 3 to 4 column layout. Is this the only way to accomplish this? To see the table in its current format, please go here: http://www.godofmod.com What looks like a single image is actually a table comprised of 18 seperate images. Any assistance is greatly appreciated. thanks __ Do You Yahoo!? Tired of spam? Yahoo! Mail has the best spam protection around http://mail.yahoo.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d 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] Eyes are buggin and I can't find the problem in display difference
did you check for the double-margin bug? http://www.positioniseverything.net/explorer/doubled-margin.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] Francky's Corners and accessible tabs
francky wrote: [...] See testpage http://home.tiscali.nl/developerscorner/css-discuss/test-rolland-new.html. Rollandburn wrote offlist: Again you have saved my neck, and this time with a bit of humor! hehe...thats a lot francky, i really appreciate all of the help you have given me! And francky writes: Not yet saved, not yet ready ... ;-) After posting my testpage, all of a sudden I saw the positioning of the nav bar is o.k. now, but IE is not showing the changing tabs (backgrounds) @hover! Then all IE-visitors cannot see the beauty of the blue's! - And (pity) still yet more as 50% of the surfers have IE as (substitute for) browser... The reason is the li:hover method for changing background positions you ( I) used; IE doesn't support that. As I suggested in the CSS-hoverable tabs with 1 image and clientside scalable fontsize testpage http://home.tiscali.nl/developerscorner/css-discuss/test-slidingDoorsTabs-hoverimage.html that I 've send you offlist some days ago, the hovering tabs can be seen in IE with the span method inside the a of the list-items (getting the part of the liquid background-image which is called by the li:hover otherwise). Though it is making a bit of tag soup in the html, the result is a workaround for IE. With some adapting of the images you used, I experimented to spannarize the test-rolland-new.html page. :-) The result is reasonable crossbrowser (IE-mac I didn't test), and anyway there are IE-win proof css-hover tabs now; see this new new testpage http://home.tiscali.nl/developerscorner/css-discuss/test-IE-proof-liquid-tabs.html! [1] [2] Greetings, francky [1] This time I used Stu Nicolls' Fitted Doors technique (with some finishing touches here and there) for the positioning of the elements; see testpage for the link [2] Probably the same result without the span soup can be accomplished by the use of the Suckerfish hover-script (no time to figure out now), but then the page is javascript dependent - and I like more a pure css solution. __ 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] Eyes are buggin and I can't find the problem in display difference
Larry Winfrey wrote:
The url is http://www.intellisolv.com/horsecandy/index.html
In firefox the page displays the way I want it to. In IE6 it displays
almost properly but the content has a large gap to the left that I can't
find where it is coming from. I would love some help on this. As I
have looked at it for too long now. Thanks for the help.
Hi Larry,
Instead of looking too much, next time you can try to give the
problematic div a tmp background-color or border line first. Often you
see directly where the (border of the) problem is! :-)
And in this case: you centered the text-align in the body, IR is
intrepreting (wrongly) that everything in the page has to be centered
(subtracting/adding margins and/or paddings, if alive).
Making the #wrapper { text-align: left; } will set the default inside
the wrapper as left aligned. For the tagline and foorter and other
exceptions you can set the text-align to centered again.
See testpage
http://home.tiscali.nl/developerscorner/css-discuss/test-horsecandy.htm.
Greetings,
francky
btw: the last 2 links in the footer you didn't click in the last version
of the page, I guess. ;-)
__
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] Thank You! and site check please
francky wrote:
[...]
As the css-validator says, a typo in the #nav { z-inde ...},
and Watchfire http://webxact3.watchfire.com/ reports
[...]
Stilman Davis wrote offlist:
I have been asked to do some accessibility checks, but am not able to
find Bobby or any replacement for him, and the watchfire link you give
here does not come to a page. Could you give me some hints? [...]
Hmm (blush), telling others about typo's, I pasted the wrong link for
Watchfire ...
The good one (Bobby online = Watchfire, which is the -new- owner of the
-for sale- Bobby program) is without the 3 in it:
*
http://webxact.watchfire.com/
If you install Chris Pederick's Webdeveloper extension for Firefox
(http://chrispederick.com/work/webdeveloper/), you have a wonderful tool
with option to outline all blocklevel elements on the flow, to edit css
in a sidebar (and see the effects of a change immediately), to validate
css in 1 click, ... and muchmuch more. :-)
Another of the options is a direct link to the Cynthia Says automated
tests for accessibility according to WAI (the AAA levels) and the
Section 508 guidelines.
Also there is Checky, document validation and analysis extension for
FF e.a.: http://checky.sourceforge.net/extension.html, which has lots of
handy links fore all kinds of testing purposes too.
Both free downloadable! Do it! 8-)
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] Autocomplete box (from sriptatious) does not come on top in IE
Figured this out. This can be attributed as a bug to how ie handles z-index when you have absolute elements in the page. When Ie encounters an absolute or relative element then all z-index are relative to the parent's element in the div with (relative or absolute). So to solve the problem, I set the parent z-index to a higher level for the element that needed to be higher and the z-index of the other element to a lower number. Vineet I'm using a high zindex. Everythin works well in Firefox but does not work in IE. You can try it by typing d in the symbol box in the top left column. In IE the box that appears is url: www.eswap.com:8080 1. transparent 2. If there are enough options in it, then it is hidden below other windows. Any ideas on how to fix it? Vineet __ 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] opera/9.0 :: hairline space between columns
Ingo Chao wrote: Isn't this a rounding error? While resizing the window pixel by pixel, the gap flickers in Opera and Safari. In Firefox, a gap appears at small window sizes. I put the test page you included with this reply on my server: http://www.chelseacreekstudio.com/ca/cssd/ingo-gap-test.html Ingo Ingo, I don't know what you mean. Are you talking about a code rounding error; or, a software rounding error? If it is a width correction, I'll need help. Either way, there still is a physical gap on either /or/ both sides of the center column(s). They no longer show on my end (at least I don't think so). I painted the background(s). uri: http://www.chelseacreekstudio.com/ css :: embedded. Best, David -- 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] images in a grid using DIV's...
moises wrote: Greetings, http://www.godofmod.com What looks like a single image is actually a table comprised of 18 seperate images. Any assistance is greatly appreciated. Just use a single image. Or is that not possible? - Rahul. __ 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 esp. IE5/Mac Safari please.
Mark Batty (Gmail) wrote: I've made a few changes and I think this all works on XP with IE6, IE55, FF 1.5 and Opera 9 (with some minor issues if zoom is not 100%, very strange?). If anyone has the time (or inclination) could you confirm this and/or check on W2K in case I've missed something. I'm especially interested in seeing if it now works in Safari and IE5 Mac as I'm unable to test these. http://public.softectra.com/130706_1/index.html Mark. Mark, There are 33 captures, including safari, mac/ie5.s, win/2000, and others here: http://www.browsercam.com/public.aspx?proj_id=268489 . I did not wait for them to load. And regret I did not have time to check your page live. Regards, ~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/
