Re: [css-d] IE6 peculiarity - need help to sort it

2009-04-09 Thread Kenny Leu
I agree with your mantra.  :)

I simply mentioned it for completeness' sake, in case others had the same
issue (like I did) but didn't find the answer from reading the thread.

Best,
Kenny
__
css-discuss [cs...@lists.css-discuss.org]
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] Padding Browser Issue

2009-04-09 Thread taestrada
In IE7, the photos and the 2009-2010 Outdoor Programs have the same padding
and the tops line up (as intended). But in Firefox, the Outdoor Programs box
is about 9 pixels higher. I can't figure out why. Any ideas?

 

http://wildernessawareness.org/index1.html

 

Thank you

 

Alix Estrada
Web Studio 180
 http://www.webstudio180.com www.webstudio180.com
Web Design | Development | Usability 

 

__
css-discuss [cs...@lists.css-discuss.org]
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] IE6 peculiarity - need help to sort it

2009-04-09 Thread Peter Hammarling
Kenny, thanks for that tip - it is a neat solution. But seeing as the  
negative margin worked for me I'm going to leave well alone, guided by  
the motto If it isn't broken, don't fix it.  Peter H.
__
css-discuss [cs...@lists.css-discuss.org]
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] Padding Browser Issue

2009-04-09 Thread Els
taestrada wrote:

 In IE7, the photos and the 2009-2010 Outdoor Programs have the same
 padding and the tops line up (as intended). But in Firefox, the
 Outdoor Programs box is about 9 pixels higher. I can't figure out
 why. Any ideas?

 http://wildernessawareness.org/index1.html

The top margin of the h2 collapses with the top margin of the 
#rightCol, forcing the #sidebar1 to extend upwards to encompass the 
h2's margin.

Fix: set that h2 inside #sidebar1 to have a top-margin of 0, or add a 
border-top to #sidebar1.

-- 
Els

__
css-discuss [cs...@lists.css-discuss.org]
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] Padding Browser Issue

2009-04-09 Thread Philippe Wittenbergh

On Apr 9, 2009, at 3:56 PM, taestrada wrote:

 In IE7, the photos and the 2009-2010 Outdoor Programs have the same  
 padding
 and the tops line up (as intended). But in Firefox, the Outdoor  
 Programs box
 is about 9 pixels higher. I can't figure out why. Any ideas?



 http://wildernessawareness.org/index1.html

This:
#sidebar1 h2 { /*stylesWAS1.css (line 121)*/
...
margin-top:-10px; /* !-- */
}
pulls the h2 upwards inside the margin box. That is the correct  
behaviour (margin-collapsing). IE 6  7 are prevented from doing this  
due to the hasLayout triggers on the parent box (#sidebar1).

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





__
css-discuss [cs...@lists.css-discuss.org]
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] Trying to emulate a LaTeX trick in CSS...

2009-04-09 Thread Cristian Palmas
2009/4/9 Chris Lee c...@mg8.org

 In LaTeX, there's a package called 'tracking' which provides a few
 methods that will adjust letter spacing to fit a given chunk of text
 content to a specified width.

 I'd like to replicate the effect of:

 \fittrack{66ex}{$chapter}

 (where $chapter is likely to be a string that looks like CHAPTER 9
 or CHAPTER 102)

 Since the length of the string will vary, a fixed letter-spacing size
 for all of the headings will result in a different width for
 single-digit chapters versus double-digit chapters (or triple-digit
 chapters).

 I was hoping that maybe I could do something like:

 div.tracked {
  width: 66ex;
  letter-spacing: auto;
 }

 but that doesn't seem to work in any browsers I've tried, since 'auto'
 isn't a valid value for the letter-spacing property.

 Any ideas? I guess I could just center the text and then work out a
 letter-spacing value that would be close enough for most things, but
 that feels like cheating to me. :)


Hi Chris,

Let me understand further...
If I got it, you want that all the chapter titles are in fixed width box
and, on second the length of the string, you want to adjust the letter
spacing in order to fit every chapter string title in the same box width.
Am I right?

By the way, the ex measure unit in CSS does not exist for width. You can
use, on second your needs: px, pt (I recommend to use only for print
styles), % or em.
See http://www.w3.org/TR/CSS21/visudet.html#propdef-width for further info.
Regards

-- 
~ Cristian Palmas ~
http://www.cristianpalmas.it
__
css-discuss [cs...@lists.css-discuss.org]
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] Problem with a header image in Opera 9.64

2009-04-09 Thread Krystian - Sunlust
Hi,

I'm using Opera 9.64 on Windows 7 Beta.

This website:
http://maleconcept.com/test/

Has the header image centered right, but on opera it slides a bit to the left.

Any ideas what bug is causing it or how to fix it?

Regards,

-- 
Krystian Szastok
Affordable, Freelance Web Designer in Eastbourne, East Sussex:
http://smewebsolutions.co.uk
Mobile UK (Orange): 07528 036 337
Call for more information or email me.
__
css-discuss [cs...@lists.css-discuss.org]
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] Trying to emulate a LaTeX trick in CSS...

2009-04-09 Thread Cristian Palmas
2009/4/9 Philippe Wittenbergh e...@l-c-n.com


 On Apr 9, 2009, at 5:19 PM, Cristian Palmas wrote:

  By the way, the ex measure unit in CSS does not exist for width.
  You can
  use, on second your needs: px, pt (I recommend to use only for
  print
  styles), % or em.
  See http://www.w3.org/TR/CSS21/visudet.html#propdef-width for
  further info.

 That is incorrect. It is certainly possible to use 'ex' for width.

 the quote URL says:
  Value:length | percentage | auto | inherit


 length brings us to
 http://www.w3.org/TR/CSS21/syndata.html#value-def-length

  There are two types of length units: relative and absolute. Relative
  length units specify a length relative to another length property.
  Style sheets that use relative units will more easily scale from one
  medium to another (e.g., from a computer display to a laser printer).
 
  Relative units are:
 
  * em: the 'font-size' of the relevant font
  * ex: the 'x-height' of the relevant font
  * px: pixels, relative to the viewing device


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


It seems I should have got further in the search... There always is
something new to learn about...
Thanks Philippe.

-- 
~ Cristian Palmas ~
http://www.cristianpalmas.it
__
css-discuss [cs...@lists.css-discuss.org]
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] Problem with a header image in Opera 9.64

2009-04-09 Thread Gunlaug Sørtun
Krystian - Sunlust wrote:

 http://maleconcept.com/test/
 
 Has the header image centered right, but on opera it slides a bit to 
 the left.

Something strange about that '.gif', but only Opera (all versions - at
least back to Op7.20) seems to react on it.

If I send the image through PhotoShop and saves it for web again - as
'.gif' or 8bit '.png', it lines up as intended but with white areas at
both sides. Those white areas are there in the original 2000px wide image.

I would reduce the image-canvas in width so the white areas at both
sides disappear - that's 1872px wide canvas with the image offset ever
so slightly (1px) to the right, and save it for web as either '.gif' or
'.png'.
That will make the header-image line up exactly as intended in
all browsers, and make it appear right on all window widths - tested on
3800px wide windows in Opera, Firefox and IE.

regards
Georg
-- 
http://www.gunlaug.no
__
css-discuss [cs...@lists.css-discuss.org]
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] Problem with a header image in Opera 9.64

2009-04-09 Thread Els
Krystian - Sunlust wrote:

 I'm using Opera 9.64 on Windows 7 Beta.

 This website:
 http://maleconcept.com/test/

 Has the header image centered right, but on opera it slides a bit
 to the left.

 Any ideas what bug is causing it or how to fix it?

I see the same effect in Opera 9.63 on Windows XP.

Somehow Opera makes the image longer than it is.
If you set the position to 'right top' instead of  '50% 0', you'll see 
that the grey block on the right is double the width.
This is not a problem with the image itself, as when I call it in the 
browser separately, it shows it correctly, 5 equal size grey blocks on 
either side of the image.

I'd say it's a bug, but I don't know what causes it. I'd be interested 
to see what happens if that image would have two thin red borders on 
left and right side - would that red border be extended for 100 
pixels, or is there something else happening?

-- 
Els

__
css-discuss [cs...@lists.css-discuss.org]
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] Trying to emulate a LaTeX trick in CSS...

2009-04-09 Thread Philippe Wittenbergh

On Apr 9, 2009, at 5:19 PM, Cristian Palmas wrote:

 By the way, the ex measure unit in CSS does not exist for width.  
 You can
 use, on second your needs: px, pt (I recommend to use only for  
 print
 styles), % or em.
 See http://www.w3.org/TR/CSS21/visudet.html#propdef-width for  
 further info.

That is incorrect. It is certainly possible to use 'ex' for width.

the quote URL says:
 Value:length | percentage | auto | inherit


length brings us to
http://www.w3.org/TR/CSS21/syndata.html#value-def-length

 There are two types of length units: relative and absolute. Relative  
 length units specify a length relative to another length property.  
 Style sheets that use relative units will more easily scale from one  
 medium to another (e.g., from a computer display to a laser printer).

 Relative units are:

 * em: the 'font-size' of the relevant font
 * ex: the 'x-height' of the relevant font
 * px: pixels, relative to the viewing device

Whether you'll get consistent results in browser is a different  
matter. On Windows, the ex unit is really broken in Safari 4b+/Chrome,  
well implemented in IE 8 (Vista and Win 7 only) and Gecko browsers.  
Opera always treated it as 1/2 em. On Mac, it is half-broken in Safari  
4b+; it works fine in Gecko based browsers.

As for the original question, as asked, that cannot be done in CSS –  
yet. Some kind of text-justify value would do, but atm not implemented  
in any browser.
This maybe (future !):
http://www.w3.org/TR/css3-text/#text-justify

maybe some javascript trick might do.


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





__
css-discuss [cs...@lists.css-discuss.org]
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] Intermittent IE 7 problem

2009-04-09 Thread Rebecca Mazur
Certainly.

Here's the way it should look:

http://theredsetter.com/test/ie7mistake_good.jpg

Here's what it does sometimes that it shouldn't:

http://theredsetter.com/test/ie7mistake_bad.jpg

Note that the good screenshot was taken after refreshing the bad, so you're 
looking at the same page in the same browser, with a refresh in between.

~Rebecca

Krystian - Sunlust wrote:
 Couldn't reproduce IE 8 Windows7, Opera 9.64 Windows7, Firefox 3.0.7.
 Either they all produced the bug, or even I force refreshed few times,
 haven't procued the bug.
 
 Please upload a screenshot of how it should look.
 
 Regards,
 
 
__
css-discuss [cs...@lists.css-discuss.org]
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] Intermittent IE 7 problem

2009-04-09 Thread Gunlaug Sørtun
Rebecca Mazur wrote:
 If someone could just recognize and name the bug for me, that would 
 be a help, as then I could go searching for solutions.

 http://www.kenyon.edu/x12305.xml

The bug is clear enough, but finding a fix isn't.

I found it easier to reproduce the problem in IE6 - multiple times, and
that IE-version also shows clearly that one can fix the problem by
cleaning up the source-code. I used HTML Tidy on a local copy.

Once it becomes stable in IE6 it is also perfectly stable in IE7.
However, trying to analyze what my Tidy actually did that fixed it isn't
easy since I can't use the validator on your original.

regards
Georg
-- 
http://www.gunlaug.no
__
css-discuss [cs...@lists.css-discuss.org]
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] Float and Width

2009-04-09 Thread Del Wegener
I have two questions.  Both arise because I get warnings when validating 
css.
Both are illustrated at
http://www.drdelmath.com/playpen/test1_float.htm

1)  It seems to me that I have declared a width for the classes 
left_objectives and right_objectives, but the validator warns me I need 
a width.  If I move width:47%; into each of the individual styles the 
warning disappears.  Should I duplicate width:47% or live with the warning?

2) I display many different size images and want them to be on the right 
edge of the view window.  So I have a class called image_right whose style 
does not contain a width declaration because I use many different size image 
as shown on the test page.  Should I live with the warning or is there a 
better way to position my images?

Thanks

Del 


__
css-discuss [cs...@lists.css-discuss.org]
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] 3 column expanding center column CSS

2009-04-09 Thread Yazmin Media
I've been doing a search through a lot of 3 column CSS layout examples, but
I'm getting the feeling that what I want cannot be done.

I need to setup a 3-column, fixed width layout that allows the center column
to expand in width when necessary. For example, say I have a fixed width
3-column design wrapped in a 900px div. If I insert content in the middle
column that is 1000px by itself, I need the center column to expand to
accommodate the 1000px content width while expanding the 900px div as well.
Is this even possible?

-- 
Yazmin
__
css-discuss [cs...@lists.css-discuss.org]
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] Float and Width

2009-04-09 Thread Bobby Jack

--- On Thu, 4/9/09, Del Wegener d...@delweg.com wrote:

 ... I get warnings when validating css.

 http://www.drdelmath.com/playpen/test1_float.htm

Which validator are you using? W3C's gave no errors when I tried it.

- Bobby
__
css-discuss [cs...@lists.css-discuss.org]
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] 3 column expanding center column CSS

2009-04-09 Thread Bobby Jack

--- On Thu, 4/9/09, Yazmin Media ywick...@gmail.com wrote:

 I need to setup a 3-column, fixed width layout that allows
 the center column to expand in width when necessary.

That's a bit of an oxymoron, but if you want the middle column to be no smaller 
than a certain width, you can use min-width.

- Bobby
__
css-discuss [cs...@lists.css-discuss.org]
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] double borders. A different story in IE?

2009-04-09 Thread Divya Manian
On 4/2/09 6:30 AM, Jon Wickström jon.wickst...@arrak.fi wrote:

 The look I'm after is a double border with the inner border the same color
 as the parent bg, and the outer the element bg. This I get in all sane
 browsers by specifying the parent bg as the border color and the border style
 double. This gives me a separated border with the element bg color. In the
 example I use red, not the parent backgroundborder color, to see the border
 clearly.
 
 The green border is just for your viewing pleasure. It is a div used for
 markup to center the menu. If anybody has a cleaner centering-solution, I'd
 bee happy to look at it.
 
 For a test-case see:
 http://www.ekebodagis.fi/ekebo/test.html


IE is rendering your page in quirks mode because of the xml namespace
declaration on top. Remove that and serve the page as content type text/html
or use HTML 4 Strict if necessary.

- divya


__
css-discuss [cs...@lists.css-discuss.org]
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] Padding Browser Issue

2009-04-09 Thread taestrada


-Original Message-
From: Els [mailto:el...@tiscali.nl] 
Sent: Thursday, April 09, 2009 12:19 AM
To: taestrada; css-d@lists.css-discuss.org
Subject: Re: [css-d] Padding Browser Issue

taestrada wrote:

 In IE7, the photos and the 2009-2010 Outdoor Programs have the same
 padding and the tops line up (as intended). But in Firefox, the
 Outdoor Programs box is about 9 pixels higher. I can't figure out
 why. Any ideas?

 http://wildernessawareness.org/index1.html

The top margin of the h2 collapses with the top margin of the 
#rightCol, forcing the #sidebar1 to extend upwards to encompass the 
h2's margin.

Fix: set that h2 inside #sidebar1 to have a top-margin of 0, or add a 
border-top to #sidebar1.

-- 
Els

Thank you so much to you and Phillipe. I will try your fixes tonight.

Alix

__
css-discuss [cs...@lists.css-discuss.org]
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] 3 column expanding center column CSS

2009-04-09 Thread Ian Young
 -Original Message-
 From: css-d-boun...@lists.css-discuss.org [mailto:css-d-
 boun...@lists.css-discuss.org] On Behalf Of Yazmin Media
 Sent: 09 April 2009 14:48
 To: css discuss
 Subject: [css-d] 3 column expanding center column CSS
 
 I've been doing a search through a lot of 3 column CSS layout examples,
 but
 I'm getting the feeling that what I want cannot be done.
 
 I need to setup a 3-column, fixed width layout that allows the center
 column
 to expand in width when necessary. For example, say I have a fixed
 width
 3-column design wrapped in a 900px div. If I insert content in the
 middle
 column that is 1000px by itself, I need the center column to expand to
 accommodate the 1000px content width while expanding the 900px div as
 well.
 Is this even possible?

First question one would ask. Why would you want a centre column so wide
that it would break out of its wrapping div?
However, I guess if you set the div to act like a table then I guess it
would do what you want or have I missed the point?

Best

Ian
IY e-Solutions

__
css-discuss [cs...@lists.css-discuss.org]
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] Float and Width

2009-04-09 Thread David Dorward
2009/4/9 Del Wegener d...@delweg.com:
 I have two questions.  Both arise because I get warnings when validating
 css.

There was a requirement that any floated element have a specified
width in CSS 2. This requirement was dropped in CSS 2.1 and the
warning is due to be removed from the next release of the W3C CSS
validator.

You can safely ignore it (unless dealing with exceptionally old browsers).

-- 
David Dorward http://dorward.me.ukhttp://blog.dorward.me.uk
__
css-discuss [cs...@lists.css-discuss.org]
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] Float and Width

2009-04-09 Thread Ian Young


 From: css-d-boun...@lists.css-discuss.org [mailto:css-d-
 boun...@lists.css-discuss.org] On Behalf Of Del Wegener
 Sent: 09 April 2009 14:28
 To: css
 Subject: [css-d] Float and Width
 
 I have two questions.  Both arise because I get warnings when
 validating
 css.
 Both are illustrated at
 http://www.drdelmath.com/playpen/test1_float.htm
 
 1)  It seems to me that I have declared a width for the classes
 left_objectives and right_objectives, but the validator warns me I
 need
 a width.  

Maybe I am being thick here, but I cannot see the issue. I have checked the
CSS with the validator and it passes.
However, may I suggest that you define the body background colour. It came
up pink on my Opera which has pink specified as background.

Cheers

Ian
IY e-Solutions

__
css-discuss [cs...@lists.css-discuss.org]
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] Float and Width

2009-04-09 Thread David Laakso
Del Wegener wrote:
 I have two questions.  Both arise because I get warnings when validating 
 css.
 Both are illustrated at
 http://www.drdelmath.com/playpen/test1_float.htm

  Should I live with the warning or is there a 
 better way to position my images?



 Del 
   


The answer to your questions/problems in my opinion has nothing to do 
with CSS or the w3c validation service.
I think you have a very fundamental and basic design problem that needs 
to be resolved. Namely positioning content on the page such that users 
of average intelligence will understand what you are attempting to 
convey when they land on the page. And set the line-measure so that it 
does not extend from San Francisco to Manhattan. This is one of many 
ways you might do it.
http://chelseacreekstudio.com/ca/cssd/test-121.html
__
css-discuss [cs...@lists.css-discuss.org]
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] Intermittent IE 7 problem

2009-04-09 Thread Rebecca Mazur
I did a copy-and-paste validation and only found a couple of unencoded  two 
missing alts, and an xmlns attribute that I need to get rid of--I can't imagine 
those being the trouble.  They're not things I want in there, and I should find 
and fix them regardless, but they're not the sort of thing that I imagine even 
IE would choke on.  Have you had experience with browsers breaking on those 
particular validation errors?  I'm curious now, because I may not be able to 
fix 
them. We're on a CMS, and it does bizarre things to code; sometimes I can 
wrestle it into submission, sometimes not.

~Rebecca

Gunlaug Sørtun wrote:
 Rebecca Mazur wrote:
 If someone could just recognize and name the bug for me, that would be 
 a help, as then I could go searching for solutions.
 
 http://www.kenyon.edu/x12305.xml
 
 The bug is clear enough, but finding a fix isn't.
 
 I found it easier to reproduce the problem in IE6 - multiple times, and
 that IE-version also shows clearly that one can fix the problem by
 cleaning up the source-code. I used HTML Tidy on a local copy.
 
 Once it becomes stable in IE6 it is also perfectly stable in IE7.
 However, trying to analyze what my Tidy actually did that fixed it isn't
 easy since I can't use the validator on your original.
 
 regards
 Georg
__
css-discuss [cs...@lists.css-discuss.org]
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] Intermittent IE 7 problem

2009-04-09 Thread Gunlaug Sørtun
Rebecca Mazur wrote:
 Have you had experience with browsers breaking on those particular 
 validation errors?

No. Old IE will eat, ignore or correct such minor errors, same as
other browsers.

I have seen IE do many strange things when served compacted source-code
though, and your markup is pretty compact.
Can't say for sure, but my (original) Tidy is set to unpack and line
up markup in ways I know old IE/win is happy with, and that may have
made all the difference.

regards
Georg
-- 
http://www.gunlaug.no
__
css-discuss [cs...@lists.css-discuss.org]
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] Intermittent IE 7 problem

2009-04-09 Thread David Laakso
Gunlaug Sørtun wrote:
 Rebecca Mazur wrote:
   
 Have you had experience with browsers breaking on those particular 
 validation errors?
 

 No. Old IE will eat, ignore or correct such minor errors, same as
 other browsers.

 I have seen IE do many strange things when served compacted source-code
 though, and your markup is pretty compact.
 Can't say for sure, but my (original) Tidy is set to unpack and line
 up markup in ways I know old IE/win is happy with, and that may have
 made all the difference.

 regards
   Georg
   

Rebecca,

When I ran your file through Tidy http://infohound.net/tidy/ I set it 
to indent-- no, indent space-- 0, wrap-- 900. This unpacks it and 
pulls out zillions of little deeply nested issues.

~d
__
css-discuss [cs...@lists.css-discuss.org]
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] Wrap text in li

2009-04-09 Thread Chike Loney
Hi guys, can anuyone tell me how to wrap text in a list item please?

Thnx




Sent from my BlackBerry® wireless device available from bmobile.
__
css-discuss [cs...@lists.css-discuss.org]
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] Wrap text in li

2009-04-09 Thread Bobby Jack

--- On Thu, 4/9/09, Chike Loney chikelo...@gmail.com wrote:

 Hi guys, can anuyone tell me how to wrap text in a list item
 please?

Sure:

litext/li

:-)

Of course, you're /probably/ not asking for that, but it would be useful to 
have a BIT more detail. Do you mean 'dynamically'? If so, you want to be 
looking at javascript for that, not CSS. Do you mean 'wrap' as in what happens 
when text won't fit within the width of one line? That should happen 
automatically, but you can reduce the width of the parent ul/ol with the CSS 
width property. I can't think what else you might mean.

- Bobby 
__
css-discuss [cs...@lists.css-discuss.org]
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] Wrap text in li

2009-04-09 Thread Chike Loney
Lol sry

I ddint use a parent ul but even though the text in the li is not wrapping, 
meaning I want it to display within a certain area so if ther is more than one 
line of text it wud automatically skip to a next line and align itself...





Sent from my BlackBerry® wireless device available from bmobile.

-Original Message-
From: Bobby Jack bobbykj...@yahoo.co.uk

Date: Thu, 9 Apr 2009 18:59:59 
To: CSS-Dcss-d@lists.css-discuss.org
Subject: Re: [css-d] Wrap text in li



--- On Thu, 4/9/09, Chike Loney chikelo...@gmail.com wrote:

 Hi guys, can anuyone tell me how to wrap text in a list item
 please?

Sure:

litext/li

:-)

Of course, you're /probably/ not asking for that, but it would be useful to 
have a BIT more detail. Do you mean 'dynamically'? If so, you want to be 
looking at javascript for that, not CSS. Do you mean 'wrap' as in what happens 
when text won't fit within the width of one line? That should happen 
automatically, but you can reduce the width of the parent ul/ol with the CSS 
width property. I can't think what else you might mean.

- Bobby 
__
css-discuss [cs...@lists.css-discuss.org]
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 [cs...@lists.css-discuss.org]
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] Wrap text in li

2009-04-09 Thread divya manian
It would be great if you have a url and then present what is the
current behavior (which browser/os) and what is the expected behavior.


On Thu, Apr 9, 2009 at 8:04 AM, Chike Loney chikelo...@gmail.com wrote:
 Lol sry

 I ddint use a parent ul but even though the text in the li is not 
 wrapping, meaning I want it to display within a certain area so if ther is 
 more than one line of text it wud automatically skip to a next line and align 
 itself...





 Sent from my BlackBerry® wireless device available from bmobile.

 -Original Message-
 From: Bobby Jack bobbykj...@yahoo.co.uk

 Date: Thu, 9 Apr 2009 18:59:59
 To: CSS-Dcss-d@lists.css-discuss.org
 Subject: Re: [css-d] Wrap text in li



 --- On Thu, 4/9/09, Chike Loney chikelo...@gmail.com wrote:

 Hi guys, can anuyone tell me how to wrap text in a list item
 please?

 Sure:

 litext/li

 :-)

 Of course, you're /probably/ not asking for that, but it would be useful to 
 have a BIT more detail. Do you mean 'dynamically'? If so, you want to be 
 looking at javascript for that, not CSS. Do you mean 'wrap' as in what 
 happens when text won't fit within the width of one line? That should happen 
 automatically, but you can reduce the width of the parent ul/ol with the CSS 
 width property. I can't think what else you might mean.

 - Bobby
 __
 css-discuss [cs...@lists.css-discuss.org]
 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 [cs...@lists.css-discuss.org]
 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 [cs...@lists.css-discuss.org]
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] Javascript code - firefox vs explorer and spry menu bars

2009-04-09 Thread Tarah - Dome Cleaning, Inc.
Hey - I have this code %...@language=JAVASCRIPT CODEPAGE=65001% that is 
appearing on the top of my site when opened in firefox - but not explorer.

Here is my site in progress: 
www.domecleaning.com/devhttp://www.domecleaning.com/dev

It was suggested to remove the tag from my code, but when I do that, the 
background on my spry menu bar on the drop down changes from a box around the 
text, to being a jagged end - ending at where the text ends. Does anyone know 
how to hide this code so that it won't appear in firefox?

-  Tarah
__
css-discuss [cs...@lists.css-discuss.org]
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] Wrap text in li

2009-04-09 Thread Climis, Tim
 I ddint use a parent ul but even though the text in the li is not 
 wrapping, meaning I want it to
 display within a certain area so if ther is more than one line of text it wud 
 automatically skip to 
 a next line and align itself...

Huh?  If you have an li it needs to be in a ul, ol, or menu (and you 
shouldn't really use menu.  It's deprecated). That's the rules. That could be 
one source of your problem.

But if you want to limit it to a particular width, that's what the width 
property is for.

Something like:
li {
  width: 25%;
}

Or even better
ul (or whatever list container you're using) {
  width: 25%;
}

---Tim
__
css-discuss [cs...@lists.css-discuss.org]
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] Intermittent IE 7 problem

2009-04-09 Thread David Laakso
Rebecca Mazur wrote:
 The big difference is that our stuff shouldn't ride all the way to the 
 bottom of the screen like that.   Bottom of footer and bottom of 
 content should line up (with content just being content; no big gaps), 
 unless footer + subnavigation  content, in which case the footer 
 should bump down far enough to not overlap the subnav.  It's hard to 
 explain, really it is :(  I'm thinking that there must not be a 
 solution to this one, which is really a problem, since it's not like 
 we can ditch the design now!

 Thanks for fiddling with it, though!

 ~Rebecca

Please see reply below...





 Not sure I understand what all the issues and requirements for 
 solution are in the first place, other than I get the footer 
 ride-up/crossover on this page, too-- in IE 6/7:
 http://www.kenyon.edu/x12305.xml

 This seems to hold in XP IE 6/7 on this end, but whether it meets all 
 your requirements and will hold on any other machine than mine is 
 questionable...
 http://chelseacreekstudio.com/ca/cssd/yon.htm
 css
 http://chelseacreekstudio.com/ca/cssd/yon_files/kenyon00.css
 ~d




Then delete this to close the gap:
#masthead
{
float:left;
/*padding-bottom:240px; delete*/
width:284px;
padding-right:15px;
}

And seek a scripting solution?

PS Please bottom post. Thanks.











__
css-discuss [cs...@lists.css-discuss.org]
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] double borders. A different story in IE?

2009-04-09 Thread Michael Adams
On Thu, 09 Apr 2009 07:16:29 -0700
Came this utterance formulated by Divya Manian to my mailbox:

 On 4/2/09 6:30 AM, Jon Wickström jon.wickst...@arrak.fi wrote:
 
  The look I'm after is a double border with the inner border the
  same color as the parent bg, and the outer the element bg. This I
  get in all sane browsers by specifying the parent bg as the border
  color and the border styledouble. This gives me a separated border
  with the element bg color. In the example I use red, not the parent
  backgroundborder color, to see the border clearly.
  
  The green border is just for your viewing pleasure. It is a div used
  for markup to center the menu. If anybody has a cleaner
  centering-solution, I'd bee happy to look at it.
  
  For a test-case see:
  http://www.ekebodagis.fi/ekebo/test.html
 
 
 IE is rendering your page in quirks mode because of the xml namespace
 declaration on top. Remove that and serve the page as content type
 text/html or use HTML 4 Strict if necessary.
 

Divya - I disagree. IE7 handles the XML declaration fine in standards
mode[1]. Although i see it on line 8 when it should always be on line 1.
IMHO IE less than IE7 should always be in quirks mode and the XML
declaration will achieve this. 

Jon - I am on linux here at home so no IE running. Will look at it at
work later today but you may already have an answer by then.

[1] http://blogs.msdn.com/ie/archive/2005/09/15/467901.aspx

-- 
Michael

All shall be well, and all shall be well, and all manner of things shall
be well

 - Julian of Norwich 1342 - 1416
__
css-discuss [cs...@lists.css-discuss.org]
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] Javascript code - firefox vs explorer and spry menu bars

2009-04-09 Thread Al Sparber
 From: Tarah - Dome Cleaning, Inc. ta...@domecleaning.com
 Hey - I have this code %...@language=JAVASCRIPT CODEPAGE=65001% that is 
 appearing on the top of my site when opened in firefox - but not explorer.

The code is unnecessary and should be removed.

 It was suggested to remove the tag from my code, but when I do that, the 
 background on my spry menu bar on the drop down changes from a box around 
 the text, to being a jagged end - ending at where the text ends. Does 
 anyone know how to hide this code so that it won't appear in firefox?

Remove the Code, then get customer support from Adobe to fix your menu.

-- 
Al Sparber - PVII
http://www.projectseven.com
Dreamweaver Menus | Galleries | Widgets
http://www.projectseven.com/go/apm
An Accessible  Elegant Accordion




__
css-discuss [cs...@lists.css-discuss.org]
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] Wrap text in li

2009-04-09 Thread Jukka K. Korpela
Chike Loney wrote:

 I ddint use a parent ul

An li element without a parent ul or ol is a syntax error. All bets 
are off, CSS-wise and otherwise, then.

 but even though the text in the li is not wrapping,

You're not explaining what text is not wrapping in which sense. You need to 
provide a URL in order to get help with your problem.

 meaning I want it to display within a certain area so if
 ther is more than one line of text it wud automatically skip to a
 next line and align itself...

Are you trying to say that you would like to set a width on the li 
element?

-- 
Yucca, http://www.cs.tut.fi/~jkorpela/ 

__
css-discuss [cs...@lists.css-discuss.org]
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] Javascript code - firefox vs explorer and spry menu bars

2009-04-09 Thread Els
Tarah - Dome Cleaning, Inc. wrote:

 Hey - I have this code %...@language=JAVASCRIPT CODEPAGE=65001%
 that is appearing on the top of my site when opened in firefox -
 but not explorer.

 Here is my site in progress:
 www.domecleaning.com/devhttp://www.domecleaning.com/dev

 It was suggested to remove the tag from my code, but when I do
 that, the background on my spry menu bar on the drop down changes
 from a box around the text, to being a jagged end - ending at where
 the text ends. Does anyone know how to hide this code so that it
 won't appear in firefox?

A wild guess, and it's also OT for this list, but what happens if you 
rename index.html to index.asp?

-- 
Els

__
css-discuss [cs...@lists.css-discuss.org]
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] double borders. A different story in IE?

2009-04-09 Thread Michael Adams
On Thu, 02 Apr 2009 16:30:07 +0300
Came this utterance formulated by Jon Wickström to my mailbox:

 Hi,
 
 I'm trying to style a horizontal menu with double borders on the
 active LI menu item. There is some use of nested floating, as I want
 to use blocks for the LI to get them an even width. IE (7, haven't
 even tried 6) just gets it plain wrong (from my point of view). The
 double border seems to work differently in IE compared to all other
 browsers I've tried (FF, Opera, Chrome). IE renders the middle line
 in a double border transparent. All other browsers use the elements
 bg-color. IE also shows som strange stuff with the alignment. The
 borders overlap the parent elements borders. Some kind of collapsing
 borders in IE?!?! Is this really the case or is my CSS/HTML just
 broken in IE? One huch I have is that IE is using it's own box model,
 not the standard compliant? I vaguely remember something about IE not
 including the borders inside the box.
 
 The look I'm after is a double border with the inner border the same
 color as the parent bg, and the outer the element bg. This I get in
 all sane browsers by specifying the parent bg as the border color and
 the border style double. This gives me a separated border with the
 element bg color. In the example I use red, not the parent
 backgroundborder color, to see the border clearly.
 
 The green border is just for your viewing pleasure. It is a div used
 for markup to center the menu. If anybody has a cleaner
 centering-solution, I'd bee happy to look at it.
 
 For a test-case see:
 http://www.ekebodagis.fi/ekebo/test.html
 

Fix the errors in your xhtml first.
http://validator.w3.org/check?uri=http%3A%2F%2Fwww.ekebodagis.fi%2Fekebo%2Ftest.htmlcharset=%28detect+automatically%29doctype=Inlinegroup=0

-- 
Michael

All shall be well, and all shall be well, and all manner of things shall
be well

 - Julian of Norwich 1342 - 1416
__
css-discuss [cs...@lists.css-discuss.org]
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] Wrap text in li

2009-04-09 Thread Chike Loney
Yes, I would like to set a width within the li item itself



Sent from my BlackBerry® wireless device available from bmobile.

-Original Message-
From: Jukka K. Korpela jkorp...@cs.tut.fi

Date: Thu, 9 Apr 2009 22:25:56 
To: CSS-Dcss-d@lists.css-discuss.org
Subject: Re: [css-d] Wrap text in li


Chike Loney wrote:

 I ddint use a parent ul

An li element without a parent ul or ol is a syntax error. All bets 
are off, CSS-wise and otherwise, then.

 but even though the text in the li is not wrapping,

You're not explaining what text is not wrapping in which sense. You need to 
provide a URL in order to get help with your problem.

 meaning I want it to display within a certain area so if
 ther is more than one line of text it wud automatically skip to a
 next line and align itself...

Are you trying to say that you would like to set a width on the li 
element?

-- 
Yucca, http://www.cs.tut.fi/~jkorpela/ 

__
css-discuss [cs...@lists.css-discuss.org]
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 [cs...@lists.css-discuss.org]
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] :first-word?

2009-04-09 Thread Climis, Tim
I've got a newsletter that includes interviews in a Q and A format.

Usually, there's a question with a Q: in front of it, and then an answer with 
an A:.  But I just discovered an interview with two people that goes: Q: 
Neal: Kirsten:

My stylesheet currently uses :first-letter to style the Q and A.  But that just 
styles the N and K on Neal and Kirsten, and what I'd really like to do is style 
the whole word.

A first-word pseudo element would work perfectly in all my cases, but it 
appears that there is no :first-word pseudo element.  Is there some trick I can 
use as a substitute?

---Tim Climis
Computer Coordinator
International Services



__
css-discuss [cs...@lists.css-discuss.org]
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] css list test message

2009-04-09 Thread Wade Smart
20090409 1636 GMT-6

Im just sending this to the list to see if any of my posts show up. I 
have sent 8 in the past month and none have showed (that I can see) on 
the list.

Wade
-- 
Registered Linux User: #480675
Linux since June 2005
__
css-discuss [cs...@lists.css-discuss.org]
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] :first-word?

2009-04-09 Thread Bill Brown
Climis, Tim wrote:
 I've got a newsletter that includes interviews in a Q and A format.
 
 Usually, there's a question with a Q: in front of it, and then an
 answer with an A:.  But I just discovered an interview with two
 people that goes: Q: Neal: Kirsten:
 
 My stylesheet currently uses :first-letter to style the Q and A.  But
 that just styles the N and K on Neal and Kirsten, and what I'd really
 like to do is style the whole word.
 
 A first-word pseudo element would work perfectly in all my cases,
 but it appears that there is no :first-word pseudo element.  Is there
 some trick I can use as a substitute?

This depends on the context.
Do you have any links to a sample or maybe even a hint as to the HTML 
used for this example?

-- 
!--
  ! Bill Brown macnim...@gmail.com
  ! Web Developologist, WebDevelopedia.com
--
__
css-discuss [cs...@lists.css-discuss.org]
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] :first-word?

2009-04-09 Thread David Laakso
Climis, Tim wrote:
 I've got a newsletter that includes interviews in a Q and A format.

 Usually, there's a question with a Q: in front of it, and then an answer 
 with an A:.  But I just discovered an interview with two people that goes: 
 Q: Neal: Kirsten:

 My stylesheet currently uses :first-letter to style the Q and A.  But that 
 just styles the N and K on Neal and Kirsten, and what I'd really like to do 
 is style the whole word.

 A first-word pseudo element would work perfectly in all my cases, but it 
 appears that there is no :first-word pseudo element.  Is there some trick I 
 can use as a substitute?

 ---Tim Climis



   


Not with CSS at the moment.
An html substitute might be:
bname/b
css might read:
b {color:red; text-transform: uppercase;font-weight:normal;}
__
css-discuss [cs...@lists.css-discuss.org]
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] Intermittent IE 7 problem

2009-04-09 Thread David Laakso
Rebecca Mazur wrote:
 Hi David,

 I think I ran the same scan that you did, but I'm not sure, since the 
 only issues I got were some unescaped 's, a couple of missing alts, 
 and those blasted xmlns attributes that I can't seem to get rid of 
 (we're CMS based). Just wanted to check that that's all you saw.

 ~Rebecca

Oh, I guess that's about it...
Not sure I understand what all the issues and requirements for solution 
are in the first place, other than I get the footer ride-up/crossover on 
this page, too-- in IE 6/7:
http://www.kenyon.edu/x12305.xml

This seems to hold in XP IE 6/7 on this end, but whether it meets all 
your requirements and will hold on any other machine than mine is 
questionable...
http://chelseacreekstudio.com/ca/cssd/yon.htm
css
http://chelseacreekstudio.com/ca/cssd/yon_files/kenyon00.css
~d


__
css-discuss [cs...@lists.css-discuss.org]
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] AP's and IE

2009-04-09 Thread Alan King
You've probably heard this a million times, but I'm a newbie to CSS,  
so bear with me. I've done a lot of print and I thought I should  
finally do some web design. I put together a website using  
Dreamweaver and CSS on a Mac. I'm pretty happy with it. But in spite  
of my brave words that my work is cross-browser compliant, it isn't.  
It works beautifully in Fireworks, Netscape, Safari, Opera but in IE  
6 it's a mess.

I tried redoing it with floats using that negative margin thing that  
Eric does, but it just doesn't seem to work for me. Is there a fix  
for making IE impose my absolute positioned divs?

The URL is: http://www.helixdesign.ca

AK
__
css-discuss [cs...@lists.css-discuss.org]
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] Wrap text in li

2009-04-09 Thread Roberto Gorjão
Well, I think that, if you want help, you should help us a little more.
Please set an url or explain it more clearly. Does within mean that
you want to use a style attribute embeded in a specific li element? In
what circumstances? What's your goal? Anyway, it's probably better to
set an example and send the url...

Roberto

Chike Loney wrote:
 Yes, I would like to set a width within the li item itself
   

__
css-discuss [cs...@lists.css-discuss.org]
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] AP's and IE

2009-04-09 Thread Gunlaug Sørtun
Alan King wrote:
 Is there a fix for making IE impose my absolute positioned divs?
 
 http://www.helixdesign.ca

Yes.

IE6' disappearing A:P element next to a float bug can be problematic,
and not easy to fix in the stylesheet other than by abandoning either
the A:P or the float styling.
Separate absolute elements from floats in the markup, and IE6 will
render as intended.

How you separate them doesn't really matter, and I've just added a
number of br in there...
http://www.gunlaug.no/tos/alien/ak/test_09_0410.html
...as a demo for how it works.

-

Such a degree of absolute positioning of text-carrying elements makes
your design pretty fragile when exposed to font resizing in browsers
though...
http://www.gunlaug.no/tos/alien/ak/fx-sc.png
...so it would be better to ditch most absolute positioning and let the
entire layout adjust to the environment and various end-user options.

A better organized source-code with header and footer and two floating
columns with fixed width and auto-height, would be a good basis, and
there's no need to pull floats around with negative margins for a design
like yours - floating them left or right will do.

Proper use of background-color in addition to background-image on body.
will also help keep all text visible. Remember also that headlines as
background-images don't always make it through on their own.

regards
Georg
-- 
http://www.gunlaug.no
__
css-discuss [cs...@lists.css-discuss.org]
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] OT - Flash player works in FF3, but not in IE7

2009-04-09 Thread Scott Brasted
Greetings,

I know this is off-topic and I apologize, but I need to find out where 
to go for help.

I have a xspf audio player embedded in an object tag and it appears and 
works great in FF3, but the player does not appear in IE7. I get the 
same kind of place holder you get when a graphic cannot be found. A sort 
of box with a little icon in the upper left corner. One other thing, my 
web host won't server xspf pages,so the xspf file has been renamed to a 
.txt file and the object code has been so modified.

If any one knows anything about these kind of things or knows where to 
go for help I would be greatly appreciative.

http://www.adriennesgardenworks.com/radio.php with the link to listen. 
The object code is in a pop up window called by the listen link on 
radio.php.
Here is the object code in case it helps:

!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN
http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd; 

html xmlns=http://www.w3.org/1999/xhtml; xml:lang=en lang=en 

head
meta http-equiv=Content-Type content=text/xhtml; charset=ISO-8859-1 /
meta name=description content=Adrienne's Garden Works /
meta name=keywords content=Adrienne's Garden Works/
titleGarden Works Audio Player - Listen to Archived Radio Shows/title
!...@import directive Link to external css style sheet(s)--
style type=text/css
@import url(../css/gardenworks_main.css);
@import url(../css/gardenworks_popup.css);
/style
/head

body
div class=close_button
?php include (../php/includes_php/close_script_inc.php); ?
/div

div
p class=textPlease select a program to listen to by double 
clicking it below./p
/div

div class=player
object type=application/x-shockwave-flash width=400
height=170 
data=xspf_player.swf?playlist_url=http://www.adriennesgardenworks.com/radio_archive/lgg_2009.txtautoload=1;
param name=movie 
value=xspf_player.swf?playlist_url=http://www.adriennesgardenworks.com/radio_archive/lgg_2009.txtautoload=1;
 
/
/object
/div

/body
/html

Thanks and sorry for the OT post.
-- 
Scott Brasted
sc...@brastedhouse.com


__
css-discuss [cs...@lists.css-discuss.org]
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/