[css-d] Mysterious Black Line

2006-06-19 Thread tedd
Hi people:

I'm not asking for anyone to root out a solution for me, unless you want. What 
I would like is IF anyone has seen this phenomena before and can point me in 
the right direction to find a solution.

It has been pointed out to me that a Mysterious Black Line appears at the top 
left of my web page 

http://www.sperling.com/examples/menuh/

when viewing the page via Firefox 1.5.0.4 running on Mac OS X 10.4.6.

This line doesn't appear on any other browsers or OS that I am aware.

So, anyone have any ideas as to why and can offer a direction for solution?

Thanks in advance for any replies.

tedd
-- 

http://sperling.com  http://ancientstones.com  http://earthstones.com
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


Re: [css-d] Mysterious Black Line

2006-06-19 Thread cj
On 6/19/06, tedd [EMAIL PROTECTED] wrote:
 It has been pointed out to me that a Mysterious Black Line appears at the 
 top left of my web page

 http://www.sperling.com/examples/menuh/

 when viewing the page via Firefox 1.5.0.4 running on Mac OS X 10.4.6.

 This line doesn't appear on any other browsers or OS that I am aware.

i'm not sure how you didn't see it on ff 1.5 on winxp, but i see it
here on my machine.  this got rid of it:

a img {border: none !important;}

hopefully that helps you start debugging!
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


Re: [css-d] Mysterious Black Line

2006-06-19 Thread Els
tedd wrote:
 Hi people:

Hi person ;-)

 I'm not asking for anyone to root out a solution for me,
 unless you want. What I would like is IF anyone has seen this
 phenomena before and can point me in the right direction to
 find a solution.

 It has been pointed out to me that a Mysterious Black Line
 appears at the top left of my web page

 http://www.sperling.com/examples/menuh/

 when viewing the page via Firefox 1.5.0.4 running on Mac OS X
 10.4.6.

Same here on Windows XP, Firefox 1.5.0.4.

 This line doesn't appear on any other browsers or OS that I am
 aware.

But it does :-)

 So, anyone have any ideas as to why and can offer a direction
 for solution?

The line is the top border of this element:
a href=#narrowparagraphimg src=images/gifs/transparent.gif 
alt=Skip Navigation height=2 width=2/a

Firefox doesn't obey set widths on images that don't load. The 
transparent.gif is not present in the given location.
-- Elshttp://locusmeus.com/http://locusoptimus.com/ 


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


Re: [css-d] Mysterious Black Line

2006-06-19 Thread tedd
Hi people:

I asked:

It has been pointed out to me that a Mysterious Black Line appears at the 
top left of my web page

http://www.sperling.com/examples/menuh/

when viewing the page via Firefox 1.5.0.4 running on Mac OS X 10.4.6.

cj said use:

a img {border: none !important;} -- which worked like a charm -- mondo thanks! 
It was an easy fix, much better than I anticipated.

Els said:

  This line doesn't appear on any other browsers or OS that I am
  aware.

But it does :-)

Ok, I said that I was aware of -- I wasn't aware until now. :-)

Both Els and -Nick pointed out:

The line is the top border of this element:
a href=#narrowparagraphimg src=images/gifs/transparent.gif
alt=Skip Navigation height=2 width=2/a

Which carries the image border thing problem. I placed that there for 
accessibility Skip Navigation, which as my Mom used to say No good deed ever 
goes unpunished.

Thanks for all your most observant help.

Now, one last question.

Why does the background image I use not work in just the those two pages 
showing my menu examples --

http://www.sperling.com/examples/menuh/
http://www.sperling.com/examples/menuv/

-- via Firefox 1.5.0.4 running on Mac OS X 10.4.6 and I assume others?

I've looked at it and the problem isn't obvious to me as to why it's happening. 
Is it the IE conditional statement interfering with the basic css with regard 
to background?

Thanks again for your time.

tedd

-- 

http://sperling.com  http://ancientstones.com  http://earthstones.com
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


Re: [css-d] Mysterious Black Line

2006-06-19 Thread Els
tedd wrote:

 The line is the top border of this element:
 a href=#narrowparagraphimg
 src=images/gifs/transparent.gif
 alt=Skip Navigation height=2 width=2/a

 Which carries the image border thing problem. I placed that
 there for accessibility Skip Navigation, which as my Mom
 used to say No good deed ever goes unpunished.

I place skip links outside of the viewport, and then let them 
'pop up' inside the viewport when receiving focus, with :focus 
and :active (for IE) styles.

 Why does the background image I use not work in just the those
 two pages showing my menu examples -- 

 http://www.sperling.com/examples/menuh/
 http://www.sperling.com/examples/menuv/

 -- via Firefox 1.5.0.4 running on Mac OS X 10.4.6 and I assume
 others?

 I've looked at it and the problem isn't obvious to me as to
 why it's happening. Is it the IE conditional statement
 interfering with the basic css with regard to background?

You can test that of course, by taking out that statement and 
check if the problem persists in FF.


Which background-image are you referring to? I don't see anything 
in IE(7) that isn't there in Firefox, except for quite a few 
problems with overlapping texts in the content (on all pages).
Opera also shows me the same thing as Firefox.

-- 
Els
http://locusmeus.com/
http://locusoptimus.com/ 


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/