Re: [css-d] checkbox margins
> Indeed, but if you want to also style the ul you're in some > problem Why should that be? Selector "ul.classname" is for styling the UL element while selector "ul.classname input" is for styling the INPUT elements (and "ul.classname li" for LI elements and "ul.classname label" for LABEL elements...) Quite straightforward. Cheers, jens -- Jens Brueckmann http://www.yalf.de __ 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] checkbox margins
Hi Piluso,
> Hi, I know that this is old, but I was wondering, why put the class in
> the ul as opposed to putting it in the input as so:
>
> ul input.classname {
>foo: bar;
>bar: foo;
> }
you will most probably have more than one checkbox which you want to
style in a certain way.
Thus, putting the class attribute in the UL element is far easier than
putting it on each INPUT element you want to style.
Cheers,
jens
--
Jens Brueckmann
http://www.yalf.de
__
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] Conditional CSS Comment Not Working
2008/8/27 Stan McCoy <[EMAIL PROTECTED]>: > Greetings Can you tell me what is wrong with the following conditional > comments for IE? It appears near the top of my Head for each HTML page, > below META tags and Title. > The standard css file is overriding the IE6 and IE7 specific versions. Hi Stan, the order of conditional comments and "standard" CSS is wrong. As the IE6 and IE7 stylesheets shall override certain rules of your standard stylesheet, they have to be added AFTER your standards stylesheet. (This is part of the C in CSS: http://www.w3.org/TR/REC-CSS2/cascade.html ) Cheers, jens -- Jens Brueckmann http://www.yalf.de __ 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] Too much for MSIE 6 and 7 to cache?
Hi Rachel, no problem here with IE6. Images were displayed on first page loading. Cheers, jens -- Jens Brueckmann http://www.yalf.de __ 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] Font size
> I am told repeatedly that my fonts are to larger. I use a screen reader with
> Firefox so I am not really concerned with font size. I have a lot of viewers
> from
> perfect site to totally blind like myself. What is your advice on font size?
Hi Angus,
presumably the site in question has a similar font size to your site
Infoservice.
This site is indeed difficult to read for me as a sighted user; but
the font size itsself is not what troubles me, it is the line height
and line length. The height being too small so that lines are too
narrowly spaced and the line length to long.
If you would add something like
p {
max-width: 60em;
margin: 1.5em auto;
line-height: 1.6em;
}
to your CSS, the page becomes far more readable (at least for me).
Cheers,
jens
--
Jens Brueckmann
http://www.yalf.de
__
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] validation question
> "thin" is not an attribute for border Quite right, is is an allowed value for the border-width property, see: http://www.w3.org/TR/CSS2/box.html#value-def-border-width Cheers, jens -- Jens Brueckmann http://www.yalf.de __ 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] Validation confusion
> It's definitely something with the way the FF Web Developer Toolbar > (hereafter WDT) works. If I select (from the WDT) Tools > Validate CSS, > it validates fine. > However, if I activate the WDT's 'Show page validation' (also under > 'Tools') then click on the green button with the checkmark that says > "CSS: valid", it chokes -- apparently looking for a local file. Exactly, the cached pages are submitted to the validator, resulting in failed validation attempts when trying to import the local (cached) Style sheets, which is the same case as Olivier Thereaux and Jens Meiert discussed on www-validator-css. Why the WDT submits the cached pages instead of referencing the online pages I do not know. However, apparently the validator team are working on the validator's issue with local imports. Cheers, jens -- Jens Brueckmann http://www.yalf.de __ 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] Validation confusion
> 1File not foundimport file://localhost/MeyerReset.css: > Operation > not permitted > > Is this a known issue with the WDT or am I doing something wrong? > (Apologies if this last bit has strayed OT slightly). Oh, the page being > checked is online, not local, if that helps. Rick, are you sure, you checked the page online, because the error states it cannot retrieve a local file: file://localhost/MeyerReset.css This is a known issue with the CSS validator, see: http://lists.w3.org/Archives/Public/www-validator-css/2007Oct/0027.html Cheers, jens -- Jens Brueckmann http://www.yalf.de __ 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] Validation confusion
Hi Rick, > according to the FF web developer toolbar's 'Display page validation' > feature the CSS validates, but if I click to jump to the validator > itself it throws up the following error : > > Lexical error at line 488, column 2. Encountered: "h" (104), after : "<" > The error appear on both pages: > <http://sandbox.sharkattack.co.uk/novaRebuild/index.php> > <http://sandbox.sharkattack.co.uk/novaRebuild/development.php> I believe the error is caused by your printing Style sheet - it actually cannot be found, the referenced file returns a 404 error: http://sandbox.sharkattack.co.uk/novaRebuild/css/print.css Cheers, jens -- Jens Brueckmann http://www.yalf.de __ 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] ordered lists in ie - is more than 10 items asking too much?
Hi Robert,
> Just realised, it's not giving any extra room for the extra digit when
> you reach list-item number 10. Guess it's something I'll have to live
> with
you may add whitespace between the list numbers and the first
character by adding left padding to the first letter, e.g.:
ol li:first-letter { padding: 0 0 0 1em;}
Cheers,
jens
--
Jens Brueckmann
http://www.yalf.de
__
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] images off / css on
Hi Brian, why would you not set the dark blue background on the div itsself? Cheers, jens -- Jens Brueckmann http://www.yalf.de __ 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] using a header inline in a paragraph
Hi Erin,
> I tried using display:inline in my css for my header, but that didn't do
> it for me. Any suggestions on how to get what I'm attempting???
Use inline-display both for the header and the following paragraph, like this:
Markup:
I am a hobby breeder of French Bulldogs in California.
I acquired my first French Bulldog...
CSS:
.inline
{
display: inline;
}
You might want to adjust font size and font weight as well:
.inline
{
display: inline;
font-size: 1em;
font-weight: normal;
}
That should work as intended.
Cheers,
jens
--
Jens Brueckmann
http://www.yalf.de
__
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] combining selectors
> Even if I'm interpreting this correctly, it leaves open the question of which
> browsers do or don't support it, which is all that
> really matters in the end.
Testing this Style sheet:
p#blue {color: blue;}
p.red {color: red;}
p#blue.red {color: green;}
p.red#blue {color: yellow;}
with this markup:
aaa
bbb
ccc
ddd
I get the following result for IE6SP1, Firefox 2.006 and Opera 9.23 alike:
1. p: blue
2. p: red
3. p: yellow
4. p: yellow
So it seems to work at least in these three browsers (on Windows2000)
Cheers,
jens
--
Jens Brueckmann
http://www.yalf.de
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- 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] Border problems
Hi Jo, in your Style Sheet you confuse verbose border properties with shorthand border properties. Have a close look at http://www.w3.org/TR/REC-CSS2/box.html#border-properties and http://www.w3.org/TR/REC-CSS2/box.html#border-shorthand-properties For example, instead of writing border-style:solid; border-top:1px; border-right:0px; border-bottom:0px; border-left:0px; border-color:#980045; you should either write this border-style:solid; border-top-width:1px; border-right-width:0px; border-bottom-width:0px; border-left-width:0px; border-color:#980045; or this border-top: 1px solid #980045; border-right: 0; border-bottom: 0; border-left: 0; or this border-style: solid; border-width: 1px 0 0 0; border-color: #980045; Cheers, jens -- Jens Brueckmann http://www.yalf.de __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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: s appear above objects of higher z-index
Hi Barney, > I'm getting a nasty little déja-vu over a device on my site whereby a > javascript-powered pseudo-popup with unconstestably high x-index is > getting poluted by elements in the form under it. This seems to be a well-known bug in IE. More information about the bug and a solution to the problem can be found at http://tanny.ica.com/ICA/TKO/tkoblog.nsf/dx/Select-tag-overlap-in-IE Cheers, jens -- Jens Brueckmann http://www.yalf.de __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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 to suppress default hypertext link 'hover' borders?
Hi Michael, there is a CSS method described by Stu Nicholls at http://www.cssplay.co.uk/menu/nodots.html and a javascript method by David Dorward: http://blog.dorward.me.uk/2006/01/13/focus.html Before removing these borders I recommend reading David's article. These borders do not exist just for fun but for accessibility. Cheers, jens -- Jens Brueckmann http://www.yalf.de __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] conditional comments
Hi John, > > > shows at the top of the page on a white line. adding a space after the first two dashes and before the second double dashes should solve your problem. Cheers, jens -- Jens Brueckmann http://www.yalf.de __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] CSS color names values versus accessibility
On 30/03/07, Jukka K. Korpela <[EMAIL PROTECTED]> wrote: > If you use the shortcuts _only_, you are limiting yourself to > 256 colors, which often isn't very restrictive but doesn't mean > actual benefits either. Actually 16×16×16 = 4096 colours are possible. Cheers, jens -- Jens Brueckmann http://www.yalf.de __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] s inside inline s break free of their containers
Hi Rob, > No problem, it gets even weirder in IE aswell, they have a display rule > called 'inline-block' (!?) which is nowhere in the w3c spec. I would like to draw your attention to the following: http://www.w3.org/TR/CSS21/visuren.html#value-def-inline-block Cheers, jens -- Jens Brueckmann http://www.yalf.de __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] s inside inline s break free of their containers
Hi Barney, > I have this tree: > > > > > > > Hi > > > > > please keep in mind that the CODE element is an inline element which should not contain other block elements like DIV, UL, LI. Cheers, jens -- Jens Brueckmann http://www.yalf.de __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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 text problem
Hi Chris, > For some weird reason, the first few words of text in my "content" > DIV jump right out of the paragraph *depending on what the text is*. > > Problem child: > http://www.polarissc.com/csstest/about2.html > > With an extra letter added to the first paragraph, it displays fine: > http://www.polarissc.com/csstest/about2.html URI of the problem page seems to be http://www.polarissc.com/csstest/about.html I could reproduce your problem in Firefox, but not in Opera or IE, which display the paragraph just fine. The problem is caused by the right float of your menu span: If you substitute float: right by text-align: right and change the SPAN element to DIV, everything is fine again. May I even suggest you using unordered lists for menus instead of your current approach. And please be aware that your comment syntax in the markup is wrong and may cause problems: Please use the following instead: Cheers, jens -- Jens Brueckmann http://www.yalf.de __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] forms not displaying correctly
Hi Phil, > the sign up boxes aren't displaying correctly > > http://www.yourplanetneedsyou.org/ I did not check in IE7 but IE6 SP1, Opera 9.10 and Firefox 2.0.0.1 on Windows 2000. I am not quite sure how the boxes should be displayed, but on a related issue, in Opera and Firefox the page is abysmally long. Removing the following three properties from #navbox corrects these issues: margin-bottom: -32767px; padding-bottom: 32767px; overflow: hidden; Cheers & Happy New Year! jens -- Jens Brueckmann http://www.yalf.de __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] css rule not working
Hi Jon, > I've just created a class called "homepage-box" within an id called > "content". However, my css rule "#content.homepage-box" does not show any > rules I set [...] > #content.homepage-box Your selector refers to any element which has an id attribute of value "content" AND a class attribute of value "homepage-box". What you want is an element, which has your class attribute and is a descendand of another element with id "content". Mind the gap! This selector has a space between #content and .homepage-box: #content .homepage-box When in doubt about the meaning of certain selectors you will certainly find the Selectoracle quite useful: http://gallery.theopalgroup.com/selectoracle/ Cheers, jens -- Jens Brueckmann http://www.yalf.de __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] Test Navigation Incorporated into Site - Doesn't Work
Hi Matthew, > My CSS Document: http://www.eddysound.com/tams/style/help.css > > As you can see, when I place the navigation into my HTML document and add > the CSS into my help.css file, something strange happens. On top of > everything, the list style reappears in every browser but IE.. Weird! Any > ideas on how to make this navigation function? you make use of SGML comment syntax in your Style sheet instead of CSS comments, e.g. you use instead of /* beginning of left navigation styles */ Please change your erroneous syntax and see if the flawed rendering still remains. 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] Is this doable using css? (align, margin, headers)
Hi Erik,
> I have a tricky question.
>
> First have a look at this image http://dev.heureka.se/CSSProblem.jpg .
>
> Without changing the html markup I want to align the anchors along the
> red line (~100px from the left edge). The emphasized text can be of
> different lengths.
>
>
>
> Säljes
> Dior skor
> (13 jul)
>
> ...
>
Consider giving the EM element a fixed width corresponding to the
images' width and float it left.
To keep the text aligned with the following link also change the line
height to 1.2/0.7, which is approximately 1.71:
.adblock h2 em { /* AdType */
font-size : 0.7em;
font-style: normal;
text-transform: uppercase;
display : block;
float : left;
width : 100px; /* image width */
line-height : 1.71em;
}
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
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/
Re: [css-d] Interesting IE Issue
Hi Tim,
> I've got an odd issue with IE (both PC and Mac) on this site:
> http://www.thesitedoctor.co.uk/BVS/Example.htm there should be a border and
> background to the h1 "Dasyatidae (Stingrays)".
I do not know whether this bug has any name or why this issue occurs
in IE, but setting the position property of the H1 heading to
relative, resolves this issue:
#contentMain h1
{
position: relative;
}
Hope that helps.
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] css speed
2005/12/14, kenny heaton <[EMAIL PROTECTED]>: > I've heard talk about how much faster css is at rendering pages than > table layouts, but I've never seen the proof (actual statistics). I > was wondering if anyone knew of a study on this. I think the major difference is that tables are usually not rendered incrementally. Incremental rendering of tables is achieved using the WIDTH attribute on the TABLE element and COL elements. Then again, the COL element is rarely used in table layouts. The use of the fixed table layout algorithm may speed up page rendering. But with this algorithm every flexibility is lost. In my opinion it should be used with great care. More detailed information is available from the HTML 4.01 Recommendation about tables at http://www.w3.org/TR/REC-html40/struct/tables.html#h-11.2.1 and in Appendix B of said Recommendation, covering, amongst others, performance issues: http://www.w3.org/TR/REC-html40/appendix/notes.html#notes-tables Cheers, -- Jens Brueckmann http://www.yalf.de __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
