Re: [css-d] footer doesn't occupy width in IE6

[David Laakso]

Luc wrote:
>  Good evening list,  
>
>  I just did a quick check with Debugbar in IE to see if my footer
>  sticks at the bottom of the viewport. Zooming at around 50% and
>  less, it doesn't stick anymore. In Opera the footer behaves.
>
>  Some kind of IE bug probably but i can't figure out what causes it
>  and how to solve it.
>
>  http://www.dzinelabs.com/sandbox/dwexample1.html
>
>  css embedded
>  
>   



There are a lot of versions of Internet Explorer. Only IE/7 has the 
"mickey mouse" zoom thingy. It zooms *the page* up or down. So I guess 
there's not much you can do about the page being 50 percent shorter than 
you intend. OTOH, there may be something you could do to prevent what 
happens to your page at text-size smallest in IE browsers; and, at minus 
font-scaling settings in Camino, WebKit, Safari, and Firefox.

-- 

A thin red line and a salmon-color ampersand forthcoming.

http://chelseacreekstudio.com/

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

Re: [css-d] big gaping hole...again

[Scott Thigpen]

nevermind, I fixed it

S c o t t  T h i g p e n
Illustrative Designer
art: http://www.sthig.com
design: http://www.thigpendesigns.com
photos: http://www.giantgreenjungle.com
Phone: 770.527.3958


On Wed, Oct 1, 2008 at 12:29 AM, Scott Thigpen <[EMAIL PROTECTED]>wrote:

> Hello,
>
> Well it seems I've hit a snag again with a giant gap between my heading and
> my body.
>
> Here is the blog
> http://sthig.thigpendesigns.com/index.php/sthig/weblog/
>
> If you see, the title is fine but then there is giant gap between it and
> the body of text.  I'm trying to figure how to eliminate that.  Any help
> would be greatly apprecaited as I've pounded my head against the computer
> for the past 30 minutes trying to figure it out.
>
> Here is my css
> http://sthig.thigpendesigns.com/index.php?css=sthig/style/
>
> Best,
> Scott
>
> S c o t t  T h i g p e n
> Illustrative Designer
> art: http://www.sthig.com
> design: http://www.thigpendesigns.com
> photos: http://www.giantgreenjungle.com
> Phone: 770.527.3958
>
__
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] IE6 not working in XHTML

[David Laakso]

Cathy, Designer wrote:
>   And this site (www.tibbles.net/misc/blog) works 
> fine in IE 5.5, and 7, 8, firefox, NN, and a bunch of others that I got 
> screenshots for.  What on earth is going on with 6.0??  I'm completely 
> stuck here! 
>
> regards,
> Cathy
>
>
>
>
>   



Fix compliant browsers first-- the content escapes right with "heavy 
hand" font-scaling stress testing.

.entry-content, .entry-excerpt {
width: 530px; <- :: add for all browsers::
}

Replace what you have now in the CC's for IE/6 with this, to keep the 
textblock within its parent, and prevent auto expanding of it.

#content {
overflow-x: hidden;
width:585px;
}

.entry-content, .entry-excerpt {
margin-left: -15px;
}


-- 

A thin red line and a salmon-color ampersand forthcoming.

http://chelseacreekstudio.com/

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

[css-d] big gaping hole...again

[Scott Thigpen]

Hello,

Well it seems I've hit a snag again with a giant gap between my heading and
my body.

Here is the blog
http://sthig.thigpendesigns.com/index.php/sthig/weblog/

If you see, the title is fine but then there is giant gap between it and the
body of text.  I'm trying to figure how to eliminate that.  Any help would
be greatly apprecaited as I've pounded my head against the computer for the
past 30 minutes trying to figure it out.

Here is my css
http://sthig.thigpendesigns.com/index.php?css=sthig/style/

Best,
Scott

S c o t t  T h i g p e n
Illustrative Designer
art: http://www.sthig.com
design: http://www.thigpendesigns.com
photos: http://www.giantgreenjungle.com
Phone: 770.527.3958
__
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] More than one background image to ?

[christianz]

"Hedley,
How about a link to a working example / sample code?"

I have put up an example at: http://www.golfteesgalore.com/

Check it first on Firefox or perhaps IE (or Netscape for oldtimers like me) 
then check it in Safari. You will see that the lefthand column now shows a 
capital G in the upper left corner and a flag inside of a golf hole down in the 
lower right. This was accomplished using multiple background images. I don't 
have the effect exactly the way I want it yet but it does illustrate the usage 
of multiple background images (even though it's applied to an element other 
than the BODY tag). I was a little dismayed when I found out Firefox 3 didn't 
support this. It was one of the first things I checked when it came out.

Christian Ziebarth 

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

[css-d] footer doesn't occupy width in IE6

[Luc]

 Good evening list,  

 I just did a quick check with Debugbar in IE to see if my footer
 sticks at the bottom of the viewport. Zooming at around 50% and
 less, it doesn't stick anymore. In Opera the footer behaves.

 Some kind of IE bug probably but i can't figure out what causes it
 and how to solve it.

 http://www.dzinelabs.com/sandbox/dwexample1.html

 css embedded
 
-- 
Best regards,
 Luc

 

Using the best e-mail client: The Bat! version 4.0.18 with Windows XP
(build 2600), version 5.1 Service Pack 2 and using the best browser:
Opera.

"Pick your friends but not to pieces."



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

[css-d] vertical expansion of fixed layout

[Keith LaFrenier]

Hello,

I'm a beginner designer in need of assistance.  Any help is greatly appreciated.

I exported a mock up design from photo shop into CSS and it generated a series 
of containers that were absolutely positioned.  I scrapped the absolutely 
positioned containers and created a fixed layout using images and containers 
with background images.  I utilized negative margins and floated containers for 
positioning, but I'm struggling with getting the #sidebar and #maincontent 
containers to expand vertically based on the amount of content in each page.  I 
cleared both #maincontent and #sidebar containers with the #footer, but  If I 
don't specifiy a height for the #sidebar then #maincontent gets knocked out of 
the flow of the document.  I've tried using %height and no height specified 
without any luck.  I'm using IE7 and Firefox 3 browsers for verification and 
both pages were W3C validated.

Can anyone scan the code for any glaring errors and/or provide suggestions for 
fixing?  I'm thinking the mock up design was sliced incorrectly, but it's more 
likely that I'm a beginner. 

Lastly, do any threads exist that address these type of layout issues?

www.pavetosuccess.org/pave/pave2.html

www.pavetosuccess.org/pave/faqs.html

www.pavetosuccess.org/pave/pave.css

_
Stay up to date on your PC, the Web, and your mobile phone with Windows Live.
http://clk.atdmt.com/MRT/go/msnnkwxp1020093185mrt/direct/01/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] IE6 not working in XHTML

[Cathy, Designer]

For IE bugs I usually just keep widths and heights, padding and margins

in separate "boxes".  And this site (www.tibbles.net/misc/blog) works 
fine in IE 5.5, and 7, 8, firefox, NN, and a bunch of others that I got 
screenshots for.  What on earth is going on with 6.0??  I'm completely 
stuck here! 

The summary - in the "main" div, I have a sidebar floating left, and a 
content div floating right.  The sum of their widths is less than the 
width of the parent container, even if I ADD all margins and paddings to 
the width.  I've no idea how this is even possible. 
I've included a conditional style sheet to try and work around it.  In 
ie6.css, I've put:
#content {
width: 500px;  (over 60px smaller than original css)
background-color:blue;
}

And I have a blue box that is the SAME size, with a smaller child box!  
How is that possible?


This is the style sheet - the ENTIRE thing:  (I dont' know what is relevant)
http://css.pastebin.com/m1efc3625


Thanks for any insights!  I'm not opposed to learning on my own either, 
but I can't figure out what to google in this situation. 
regards,
Cathy



__
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] More than one background image to ?

[Peter Hyde-Smith]

- Original Message - 
From: "Hedley Finger" <[EMAIL PROTECTED]>
To: "css-d" 
Sent: Tuesday, September 30, 2008 8:24 PM
Subject: [css-d] More than one background image to ?

> I would like to add a Gaussian blur drop-shadow to the right and bottom 
> edges of the  element floating in the middle of the browser 
> canvas. ... is there any way to add a small, 
> fast-downloading, repeating image to the right and left sides of an 
> element with more than one background image?
> I am trying to get around cascading, where a later background-image in 
> the CSS file over-rides the first.  Any suggestions welcome!
> Regards,
> Hedley

Hedley,
How about a link to a working example / sample code?
Peter
www.fatpawdesign.com

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

Re: [css-d] More than one background image to ?

[Philippe Wittenbergh]

On Oct 1, 2008, at 10:24 AM, Hedley Finger wrote:

> I would like to add a Gaussian blur drop-shadow to the right and  
> bottom
> edges of the  element floating in the middle of the browser
> canvas.  Most of the methods found suggest a massive background image
> displaced diagonally with negative margins.  To avoid downloading a
> large albeit compressed image, is there any way to add a small,
> fast-downloading, repeating image to the right and left sides of an
> element with more than one background image?
>
> I am trying to get around cascading, where a later background-image in
> the CSS file over-rides the first.  Any suggestions welcome!

Future: CSS 3 multiple backgrounds (supported by Safari 3.1+ only,  
atm) [1].

Current: you could attach one background image to the html element and  
one to the body element.

[1] http://www.w3.org/TR/css3-background/#background

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





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

Re: [css-d] More than one background image to ?

[David Laakso]

Hedley Finger wrote:
> I would like to add a Gaussian blur drop-shadow to the right and bottom 
> edges of the  element floating in the middle of the browser 
> canvas.
>
> Hedley
>
>   


Dunno. You got me. You're way over my head. Have you tried an Adobe 
Illustrator support forum?

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

[css-d] Div covering up sub menu in Safari

[Jimmy]

Hello all,

 

This is my first post, although I have learned a tremendous amount from
everyone's contribution so far. You guys are unbelievably helpful 

 

My issue is that my when I view my menu in Safari the sub menu drops down
behind a div which contains a flash file. It works fine in my IE though.

 

Any help would be appreciated.

 

http://chicks2008.startlogic.com/tester1.html#
 

 

Thank you in advance

 

Jimmy Priest 

 

 

 

 

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

[css-d] Animation CSS question

[Lou Hernsen]

When I make my animation to be called on by CSS (hover,active) from an

what do I set my .gif to? infinite loop? 0 loop? is there a norm that these
are set at?

see my animation at www.ArgMatey.com ... the cannons should fire on hover.
Works on FireFox, but not on IE 6.0.2
have not tried on other browers.

Lou

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

[css-d] More than one background image to ?

[Hedley Finger]

I would like to add a Gaussian blur drop-shadow to the right and bottom 
edges of the  element floating in the middle of the browser 
canvas.  Most of the methods found suggest a massive background image 
displaced diagonally with negative margins.  To avoid downloading a 
large albeit compressed image, is there any way to add a small, 
fast-downloading, repeating image to the right and left sides of an 
element with more than one background image?

I am trying to get around cascading, where a later background-image in 
the CSS file over-rides the first.  Any suggestions welcome!

(Note: I am a beginner, so if there is an obvious remedy, please be gentle!)

Regards,
Hedley

--

Hedley Finger

28 Regent Street   Camberwell VIC 3124   Australia
Tel. +61 3 9809 1229   Fax. (call phone first)
Mob. (cell) +61 412 461 558
Email. "Hedley Finger" <[EMAIL PROTECTED]>


__
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] footer doesn't occupy width in IE6

[Luc]

Good evening Gunlaug, 

It was foretold that on 30/09/2008 @ 00:28:57 GMT+0200 (which was
19:28:57 where I live) Gunlaug Sørtun would write:

> Short on the right side at my end.

oops ... my bad

> Page suffers from the "auto-expansion bug" in IE6 - something is too
> wide in there, making the page too wide.
> The footer OTOH stretches "only" '100%' of the intended
> 'width:48.75em;', so it appears to be too narrow.

> You either add...

> * html .twoColElsLtHdr #container{
> overflow-x: hidden;


> ...to kill the "auto-expansion bug", or you find what's causing the
> expansion and removes that.

I'll go for the easy solution lol... the overflow-x method did it of
course...

Tnx Gunlaug!!!

 
-- 
Best regards,
 Luc
_


Using the best e-mail client: The Bat! version 4.0.18 with Windows XP
(build 2600), version 5.1 Service Pack 2 and using the best browser:
Opera.

"Love is the answer - but while you're waiting for the answer sex
raises some pretty good questions." - Woody Allen 


__
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] footer doesn't occupy width in IE6

[Gunlaug Sørtun]

Luc wrote:

> I have a footer that sticks to the bottom of the page but in IE6 i 
> encounter a problem: the footer doesn't occupy the width of the 
> container, i.o.w. it stops about 8px before reaching the left side of
>  the container.

Short on the right side at my end.

> http://www.dzinelabs.com/sandbox/dwexample1.html

Page suffers from the "auto-expansion bug" in IE6 - something is too
wide in there, making the page too wide.
The footer OTOH stretches "only" '100%' of the intended
'width:48.75em;', so it appears to be too narrow.

You either add...

* html .twoColElsLtHdr #container{
overflow-x: hidden;
}

...to kill the "auto-expansion bug", or you find what's causing the
expansion and removes that.

regards
Georg
-- 
http://www.gunlaug.no
__
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] giant gaping gap I can't close

[Jim Nannery]

Afternoon Scott

You wrote;

> Hi,
>
> I have this big gap I can't figure out how to get rid of.
>
> If you look here (http://sthig.thigpendesigns.com/index.php/sthig/int/)
> you'll see an image "about" and then there is this abnormally large gap
> between that and the paragraph.  How do I narrow that?
>
> here is my css
> http://sthig.thigpendesigns.com/index.php?css=sthig/style/
>
> Best,
> Scott
>

I'm a little unclear about the *gap* your referring to. On IE 6 and FF 3.0.2 
the word / image * About * is centered above your picture There isn't 
( from my perspective) an unusually large gap there in my browsers

What I see on IE 6 is a spacing issue with the illustration.  The top half 
of the illustration (hair and eyes) is moved to the right by a considerable 
amount...

That's caused by having IE 6 in Quirks mode [1].  Removing the xml prologue 
that precedes the doc type will switch to Standards mode that corrected 
the problem locally.  Haven't tested on  a live server or tested IE 7 but it 
should be fine.

Hope I'm seeing the problem you want a fix for...

If not, others may have to offer suggestions

Best

[1] http://en.wikipedia.org/wiki/Quirks_mode

Jim Nannery
www.gotbeebar.com 

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

[css-d] footer doesn't occupy width in IE6

[Luc]

 Good afternoon list,  

 I have a footer that sticks to the bottom of the page but in IE6 i
 encounter a problem: the footer doesn't occupy the width of the container,
 i.o.w. it stops about 8px before reaching the left side of the
 container. I used Debugbar in IE to set a black background for the
 footer and the problem becomes quite clear... but when i change text
 size to "large" or "largest", the problem disappears.

 Opera, Mozilla and Firefox doesn't seem to have this problem.
 Anybody knows the reason and a fix for it?

 http://www.dzinelabs.com/sandbox/dwexample1.html

 Css embedded

 Css & html validates.
 
-- 
Best regards,
 Luc

 

Using the best e-mail client: The Bat! version 4.0.18 with Windows XP
(build 2600), version 5.1 Service Pack 2 and using the best browser:
Opera.

"The devil was the first democrat." - Byron.



__
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] Property Group Compression

[Tim Visher]

@Phillipe: Mainly because they're _already_ header links. The a tag is
in the context of header. As Bobby pointed out, the inclusion of a
class there seems like unnecessary cluttering of the markup to
accomplish a visual effect. I'm trying to stay away from doing that.

@Gunlaug. That does flip my thinking a little bit. I'll have to see if
I can apply that. The main problem I see is that a tags in the context
of h# tags _are_ the exception. I want my 99% of my a tags to look
another way than I want them to appear in the context of h# tags.

So, short answer is, there isn't really a 'plain' way to do it with my
current model. That's fine. I just figured I'd ask. :)

On Tue, Sep 30, 2008 at 11:10 AM, Gunlaug Sørtun <[EMAIL PROTECTED]> wrote:
> Bobby Jack wrote:
>> It's a shame that there's no concept of 'inheritance' in CSS that
>> would allow grouping of, for example, headings (h1-h6) or lists (ul,
>> ol, dl).
>
> AFAIK, the W3C CSS WG is open for suggestions. If enough people suggest
> something along the same lines, and can back it up, they may get through
> - eventually.
> 
>
> OTOH: usually when a group becomes sufficiently large to warrant
> selector-grouping, it is more efficient to target the few exceptions and
> apply general styles to everything else - including the group. Clever
> targeting down the selector chains also goes a long way when we want
> grouping, in most cases.
>
> regards
>Georg
> --
> http://www.gunlaug.no
> __
> 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/
>



-- 

In Christ,

Timmy V.

http://burningones.com/
http://five.sentenc.es/ - Spend less time on e-mail
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] giant gaping gap I can't close

[Scott Thigpen]

Hi,

I have this big gap I can't figure out how to get rid of.

If you look here (http://sthig.thigpendesigns.com/index.php/sthig/int/)
you'll see an image "about" and then there is this abnormally large gap
between that and the paragraph.  How do I narrow that?

here is my css
http://sthig.thigpendesigns.com/index.php?css=sthig/style/

Best,
Scott

S c o t t  T h i g p e n
Illustrative Designer
art: http://www.sthig.com
design: http://www.thigpendesigns.com
photos: http://www.giantgreenjungle.com
Phone: 770.527.3958
__
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] DOM-scripted content doesn't link toCSS in IE

[Tim Dawson]

Thierry Koblentz wrote:
>> -Original Message-
>> From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
>> discuss.org] On Behalf Of Tim Dawson
>> Sent: Monday, September 29, 2008 8:38 AM
>> To: css-d@lists.css-discuss.org
>> Subject: Re: [css-d] DOM-scripted content doesn't link toCSS in IE
>>
>> Thierry Koblentz wrote:
 -Original Message-
 From: [EMAIL PROTECTED]
> [mailto:[EMAIL PROTECTED]
 discuss.org] On Behalf Of Tim Dawson
 Sent: Monday, September 29, 2008 5:31 AM
 To: css-d@lists.css-discuss.org
 Subject: Re: [css-d] DOM-scripted content doesn't link toCSS in IE
>>> Hi Tim,
>>> Are you using setAttribute() to plug class names?
>>> Because I ran into something like that not long ago and found out that
> the
>>> class was generated in IE, but the styles associated with it were not
> picked
>>> up. Going with className instead of setAttribute solved the problem for
> me.
>>>
>> Hello Thierry,
>>
>> Yes, I was using 'para.setAttribute("class","cr");'
>> I've changed it to 'para.className = "cr";' and it's done the trick.  The
> text
>> now appears about 10px below its FF3 position, but I can work on that.
>>
>> I'm a bit dubious about using the 'alt' or 'title' attribute (of 'img')
> for
>> this
>> purpose, it's probably frowned on by the standardistas.  Title produces
> the
>> tooltip, too, which is undesirable.
> 
> I agree, I don't think you should be using the title attribute for this. 
> What about using something like this instead:
> http://www.tjkdesign.com/articles/overlay/overlay_with_no_hook.asp 
> 
Thank you. That's clever, and I'll keep it in mind.  Meanwhile I think I've 
settled for a relatively positioned  which can be made to overlay the image.
It's a pity  doesn't have a suitable attribute.

Regards, Tim
__
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] IE6 issue

[Gunlaug Sørtun]

Shanna Korby wrote:
> http://weddingelegancend.com/

> This is giving me trouble in IE6. Does anyone know what the issue 
> might be? The main content is being pushed below the sidebars.

Delete this...



...and IE6 will do fine. Such 'hasLayout' triggers on elements create
"hard margins" that'll prevent normal interaction with floats.

An alternative is to float #content too, and make necessary adjustments...



regards
Georg
-- 
http://www.gunlaug.no
__
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] animated gif workaround for MS Outlook 2007

[Ingo Chao]

Ingo Chao wrote:
>...
> http://msdn.microsoft.com/en-us/library/aa338201.aspx
> and
> Campaignmonitor
> http://tinyurl.com/3dn2qz
> MS Outlook 2007 uses the rendering engine of Word, and Word 2007 does 
> not support animated gifs. It should show the first frame of your gif, 
> but I would not name this the worst case. This would be if people would 
> not like animated gifs for some reasons.
> 
> Ingo
> 

Conyers, Dwayne wrote:
> ... I would try Microsoft Silverlight... or a more widely installed 
> alternative, Flash.  

from: http://msdn.microsoft.com/en-us/library/aa338201.aspx
> The following is a list of all other Web-related features that Word 2007 does 
> not support:
> * Animated GIF images. Only a static representation of the GIF image 
> shows.
> * Flash. Only a red "X" shows in the area where the flash would display.

You cannot use flash either.

Ingo


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

[css-d] IE6 issue

[Shanna Korby]

http://weddingelegancend.com/

 

http://weddingelegancend.com/900-screen.css

 

This is giving me trouble in IE6. Does anyone know what the issue might be?
The main content is being pushed below the sidebars. 

 

Thanks.

__
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] DOM-scripted content doesn't link toCSS in IE

[Thierry Koblentz]

> -Original Message-
> From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
> discuss.org] On Behalf Of Tim Dawson
> Sent: Monday, September 29, 2008 8:38 AM
> To: css-d@lists.css-discuss.org
> Subject: Re: [css-d] DOM-scripted content doesn't link toCSS in IE
> 
> Thierry Koblentz wrote:
> >> -Original Message-
> >> From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED]
> >> discuss.org] On Behalf Of Tim Dawson
> >> Sent: Monday, September 29, 2008 5:31 AM
> >> To: css-d@lists.css-discuss.org
> >> Subject: Re: [css-d] DOM-scripted content doesn't link toCSS in IE
> > Hi Tim,
> > Are you using setAttribute() to plug class names?
> > Because I ran into something like that not long ago and found out that
the
> > class was generated in IE, but the styles associated with it were not
picked
> > up. Going with className instead of setAttribute solved the problem for
me.
> >
> >
> Hello Thierry,
> 
> Yes, I was using 'para.setAttribute("class","cr");'
> I've changed it to 'para.className = "cr";' and it's done the trick.  The
text
> now appears about 10px below its FF3 position, but I can work on that.
> 
> I'm a bit dubious about using the 'alt' or 'title' attribute (of 'img')
for
> this
> purpose, it's probably frowned on by the standardistas.  Title produces
the
> tooltip, too, which is undesirable.

I agree, I don't think you should be using the title attribute for this. 
What about using something like this instead:
http://www.tjkdesign.com/articles/overlay/overlay_with_no_hook.asp 

-- 
Regards,
Thierry | http://www.TJKDesign.com



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

Re: [css-d] animated gif workaround for MS Outlook 2007

[Conyers, Dwayne]

Aubrey Benasa [EMAIL PROTECTED] ink wired:

> Has anyone found a workaround for
> incorporating animated gifs in html
> email rendered in Outlook 2007?

This most likely is not a valid CSS answer... I would try Microsoft 
Silverlight... or a more widely installed alternative, Flash.  Of course, I 
think this entire topic is traversing into the [OT] realm for this list...

--
I made magic once.  Now the sofa is gone.
http://blog.dwacon.com
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Property Group Compression

[Gunlaug Sørtun]

Bobby Jack wrote:
> It's a shame that there's no concept of 'inheritance' in CSS that 
> would allow grouping of, for example, headings (h1-h6) or lists (ul, 
> ol, dl).

AFAIK, the W3C CSS WG is open for suggestions. If enough people suggest
something along the same lines, and can back it up, they may get through
- eventually.


OTOH: usually when a group becomes sufficiently large to warrant
selector-grouping, it is more efficient to target the few exceptions and
apply general styles to everything else - including the group. Clever
targeting down the selector chains also goes a long way when we want
grouping, in most cases.

regards
Georg
-- 
http://www.gunlaug.no
__
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] Property Group Compression

[Bobby Jack]

--- On Tue, 9/30/08, Philippe Wittenbergh <[EMAIL PROTECTED]> wrote:

> what's wrong with using a class on those links ? Keeps
> the selector  
> much shorter...
> .my-heading-links:link, .my-heading-links:visited {}

I'd argue against that - much better, IMO, to keep the markup as clean as 
possible, even if the length of the selector suffers.

It's a shame that there's no concept of 'inheritance' in CSS that would allow 
grouping of, for example, headings (h1-h6) or lists (ul, ol, dl).


  
__
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] Property Group Compression

[Philippe Wittenbergh]

On Sep 30, 2008, at 11:17 PM, Tim Visher wrote:

> I think there must be a way to compress the following style, but I
> can't figure it out.  Help's appreciated.
>
> `h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3
> a:visited, h4 a:link, h4 a:visited, h5 a:link, h5 a:visited, h6
> a:link, h6 a:visited  {}`
>
> I think a much more presentable way to do this would be:
>
> `(h1,h2,h3,h4,h5,h6) (a:link, a:visited)`
>
> but I'm fairly certain CSS does not support that type of notation
No it doesn't. Maybe with CSS-variables in the future, but that is  
still very much in its infancy.

what's wrong with using a class on those links ? Keeps the selector  
much shorter...
.my-heading-links:link, .my-heading-links:visited {}

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





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

[css-d] Property Group Compression

[Tim Visher]

Hello Everyone,

I think there must be a way to compress the following style, but I
can't figure it out.  Help's appreciated.

`h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3
a:visited, h4 a:link, h4 a:visited, h5 a:link, h5 a:visited, h6
a:link, h6 a:visited  {}`

I think a much more presentable way to do this would be:

`(h1,h2,h3,h4,h5,h6) (a:link, a:visited)`

but I'm fairly certain CSS does not support that type of notation.

Thanks in advance!

-- 

In Christ,

Timmy V.

http://burningones.com/
http://five.sentenc.es/ - Spend less time on e-mail
__
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] ol list in IE problem

[Gunlaug Sørtun]

[EMAIL PROTECTED] wrote:

> The address below list the file and css, if you view the file in FF
> then IE the differences will be clear.

> http://www.linkhomes2000.co.uk/main/mortgages/mortgages_types_1.php

Make it...

ol.lin {
font-family:"Trebuchet MS", verdana, arial, sans-serif;
font-weight:bold;
padding-left:32px;
margin: 0;
margin: 0 0 0 -10px;
height: 1%;
position: relative;
}


ol.lin li {
margin:0.5em 0 0 0;
padding: 0;
}

...and it should turn out alright.

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

[css-d] ol list in IE problem

[grovesdavid]

Hello,

The address below list the file and css, if you view the file in FF then IE 
the differences will be clear. I can live with this, if necessary, but would 
like to correct it if possible.

have taken the actions of: Removing padding from IE, I tried removing the 
{list-style:none} from the ul list elements on the style sheet, still no 
numbers. Cleared my IE cache. So I have no other ideas at present.

http://www.linkhomes2000.co.uk/main/mortgages/mortgages_types_1.php


http://www.linkhomes2000.co.uk/css/lists/li_1.css

Kind Regards

dg)


__
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] animated gif workaround for MS Outlook 2007

[Ingo Chao]

Aubrey Benasa wrote:
> Hi there,
> 
> Has anyone found a workaround for incorporating animated gifs in html email
> rendered in Outlook 2007? or displaying a static image in the worst case
> scenario?
> 
> Thanks,
> Aubrey

http://msdn.microsoft.com/en-us/library/aa338201.aspx
and
Campaignmonitor
http://tinyurl.com/3dn2qz
MS Outlook 2007 uses the rendering engine of Word, and Word 2007 does 
not support animated gifs. It should show the first frame of your gif, 
but I would not name this the worst case. This would be if people would 
not like animated gifs for some reasons.

Ingo

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