Re: [css-d] IE6 problems.

[Corey Frang]

Thanks so much, worked perfectly, didn't even need the img portions of it. 

Gunlaug Sørtun wrote:
> Corey Frang wrote:
>> I'm having a few IE6 problems with my site.
>>
>> http://php.michaeltisserand.com/
>>
>> In particular, the "books" link, compare it to what firefox 
>> displays.  There should be room on the left for the blog link, as 
>> well as images floating on the right, I'm not sure why this stuff 
>> isn't showing up and would greatly appreciate any help people can give.
>
> Add...
>
> .even,.odd {height: 1%;}
> .even img, .odd img {position: relative; display: inline;}
>
> ...which in turn triggers 'hasLayout' on '.even' and '.odd', and fixes 
> the 'stacking bugs' and 'margin-doubling on floats bug' for images in 
> '.even' and '.odd', in IE6.
>
> regards
> Georg
__
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 problems.

[Gunlaug Sørtun]

Corey Frang wrote:
> I'm having a few IE6 problems with my site.
> 
> http://php.michaeltisserand.com/
> 
> In particular, the "books" link, compare it to what firefox displays.  
> There should be room on the left for the blog link, as well as images 
> floating on the right, I'm not sure why this stuff isn't showing up and 
> would greatly appreciate any help people can give.

Add...

.even,.odd {height: 1%;}
.even img, .odd img {position: relative; display: inline;}

...which in turn triggers 'hasLayout' on '.even' and '.odd', and fixes 
the 'stacking bugs' and 'margin-doubling on floats bug' for images in 
'.even' and '.odd', in IE6.

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] images off / css on

[Jukka K. Korpela]

Brian Cummiskey wrote:

> I think I mis-wrote what i really have for markup.
>
> lets try some ascii:

Generally, a URL tells more than fragments of code and ASCII illustrations 
together.

>> -DIV WRAP gradient, 150px tall begins--|
>> -margin and filler space--|
>> -h1, approx 18px line height, color:white;|
>> -gradient, 150px tall continues...-|
>> -margin and filler space--|
>> -gradient ends --|
>> -/DIV WRAP---|

It would seem natural to use just a  element instead, with a suitable 
background color (which won't be used when the background image is available 
and the browser is configured to use it), background image, text color, and 
paddings. Are there some special reasons not to use this simple scenario, 
which avoids the problem?

> If I set the h1 to have a bg color, such as the #006 suggested to
> match the dark blue, then it stands out and blocks the gradient.
> Effectively, i need a transparent background on the h1 when images are
> on, but a #006 when images are off.

You can't make the background color dependent on whether images are on or 
off, because CSS lacks such programming features. (Using client-side 
scripting, it might be possible, but that's unreliable and off-topic.)

So if have special reasons to wrap  inside  and set background 
color for the latter, then you would need to set the background of  to 
transparent (which is the initial value, but setting it to transparent is 
still different from not setting it at all). In principle, this is 
unreliable, since another style sheet (such as a user style sheet) could 
set, say, color: #006; background: white for the , making your heading 
text appear white on white. The risk would be small, though, since such 
another style sheet would be somewhat odd, if it just sets  background 
and color without setting  background and color.

Jukka K. Korpela ("Yucca")
http://www.cs.tut.fi/~jkorpela/ 

__
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] Image Placement in CSS - Help!

[Elli Vizcaino]

Please help me! I really want to execute this design
as I've visualized and designed it. I need to be able
to place the pumpkins image as shown in the graphic
comp: www.e7flux.com/thanksgivingbuffet2.jpg. The code
and CSS can be found here: http://e7flux.com/tgb/ -
I'm not sure how to place this image where I want it
and have it always be in that particular spot even if
the linen runner part of the design grows as content
gets added (that will be on another page). 

Dunno if I should place it as a background image as I
already have a bit of that going on with the other
images. Or do I use the position property with a
z-index, though I'm not really sure how to go about
doing that. What I've already tried hasn't worked.
This design is for the most part a visual experience,
there won't be a whole lot of textual content, so it's
really important I code this site as designed.   

Another issue I'm having is that I'm working with png
files for transparency which are giving me a headache
in IE 6 even though I implemented the twinhelix.com
script someone on this list suggested a while back.
There are issues with it - I can't have tiling
backgrounds and this design is comprised of tiling
backgrounds - is there a work around and or another
script someone can suggest? I so hate IE!

All feedback and suggestions welcomed. 


TIA,
Elli 


> 
> At 05:08 AM 23/10/2007, Elli Vizcaino wrote:
> >Hello,
> >
> >I'm working on a design that's visually rich and
> uses
> >a few background images as well as .png files for
> >transparency. I don't want to have to place all the
> >images as backgrounds in order to be able to place
> the
> >images exactly where I want on the page. Is there a
> >way to declare the placement of an image, without
> >resorting to empty divs with background images or
> >using a good number of nested divs?
> >
> >TIA,
> >Elli
> >
> >__
> >Do You Yahoo!?
> >Tired of spam?  Yahoo! Mail has the best spam
> protection around
> >http://mail.yahoo.com
>
>__
> >css-discuss [EMAIL PROTECTED]
> >http://www.css-discuss.org/mailman/listinfo/css-d
> >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/
> 
> 


__
Do You Yahoo!?
Tired of spam?  Yahoo! Mail has the best spam protection around 
http://mail.yahoo.com 
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
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 problems.

[Corey Frang]

I'm having a few IE6 problems with my site.

http://php.michaeltisserand.com/

In particular, the "books" link, compare it to what firefox displays.  
There should be room on the left for the blog link, as well as images 
floating on the right, I'm not sure why this stuff isn't showing up and 
would greatly appreciate any help people can give.
__
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] Image Placement in CSS

[Vicki Stebbins]

Hi Elli,

Someone may know a more eloquent way but I'd write up an individual 
class for each and then do the placement in the style sheet.

Regards

Vicki

At 05:08 AM 23/10/2007, Elli Vizcaino wrote:
>Hello,
>
>I'm working on a design that's visually rich and uses
>a few background images as well as .png files for
>transparency. I don't want to have to place all the
>images as backgrounds in order to be able to place the
>images exactly where I want on the page. Is there a
>way to declare the placement of an image, without
>resorting to empty divs with background images or
>using a good number of nested divs?
>
>TIA,
>Elli
>
>__
>Do You Yahoo!?
>Tired of spam?  Yahoo! Mail has the best spam protection around
>http://mail.yahoo.com
>__
>css-discuss [EMAIL PROTECTED]
>http://www.css-discuss.org/mailman/listinfo/css-d
>List wiki/FAQ -- http://css-discuss.incutio.com/
>List policies -- http://css-discuss.org/policies.html
>Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

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

Re: [css-d] IE 6 / 7 "*" hack

[Thierry Koblentz]

> I just ran into a *serious* issue in Safari 2.0 using this hack
> (*property:value) 

> I had to switch to selector, (property:value) but I'd like to know if I
> missed anything(?) I thought that filter was *safe* to use.

As a follow up:
selector (*property:value) fails
but
selector (*property:value;) works

the trailing semicolon is the fix here...

Thanks to Gamaiel (from another list) for suggesting this

-- 
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/

[css-d] IE 6 / 7 "*" hack

[Thierry Koblentz]

Hi all,

I just ran into a *serious* issue in Safari 2.0 using this hack
(*property:value) 

I had to switch to selector, (property:value) but I'd like to know if I
missed anything(?) I thought that filter was *safe* to use.

 

Thanks

 

-- 

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] Image forcing div down (+ text question)

[Philippe Wittenbergh]

On Oct 24, 2007, at 6:31 AM, Kevin Stevens wrote:

> Oh, this is really annoying me now! I have tried the above tip (thanks
> David) which makes a lot of sense, but the div is positioned  
> differently in
> the 3 browsers I have tried it in, i.e. Safari 3.03 (Windows), IE 7  
> and
> FireFox 2.0.0.8. I have set the stylesheet to accomodate Safari, used
> conditional comments to make it work in IE, but it's hosed in FF!  
> Why is
> this happening? The link is http://www.ratking.co.uk/bensons/ 
> map.htm if
> anyone has a moment to look at it.

The parent (wrapper) is set to display:table. Gecko (any version up  
to the latest nightly build) cannot use a  or an element with  
display:table as a containing block for absolute positioned elements.

The solution is to wrap the element with display:table in another  
wrapper, and set position:relative on that, so that it acts as a  
containing block.

In your case:  .
and move some of the styling (margin/width/padding/positoning)  from  
#container to #mynewwrapper.

Philippe
---
Philippe Wittenbergh





__
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] Image forcing div down (+ text question)

[Kevin Stevens]

> Try in ruleset #main_map img changing position: relative; to position:
> absolute; and defining both the height and width of the map?

Oh, this is really annoying me now! I have tried the above tip (thanks 
David) which makes a lot of sense, but the div is positioned differently in 
the 3 browsers I have tried it in, i.e. Safari 3.03 (Windows), IE 7 and 
FireFox 2.0.0.8. I have set the stylesheet to accomodate Safari, used 
conditional comments to make it work in IE, but it's hosed in FF! Why is 
this happening? The link is http://www.ratking.co.uk/bensons/map.htm if 
anyone has a moment to look at it.

> A random observation...  The arrow on that map was/is quite hard to
> see on my lappy... Maybe it could be darker or bolder...

No, Tigdh, you're right. I have temporarily used an image from a well known 
map site for positioning with the intention of actually buying the gif 
before the site goes live, and I'll address the issue then, but thanks for 
the feedback. And thanks to everyone else who have made suggestions 
regarding the text problem, I will try them out and get back to you as soon 
as I can.

Cheers

Kevin Stevens
[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] images off / css on

[Thierry Koblentz]

> I think I mis-wrote what i really have for markup.

> If I set the h1 to have a bg color, such as the #006 suggested to match 
> the dark blue, then it stands out and blocks the gradient.   
> Effectively, i need a transparent background on the h1 when images are 
> on, but a #006 when images are off.

I'd use a background color (#006) on the DIV that wraps the h1 *with* a
background image (all white).
So it would be (from back to front):
1. background color dark
2. background image white
3. background image gradient (the gradient sits on a white background)
4. color white

With images off, you end up with:
1. background color dark
4. color white

Does that make sense?

-- 
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] images off / css on

[Jens Brueckmann]

Hi Brian,

why would you not set the dark blue background on the div itsself?

Cheers,

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

Re: [css-d] images off / css on

[Brian Cummiskey]

Jukka K. Korpela wrote:
> h1 { color: #006; background: #fff; }
>
> If you only set background for the enclosing div, then most of the time the 
> h1 will have a transparent background and things will be OK. But why take 
> chances when there is nothing to be won? Some day the page might be viewed 
> in a situation where some other style sheet affects it, too, possibly a user 
> style sheet, and that style sheet might set a background color, and even a 
> background image (that's why my example sets background and not just 
> background-image), and who knows what they might be?
>
> Generally, always set color and background together.

I think I mis-wrote what i really have for markup.

lets try some ascii:


|-DIV WRAP gradient, 150px tall begins--|
|-margin and filler space--|
|-h1, approx 18px line height, color:white;|
|-gradient, 150px tall continues...-|
|-margin and filler space--|
|-gradient ends --|
|-/DIV WRAP---|


If I set the h1 to have a bg color, such as the #006 suggested to match 
the dark blue, then it stands out and blocks the gradient.   
Effectively, i need a transparent background on the h1 when images are 
on, but a #006 when images are off.

Unless i'm misunderstanding your response?


Appreciate the feedback so far.

-Brian
__
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] slight navigation problem

[David Laakso]

Kevin Evans wrote:
> I am having trouble with the navigation at the top on http:// 
> www.websconsult.com/hopper/site/home.html in Explorer.
>
> In Explorer 7, the background color does not show up at al, get a  
> whitespace, but the link hover correctly.
>
> In Explorer 6, the background shows up but the links do not turn  
> yellow on hover like they should.
>
> Any ideas?
>
> thanks!
>
> Kevin
>   

I see you have apparently resolved the problem.

I've forgotten both the cause and cure for the goofy characters at the top of 
your style sheet.

html {
margin: 0; padding: 0;
}


FWIW, I mostly run both 6 and 7 at font-size "largest" with font-sizes ignored, 
and you're showing a little clipping and breaking in both-- same in the Gecko 
browsers at +2.


Best,

~dL



-- 
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] 3 pixel difference between IE and Firefox

[Rickus]

Well, thanks for your help. Your advice will surely help me in
the future. Now I have learned that prescious rule of css:
"Never assume the problem is where you see it."
My menu padding moved the picture... thanks for your help!

Rickus

>Rickus wrote:
> > Hi, I am not sure why, but when I work with the placement of
> > graphics using relative or even absolute positioning, it seems to
> > me that there is a 3 pixel height difference between IE and Firefox.
>
>Kenny Graham replied:
> > try either "display: block" or "vertical-align: middle" on the image
>
>Umm. Shouldn't that be 'vertical-align: bottom;' Kenny?
>
>Cordially,
>David
>--

__
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] "forced" to set width and related problems-repost

[Luc]

Good afternoon David, 
It was foretold that on 23/10/2007 @ 13:33:42 GMT-0400 (which was
14:33:42 where I live) David Laakso would write:



Luc> I haven't had the time yet to study your alteration but i noticed you
Luc> removed the background from the body.  Ah... also a hasLayout problem?
David> No, not to my knowledge. I do find text written on "grass" hard to read
> though...

The reason i thought it had a hasLayout problem is because i noticed
you had put in the "zoom" trick for IE


Luc> Now to be sure: the reason the h1 shoves to the left is because the
Luc> horizontal scrollbar is removed, right?
David> I guess it moves left as there is nothing stopping (restricting) it from
David> doing so.

any hints for stopping it ? ;-)

> O.K. I been admitted and they've put me in the "quiet" room-- see you in
> there...

Already on my way

 
-- 
Best regards,
 Luc
_

Powered by The Bat! version 3.99.24 with Windows XP (build 2600),
version 5.1 Service Pack 2 and using the best browser: Opera.

"If income tax is the price you have to pay to keep the government on
its feet, alimony is the price we have to pay for sweeping a woman off
hers." - Groucho Marx 


__
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] "forced" to set width and related problems-repost

[David Laakso]

Luc wrote:
>  Good afternoon David,
>   
> It was foretold that on 23/10/2007 @ 11:39:07 GMT-0400 (which was
> 12:39:07 where I live) David Laakso would write:
>
> 
>
>   
>> That cow is going to send all of us to the psych ward: how's she feel 
>> about this?
>> 
>
> Lol yeah i alreday have my room reserved.
>
> Well, increasing the text in firefox holds up until +4 times before h1
> breaks.
>
> The "cutting off" also disappeared: upon resizing everything "flows"
> neat to the left, i.o.w. the h1 flows to the left and nothing,
> including the #rightcontent, gets cut off. Also the horizontal
> scrollbar disappeared.
>
> I haven't had the time yet to study your alteration but i noticed you
> removed the background from the body.  Ah... also a hasLayout problem?
>   


No, not to my knowledge. I do find text written on "grass" hard to read 
though...


> Now to be sure: the reason the h1 shoves to the left is because the
> horizontal scrollbar is removed, right?
>   


I guess it moves left as there is nothing stopping (restricting) it from 
doing so.



> Now, only thing that's left is to get my head around the "why" and
> "how" the alterations works.
>
> Tnx a lot David.
>  
>  
>   

O.K. I been admitted and they've put me in the "quiet" room-- see you in 
there...


~dL


-- 
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] "forced" to set width and related problems

[David Laakso]

Luc wrote:
> Somehow  i'm forced to set a width on my contentwrapper: no width or a
> width  of  100%  cuts off the #contentright and the background image i
> had  on  my  header  when  resizing  to smaller screen resolution. I'm
> wondering if this is normal behaviour?
> 
>
> http://www.dzinelabs.com/sandbox/madcow/madcowbody.html
>
>
>
> Seems i caught the mad cow disease lol 
>  
>   


That cow is going to send all of us to the psych ward: how's she feel 
about this?

http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd";>
http://www.w3.org/1999/xhtml";>



Your Title

html, body {
background-color : #fff;
color : #000;
margin : 0;
padding : 0;
}
body {
font : 100% arial, sans-serif;
}
h1 {
font-size : 140%;
margin : 0;
text-align : right;
padding : 170px 10px 0 0;
}
#page {
border : 1px solid fuchsia;
}
#header-2 {
background : 
url(http://www.dzinelabs.com/sandbox/madcow/doodle_header.gif) no-repeat 
0 0;
height : 248px;
}
#header-1 {
background : 
url(http://www.dzinelabs.com/sandbox/madcow/doodle_head2.gif) repeat-x;
height : 248px;
}
p {
margin : 10px;
}
#primary {
width : 30%;
float : left;
}
#secondary {
display : table;
width : 44%;
}
#secondary p {
margin-left : 20%;
}
ul {
background-color : #eee;
margin : 0;
padding : 10px 0 10px 10px;
}
li {
display : inline;
list-style-type : none;
margin : 0;
padding : 0 20px 0 0;
}
.clear {
clear : both;
}







a mighty mad cow



Item one
Item two
Item three
Item four
Item five



There are many variations of passages of Lorem Ipsum available, but 
the majority have suffered alteration in some form, by injected humour, 
or randomised words which don't look even slightly believable. If you 
are going to use a passage of Lorem Ipsum, you need to be sure there 
isn't anything embarrassing hidden in the middle of text. All the Lorem 
Ipsum generators on the Internet tend to repeat predefined chunks as 
necessary, making this the first true generator on the Internet. It uses 
a dictionary of over 200 Latin words, combined with a handful of model 
sentence structures, to generate Lorem Ipsum which looks reasonable. The 
generated Lorem Ipsum is therefore always free from repetition, injected 
humour, or non-characteristic words etc.



There are many variations of passages of Lorem Ipsum available, but 
the majority have suffered alteration in some form, by injected humour, 
or randomised words which don't look even slightly believable. If you 
are going to use a passage of Lorem Ipsum, you need to be sure there 
isn't anything embarrassing hidden in the middle of text. All the Lorem 
Ipsum generators on the Internet tend to repeat predefined chunks as 
necessary, making this the first true generator on the Internet. It uses 
a dictionary of over 200 Latin words, combined with a handful of model 
sentence structures, to generate Lorem Ipsum which looks reasonable. The 
generated Lorem Ipsum is therefore always free from repetition, injected 
humour, or non-characteristic words etc.
















-- 
http://chelseacreek

-- 
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] IE6 link not working

[Eystein Alnaes]

>
> This is the trouble line: Les mer
> For an anchor tag to take effect, it has to have the href="" attribute
> set, otherwise the link won't fire and it seems that IE6 isn't
> acknowledging your  tags without href, hence your lack of :hover
> effects. The :hover shows up fine in IE7, btw.
>
> Hope this helps
>
> Zak
>
> http://www.lab-physics.com
>

OMG - can't believe I missed that! It's too obvious! Thank you for having
eyes where I don't.

Eystein

http://thatNorwegianGuy.wordpress.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] IE6 link not working

[Zak Owen]

Here is a snippet from your code:


IT-hoder til de tøffeste prosjektene
ita miratur laudeque poetas  
Les mer
 

This is the trouble line: Les mer
For an anchor tag to take effect, it has to have the href="" attribute
set, otherwise the link won't fire and it seems that IE6 isn't
acknowledging your  tags without href, hence your lack of :hover
effects. The :hover shows up fine in IE7, btw.

Hope this helps

Zak

On 10/23/07, Eystein Alnaes <[EMAIL PROTECTED]> wrote:
> I'm having problems getting a link working IE6. The "Les mer" links in the
> two top elements in the right column won't respond to any :hover or clicking
> or similar. I've tried adding hasLayout with no luck. Removing the container
> div's background .png also doesn't make any difference. I'm very ready to
> squash this last IE bug!
>
> You can view it here
> http://imack.spymac.com/test/h0.html
>
> css:
> http://imack.spymac.com/test/css/main.css
> http://imack.spymac.com/test/css/ie6.css
> __
> 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/
>


-- 
Zak Owen
LAB-Physics
http://www.lab-physics.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] slight navigation problem

[Kevin Evans]

Hello,

I am having trouble with the navigation at the top on http:// 
www.websconsult.com/hopper/site/home.html in Explorer.

In Explorer 7, the background color does not show up at al, get a  
whitespace, but the link hover correctly.

In Explorer 6, the background shows up but the links do not turn  
yellow on hover like they should.

Any ideas?

thanks!

Kevin
__
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] CSS Popup not working in IE

[Thierry Koblentz]

> This fix works (yay!) - but now I notice another oddity. IE and FF
apparently disagree as to where the link's location begins

First, I'd change the Doctype you're using ()
Now, if you want the SPAN to "escape" the image, regardless of its
dimensions, then style your image using "display:block", but then do not use
"top" to position the SPAN, keep only "position:absolute" and
"display:block" in there. It should slide below the image no matter how tall
it is
 
HTH
-- 
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] CSS Popup not working in IE

[wilsoncpu]

 Thanks, but in the real app that won't work; there's a whole array of 
thumbnails, and (a) they might shift, and (b) the idea was to make 
adding/changing notes for each picture easy, which means the text has to stay 
in a text file. Nice idea though, and VERY fast response!


 


---
Mark Wilson, Computer Programming Unlimited
Web: http://www.cpuworks.com/
Email: [EMAIL PROTECTED] or [EMAIL PROTECTED]
Our motto: "Getting the Job Done"

 


 

-Original Message-
From: tedd <[EMAIL PROTECTED]>
To: [EMAIL PROTECTED]; css-d@lists.css-discuss.org
Sent: Tue, 23 Oct 2007 10:03 am
Subject: Re: [css-d] CSS Popup not working in IE









At 9:32 PM -0400 10/22/07, [EMAIL PROTECTED] wrote:?

>  I'm doing yet another do-it-yourself-Flickr-slideshow app for my 
>site, based on code from lots of other sources.?

>One feature I added was to have notes for each picture, in a simple 
>text file (as opposed to on Flickr), where they can be tailored by 
>set, not just picture. Anyhoo, these notes are displayed when the 
>user rolls over the thumbnail image. At least they are in Firefox, 
>but NOT in IE.? I stripped down the program so there's only one 
>thumbnail being shown.? (I left the full code for a thumbnail in 
>there, commented, just for reference, but I've already stripped down 
>the running example. (It's based on Eric Meyer's pure-CSS popups.)?

>?

>Here's the URL: http://cpuworks.com/testing/test.html?

>?

>The styles are in that file, along with a little Javascript.?

>?

If anyone can take a gander and see what's going wrong, I'd love it. 
I'm on a Mac, so the IE testing is problematic at best.? I thought it 
might have to do with IE using the ALT tag wrong, but no joy?
?

You can do that with just css, if you're willing to add text to an 
image. See here:?
?

http://webbytedd.com/bb/replace-image4/?
?

Cheers,?
?

tedd?
?

-- 
---?

http://sperling.com  http://ancientstones.com  http://earthstones.com?



 



Email and AIM finally together. You've gotta check out free AOL Mail! - 
http://mail.aol.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] CSS Popup not working in IE

[tedd]

At 9:32 PM -0400 10/22/07, [EMAIL PROTECTED] wrote:
>  I'm doing yet another do-it-yourself-Flickr-slideshow app for my 
>site, based on code from lots of other sources.
>One feature I added was to have notes for each picture, in a simple 
>text file (as opposed to on Flickr), where they can be tailored by 
>set, not just picture. Anyhoo, these notes are displayed when the 
>user rolls over the thumbnail image. At least they are in Firefox, 
>but NOT in IE.? I stripped down the program so there's only one 
>thumbnail being shown.? (I left the full code for a thumbnail in 
>there, commented, just for reference, but I've already stripped down 
>the running example. (It's based on Eric Meyer's pure-CSS popups.)
>
>Here's the URL: http://cpuworks.com/testing/test.html
>
>The styles are in that file, along with a little Javascript.
>
If anyone can take a gander and see what's going wrong, I'd love it. 
I'm on a Mac, so the IE testing is problematic at best.? I thought it 
might have to do with IE using the ALT tag wrong, but no joy

You can do that with just css, if you're willing to add text to an 
image. See here:

http://webbytedd.com/bb/replace-image4/

Cheers,

tedd

-- 
---
http://sperling.com  http://ancientstones.com  http://earthstones.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] Adding a faux column on my blog

[Rafael]

Ian Bethune wrote:
> So far I did what you said and have only gotten 1 column to work. I have
> tried many different things but nothing has worked. I did figure out why it
> wasn't calling the gif in the first place as I had made an error in the
> code. Once I fixed it, it started to work. But I can get the right side to
> go if I put that in again or have it repeat-y both. Here is the section of
> the code that I've been working in.
>
> #content_box {background:#fff url('images/faux.gif') repeat-y left; width:
> 970px; text-align: left; float: left; clear: both; }
>   
>   #content { width: 510px; padding: 0 0 0 10px; float: left;
> }
>   
>   #sidebar { background:#f2f2f2; width: 210px; padding: 0 0 0
> 10px; float: right; }
>   
>   #l_sidebar { background:#f2f2f2; width: 210px; padding: 0 0
> 0 10px; float: left; }
>   
>   #footer { background:#5f; width: 970px; padding: 1.2em 0 0 0;
> border-top: 2px solid #ccc; float: center; clear: both; }
>
> Thanks for your quick reply yesterday.
>
> Ian
>   
Hi, Ian.
The problem is that your background image should have both columns. 
Since it only has one (and you set the background at the left) only the 
left column works. You're using a fixed layout, so using an image with 
the widths you want should give you no problem.

Also, if you're using the faux-column technique, you don't need to 
set the background color for the columns anymore, doing so could even 
give you a small problem if the image's column width is a little smaller 
than your actual columns.

Regards,
Rafael.
__
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 link not working

[Eystein Alnaes]

I'm having problems getting a link working IE6. The "Les mer" links in the
two top elements in the right column won't respond to any :hover or clicking
or similar. I've tried adding hasLayout with no luck. Removing the container
div's background .png also doesn't make any difference. I'm very ready to
squash this last IE bug!

You can view it here
http://imack.spymac.com/test/h0.html

css:
http://imack.spymac.com/test/css/main.css
http://imack.spymac.com/test/css/ie6.css
__
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] Adding a faux column on my blog

[Ian Bethune]

So far I did what you said and have only gotten 1 column to work. I have
tried many different things but nothing has worked. I did figure out why it
wasn't calling the gif in the first place as I had made an error in the
code. Once I fixed it, it started to work. But I can get the right side to
go if I put that in again or have it repeat-y both. Here is the section of
the code that I've been working in.

#content_box {background:#fff url('images/faux.gif') repeat-y left; width:
970px; text-align: left; float: left; clear: both; }

#content { width: 510px; padding: 0 0 0 10px; float: left;
}

#sidebar { background:#f2f2f2; width: 210px; padding: 0 0 0
10px; float: right; }

#l_sidebar { background:#f2f2f2; width: 210px; padding: 0 0
0 10px; float: left; }

#footer { background:#5f; width: 970px; padding: 1.2em 0 0 0;
border-top: 2px solid #ccc; float: center; clear: both; }

Thanks for your quick reply yesterday.

Ian


From: Rafael [mailto:[EMAIL PROTECTED] 
Sent: Sunday, October 21, 2007 11:31 PM
To: Ian Bethune
Cc: css-d@lists.css-discuss.org
Subject: Re: [css-d] Adding a faux column on my blog

Ian Bethune wrote: 
I have added a background color to my sidebar on my blog Sox & Dawgs,
http://soxanddawgs.com

I would like the sidebar color to extend to the bottom of each page and not
lengthen it any more than the longest sidebar unless the content is that
long. 

I have read the how to create a faux column with css but have not had any
success. So I turn here for help. 

Any help anyone can give me would be greatly appreciated. Thank you very
much for your time.
  
    I haven't seen the CSS (was too long), but the effect you want can be
achieved by adding the image with the "faux" columns to #content_box, that
way whatever content is the longest it will affect the three "columns".

    Hope this helps.


__
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] Resetting the alpha filter in IE6

[Sarah Heinemann]

Greetings!

I'm trying to make transparent backgrounds for DIVs work across different
browsers without the child elements inheriting the transparency. Following a
suggestion I found in the archives I used a small PNG file tiled as the
background as a standard method, then-- since I was already using an IE6
specific style sheet-- used the alpha filter applied to a background color
for IE6 or older. It was my understanding that IE's filter property was the
only one of the three CSS opacity methods that would allow you to return
child elements back to 100% opacity. 

The problem I have is that I can't get the child elements back to 100%
opacity. I'm not sure what I'm doing wrong.

Here's the links in question:
http://www.ladyofdragons.com/test/gallery/art-archive.htm
http://www.ladyofdragons.com/test/aurora-noc-ie6.css
http://www.ladyofdragons.com/test/aurora-noc-master.css

And snippets from the IE stylesheet:


__
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] Named Anchors and Fixed Headers?

[Sarah Heinemann]

>Add...

>#content p a {margin-top: -100px; padding-top: 100px; width: 1px;
.display: block;}

>...and the anchor will appear 100px below top of window and nicely below
>the fixed header.
>The anchor is actually around 115px tall and 1px wide with this styling,
>but that won't bother any of the browsers that support 'position: fixed'
>in the first place. The narrow width is set to prevent the anchor
>covering any of the image-links above it.

>Tested in IE7, Opera 9, Firefox 2 - perfect result.

>regards
Georg

Thank you! That's working wonderfully so far, I'll have to find more
browsers to test it in. I assume that if I end up wanting text links within
the  tag inside the content DIV then I just need to make a class
'unstyle' the margins? Something like:

p.fixlink 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 pixel difference between IE and Firefox

[Kenny Graham]

> Umm. Shouldn't that be 'vertical-align: bottom;' Kenny?


Wow. Remind me not to post while sleep deprived.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] images off / css on

[Éric Vesque]

Jukka K. Korpela a écrit :
> It's safer to set the properties for the h1 element, e.g.
>
> h1 { color: #006; background: #fff; }
>
> If you only set background for the enclosing div, then most of the time the 
> h1 will have a transparent background and things will be OK. But why take 
> chances when there is nothing to be won? Some day the page might be viewed 
> in a situation where some other style sheet affects it, too, possibly a user 
> style sheet, and that style sheet might set a background color, and even a 
> background image (that's why my example sets background and not just 
> background-image), and who knows what they might be?
>
> Generally, always set color and background together.
>
>
> Jukka K. Korpela ("Yucca")
> http://www.cs.tut.fi/~jkorpela/ 
>
>   
You're right.

-- 
Éric Vesque
imprimerie Print, Limoges
http://www.affaire-imprimerie.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] CSS Popup not working in IE

[wilsoncpu]

 This fix works (yay!) - but now I notice another oddity. IE and FF apparently 
disagree as to where the link's location begins. In FF, the link (as shown by 
the BG color and the position of the SPAN) "starts" about 1 text line above the 
bottom of the image (although the whole images _is_ active); thus a TOP of 13px 
pushes the SPAN down to the bottom edge of the image, which is what I want. On 
the other hand, IE (properly?!?) thinks the link "starts" at the upper left 
corner of the image, so the TOP of 13px just pushes it down about 1 text line, 
right into the middle of the image. I can clearly do a browser-based kludge on 
the location, but is there a more elegant solution?? If possible, I'd like the 
SPAN to always appear at the bottom edge of whatever image I'm using, even if 
the images are different sizes. If that's not possible with one class, I guess 
I could use different classes based on image size/height.


 


---
Mark Wilson, Computer Programming Unlimited
Web: http://www.cpuworks.com/
Email: [EMAIL PROTECTED] or [EMAIL PROTECTED]
Our motto: "Getting the Job Done"

 


 

-Original Message-
From: Thierry Koblentz <[EMAIL PROTECTED]>
To: [EMAIL PROTECTED]; [EMAIL PROTECTED]; css-d@lists.css-discuss.org
Sent: Tue, 23 Oct 2007 1:29 am
Subject: RE: [css-d] CSS Popup not working in IE










> On Behalf Of [EMAIL PROTECTED]

> Weird. Doesn't work in IE5 (Win2K) here, and I think it's IE7 (WinXP) at
work that, er, doesn't. (Work, that is.)? 
> If I have to use somebody's package to get it to work, OK, but that'd (a)
be a pain and (b) mean more files needed;
> I was hoping this would end up pretty close to a one-file solution. Grrr.

a.hasNotes:hover span {...} is not enough, for IE you need to add a a:hover
{...} rule 
for example a:hover {border:1px solid #fff} or a:hover {background:50% 50%} 

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







 



Email and AIM finally together. You've gotta check out free AOL Mail! - 
http://mail.aol.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] images off / css on

[Jukka K. Korpela]

Éric Vesque wrote:

>>  dark blue background image gradient.
>>  on top of it, styled white to be readable
>> 
- -
> Just add:
>
> background-color: (whatever color you want);
>
> to the properties of your div; this should do it.

It's safer to set the properties for the h1 element, e.g.

h1 { color: #006; background: #fff; }

If you only set background for the enclosing div, then most of the time the 
h1 will have a transparent background and things will be OK. But why take 
chances when there is nothing to be won? Some day the page might be viewed 
in a situation where some other style sheet affects it, too, possibly a user 
style sheet, and that style sheet might set a background color, and even a 
background image (that's why my example sets background and not just 
background-image), and who knows what they might be?

Generally, always set color and background together.


Jukka K. Korpela ("Yucca")
http://www.cs.tut.fi/~jkorpela/ 

__
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] CSS Popup not working in IE

[wilsoncpu]

 Great!? I've put in a red BG on hover, just so I can see it happen in FF, will 
check it when I get to work.? This "dummy" rule sounds vaguely familiar now...? 
another little bug courtesy of IE, I guess?


 


---
Mark Wilson, Computer Programming Unlimited
Web: http://www.cpuworks.com/
Email: [EMAIL PROTECTED] or [EMAIL PROTECTED]
Our motto: "Getting the Job Done"

 


 

-Original Message-
From: Thierry Koblentz <[EMAIL PROTECTED]>
To: [EMAIL PROTECTED]; [EMAIL PROTECTED]; css-d@lists.css-discuss.org
Sent: Tue, 23 Oct 2007 1:29 am
Subject: RE: [css-d] CSS Popup not working in IE










> On Behalf Of [EMAIL PROTECTED]

> Weird. Doesn't work in IE5 (Win2K) here, and I think it's IE7 (WinXP) at
work that, er, doesn't. (Work, that is.)? 
> If I have to use somebody's package to get it to work, OK, but that'd (a)
be a pain and (b) mean more files needed;
> I was hoping this would end up pretty close to a one-file solution. Grrr.

a.hasNotes:hover span {...} is not enough, for IE you need to add a a:hover
{...} rule 
for example a:hover {border:1px solid #fff} or a:hover {background:50% 50%} 

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







 



Email and AIM finally together. You've gotta check out free AOL Mail! - 
http://mail.aol.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] images off / css on

[Brian Cummiskey]

Hi All,

Perhaps this is more an accessibility questions than CSS, but the fix 
lies in the css i believe.

Scenario:

 dark blue background image gradient.
 on top of it, styled white to be readable



Now, when images are off, the text is white on white (on an assumed not 
user-styled browser window) and un-readable.


i'm stuck leaving the font color white, as its not my design.

Is there a common fix/workaround/hack for this?


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

Re: [css-d] images off / css on

[Éric Vesque]

Brian Cummiskey a écrit :
> Hi All,
>
> Perhaps this is more an accessibility questions than CSS, but the fix 
> lies in the css i believe.
>
> Scenario:
>
>  dark blue background image gradient.
>  on top of it, styled white to be readable
> 
>
>
> Now, when images are off, the text is white on white (on an assumed not 
> user-styled browser window) and un-readable.
>
>
> i'm stuck leaving the font color white, as its not my design.
>
> Is there a common fix/workaround/hack for this?
>
>   
Hi Brian,

Just add:

background-color: (whatever color you want);

to the properties of your div; this should do it.

Regards,

-- 
Éric Vesque
imprimerie Print, Limoges
http://www.affaire-imprimerie.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/