WHat is the reason for the thin white stripe?

Above the home | contact the background has a one pixel white stripe when the font size is medium and in firefox.

Please advice

<base href="http://ep.espacenet.com/"><!-- ep -->

<LINK REL="stylesheet" HREF="http://ep.espacenet.com/scriptsV3/css_ie.css" TYPE="text/css">
<table class="noPrint" width="905" border="0" cellpadding="0" cellspacing="0">
<tr>
  <td width="183" valign="top" background="/images/logo_top.gif"><a href=".."><img alt="" src="http://ep.espacenet.com/images/logo_ep.gif" width="183" height="48" border="0"></a></td>
  <td width="17" bgColor="#65679E" background="/images/banner_middle.gif"><img alt="" src="/images/point.gif" width="17" height="1"></td>
  <td width="100%" background="/images/banner_right.gif" valign="top"><img alt="" src="/images/point.gif" width="1" height="3"><br><b class=logo>European<br/>Patent Office</b></td>
  <td rowspan="2" background="/images/banner_right_r.gif" valign="top"><a href="..."><img src="/images/logo_espace.gif" width="180" height="64" border="0" ALT="Logo"></a></td>
</tr>
<tr>
  <td background="/images/logo_bottom.gif" class="navsmall"><img alt="" src="/images/point.gif" width="13" height="5"><a href="..." class="blue">Home</a>  <span class="blue">|</span> <a href="..." class="blue">Contact</a></td>
  <td bgColor="#65679E"  background="/images/banner_middle_bl.gif"><img alt="" src="/images/point.gif" width="17" height="15"></td>
  <td width="100%" background="/images/banner_right_bl.gif" class="navsmall" style="background-repeat: repeat-y">
<a href="..." class="wit">English</a>
<img alt="" src="/images/point.gif" width="20" height="1"><a href="..." class="wit">Deutsch</a>
<img alt="" src="/images/point.gif" width="20" height="1"><a href="..." class="wit">Français</a>
<img alt="" src="/images/point.gif" width="20" height="1"><a href="..." class="wit"></a>
  </td>
</tr>
</table>
LVL 75
Michel PlungjanIT ExpertAsked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

seanpowellCommented:
Michel, all I can see is the light blue line repeating itself twice, is that what you're referring to?

Sean
0
andYetAnotherLoginNameCommented:
change
  <td width="183" valign="top" background="/images/logo_top.gif"><a href=".."><img alt="" src="http://ep.espacenet.com/images/logo_ep.gif" width="183" height="48" border="0"></a></td>

to
  <td width="183" valign="top" height=49 background="/images/logo_top.gif"><a href=".."><img alt="" src="http://ep.espacenet.com/images/logo_ep.gif" width="183" height="48" border="0"></a></td>

0
andYetAnotherLoginNameCommented:
and you have same problem below "Home | contact", too.
0
Ultimate Tool Kit for Technology Solution Provider

Broken down into practical pointers and step-by-step instructions, the IT Service Excellence Tool Kit delivers expert advice for technology solution providers. Get your free copy now.

seanpowellCommented:
That's all the table cells and spacer gif's. 90's style page coding will bite you every time :-)
0
andYetAnotherLoginNameCommented:
Actually the problem is with a background image. It just wasn't made to tile well )
0
Michel PlungjanIT ExpertAuthor Commented:
However the page is the same in both IE and Firefox
Why is there a thing UNDER the links in Netscape 4.8? is that what you mean by "and you have same problem below "Home | contact", too."

I do not see that in IE or firrefox.

Sean: This page has been designed for as many browsers as possible.

When we tried using absolutely positioned DIVS the result looked like CRAP in other browsers.

The problems they introduce are much bigger than a few spacer gifs, I just could not see where the dumb line came from, still cannot. The 49 thingy helped but did not explain

Michel
0
Michel PlungjanIT ExpertAuthor Commented:
andYetAnotherLoginName : Really?

So if I remoev or add a pixel to it it shold be better?

Michel
0
Michel PlungjanIT ExpertAuthor Commented:
How can http://ep.espacenet.com/images/banner_right_bl.gif
be made to tile better?
0
andYetAnotherLoginNameCommented:
but logo_bottom.gif can - you see, top scan line and bottom scan line are same color. they should be different in order to tile seamlessly.
0
andYetAnotherLoginNameCommented:
just try my patch above and see that it works and why.

>> is that what you mean by "and you have same problem below "Home | contact", too."

just print-screen your page in Firefox, open in mspaint, and zoom x8.
0
Michel PlungjanIT ExpertAuthor Commented:
Helped when I flipped the double ones and removed the top row in the wider one
0
seanpowellCommented:
Michel,
It's just the mass of code required when the pages are laid out like that. It's like ecology: reduce, reuse and recycle.

All you need is this:

<div id="header" class="noprint">
      <div class="header-l">
            <a href="#"><img alt="" src="/images/logo_ep.gif" width="183" height="48"></a>
            <span class="toplinks"><a href="#">Home</a> | <a href="...">Contact</a></span>
      </div>
      <div class="header-r">
            <div class="mainlogo">
                  <a href="#"><img src="/images/logo_espace.gif" width="180" height="64" ALT="Logo" border="0"></a>
            </div>
            <div class="logo">European<br/>Patent Office</div>
            <span class="navsmall"><a href="#">English</a> <a href="#">Deutsch</a> <a href="#">Français</a></span>
      </div>
</div>

http://www.pdgmedia.com/ee/michel.html

Sean

0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
rockstar_dubCommented:
Try this

<base href="http://ep.espacenet.com/"><!-- ep -->

<LINK REL="stylesheet" HREF="http://ep.espacenet.com/scriptsV3/css_ie.css" TYPE="text/css">
<style type="text/css">
  a.wit,a.wit:visited,a.wit:active{color:#FFFFFF;text-decoration:none;}
  a.wit:hover{color:#FFFFFF;text-decoration:underline}
  body {margin:0}
</style>
<table class="noPrint" width="905" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="183" valign="top" background="/images/logo_top.gif"><a href=".."><img alt="" src="http://ep.espacenet.com/images/logo_ep.gif" width="183" height="48" border="0"></a></td>
<td width="17" bgColor="#65679E" background="/images/banner_middle.gif"><img alt="" src="/images/point.gif" width="17" height="1"></td>
<td width="100%" background="/images/banner_right.gif" valign="top"><img alt="" src="/images/point.gif" width="1" height="3"><br><b class=logo>European<br/>Patent Office</b></td>
<td rowspan="2" background="/images/banner_right_r.gif" valign="top"><a href="..."><img src="/images/logo_espace.gif" width="180" height="64" border="0" ALT="Logo"></a></td>
</tr>
<tr>
<td background="/images/logo_bottom.gif" class="navsmall"><img alt="" src="/images/point.gif" width="13" height="5"><a href="..." class="blue">Home</a> | <a href="..." class="blue">Contact</a></td>
<td bgColor="#65679E"  background="/images/banner_middle_bl.gif"><img alt="" src="/images/point.gif" width="17" height="15"></td>
<td width="100%" background="/images/banner_right_bl.gif" class="navsmall" style="background-repeat: repeat-y">
<a href="..." class="wit">English</a>
<img alt="" src="/images/point.gif" width="20" height="1"><a href="..." class="wit">Deutsch</a>
<img alt="" src="/images/point.gif" width="20" height="1"><a href="..." class="wit">Français</a>
</td>
</tr>
</table>
0
Michel PlungjanIT ExpertAuthor Commented:
Try it in mozilla :|
0
seanpowellCommented:
Works pefectly in Mozilla - what are you referring to?

Sean
0
Michel PlungjanIT ExpertAuthor Commented:
Thin line in my mozilla
0
andYetAnotherLoginNameCommented:
m-plung-jan, correct me if I am wrong, but you have said that you have fixed the problem. so, it is the time to select most helpfull answers ;)
0
Michel PlungjanIT ExpertAuthor Commented:
I would like to fix the problem using html and not by messing with images

And it is M. Plungjan :)

Michel
0
seanpowellCommented:
Michel,
You viewed this page, and still saw a thin line?

http://www.pdgmedia.com/ee/michel.html

Sean
0
andYetAnotherLoginNameCommented:
>> I would like to fix the problem using html and not by messing with images

didn't I gave you HTML?
0
Michel PlungjanIT ExpertAuthor Commented:
Sean: what of the css did you create and what did you copy. I would prefer not to mess with the css

AYALN: Complete?

Roc: light stripe in firefox
0
Michel PlungjanIT ExpertAuthor Commented:
Sean: Have a look at yours in Netscape 4 just to see what it looks like, then try a pda with the novarra browser. Then you will see why I prefer tables
0
seanpowellCommented:
>>Have a look at yours in Netscape 4.
No thanks, I don't code for N4.

>>then try a pda
You didn't say anything about pda support until now.

The reason you prefer tables is that the page is deisgned for them, so you have no choice. CSS is about rethinking layout, not replacing <td> with <div>

Sean
0
Michel PlungjanIT ExpertAuthor Commented:
"Sean: This page has been designed for as many browsers as possible.
When we tried using absolutely positioned DIVS the result looked like CRAP in other browsers."

And that is the crux.

I just want to get rid of the lighter stripe using html in tables, e.g. fix the table I have

Your solution is great if I ignore older browsers. I can tell you the audience are quick to complain when something breaks in Mozilla Linux or safari on osx

Michel
0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
HTML

From novice to tech pro — start learning today.

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.