PDA

Click to See Complete Forum and Search --> : Firefox Table Borders Problem

klanga2049
02-19-2008, 01:18 PM
I created galleries using Allwebmenus and protected them with HtmlProtector, it divides pictures 6 parts in a table example www.aymavisi.org/felsefe/Demokritos/pages/image001.html (felsefe/Demokritos/pages/image001.html) They are okay with Opera and IE but in FF2 table has borders. I have hundreds of pictures like this and now it's too late to rebuild them, how can I alter the code to get rid of this. I added all doctypes here http://www.w3.org/QA/2002/04/valid-dtd-list.html but no chance. Also made all margin border and pads to 0. Here's related my page's whole code. I need help please.


<style type="text/css">
body { font-family: Tahoma, Arial, Helvetica; }
td { font-family: Tahoma, Arial, Helvetica; font-size:18px }
</style>

<!--hppage AdMcha="protected"-->
<html>
<head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-9"><SCRIPT LANGUAGE="JavaScript"><!--
document.write(unescape("%3C%53%43%52%49%50%54%20%4C%41%4E%47%55%41%47%45%3D%22%4A%61%76%61%53%63%72%69%70%74%22%3E%3C%21%2D% 2D%0D%0A%68%70%5F%6F%6B%3D%74%72%75%65%3B%66%75%6E%63%74%69%6F%6E%20%68%70%5F%64%30%30%28%73%29%7B%6 9%66%28%21%68%70%5F%6F%6B%29%72%65%74%75%72%6E%3B%64%6F%63%75%6D%65%6E%74%2E%77%72%69%74%65%28%73%29 %7D%2F%2F%2D%2D%3E%3C%2F%53%43%52%49%50%54%3E"));//--></SCRIPT>
<title>sokrates</title>


<meta name="keywords" content="Demokritos Antik Yunan Filozofu ve Düşünürü Güzel Özlü Ders Veren Sözler">

<meta name="description" content="Demokritos Antik Yunan Filozofu ve Düşünürü Güzel Özlü Ders Veren Sözler">

<meta name="author" content="">

<meta name="generator" content="AlbumWeb Pro (http://www.photoactions.com/awebpro/)">
</head>
<body text="#000000" link="#0000ff" alink="#ff0000" vlink="#800080" background="../images/bbbbstars.gif"><NOSCRIPT>To display this page you need a browser with JavaScript support.</NOSCRIPT>
<script type="text/javascript" language="JavaScript"><!--
function onChangePageComboBox(Target){
window.open(event.srcElement.options[event.srcElement.selectedIndex].value,Target);
}
--></script>


<table align="center" width=100%>
<tr><td></td><td align="center"><span id=pgtlt0></span></td><td></td></tr>
<tr><td></td><td align="center"></td> <td></td></tr>
<tr>
<td valign="top" width=40></td>
<td align="center" valign="middle"><table cellspacing="0" cellpadding="0">
<tr><td align=center><table cellspacing="0" cellpadding="0" border="0" width=100% height=100%><tr><td align="center" valign="middle"><table cellSpacing=0 cellPadding=0>
<tr>
<td><a href="../images/8Slide8_resize.jpg"><!--hpbackupstart type="0" data="2W5pn9+WrIGOYPkqqpHurOqIwyuVoRBNvlmGLoDTozpyknGb2hYq75bhdX9mXSbKlY+NZlM0RkJokoCUGj1skIe4D2GGgyPBVK+8 gIuS10a11Oo06jbpiRRk9ohBLbLBKuwbGZNQhOhuJKFA1g=="--><table border="0" cellpadding="0" cellspacing="0" align="middle"><tr><td><img src="../images/85d1ab7de6ca1f22094a6c701b00968c.jpg" hspace="0" vspace="0" width="312" height="156"></td><td><img src="../images/ea5528fe22e48f8f06427cbb6ee6e63b.jpg" hspace="0" vspace="0" width="312" height="156"></td></tr><tr><td><img src="../images/e1d3a7a66cda2a124dc78d15e1937e5c.jpg" hspace="0" vspace="0" width="312" height="156"></td><td><img src="../images/f08a876bea26749851d1ec3e979e705d.jpg" hspace="0" vspace="0" width="312" height="156"></td></tr><tr><td><img src="../images/02b861834b29e63020f53182caff1421.jpg" hspace="0" vspace="0" width="312" height="156"></td><td><img src="../images/ab7f4fff533e38730af49025ca4c09e2.jpg" hspace="0" vspace="0" width="312" height="156"></td></tr></table><!--hpbackupend-->
</a></td>
<td height="100%">
<table height="100%" cellSpacing=0 cellPadding=0 width=7>
<tr><td height=7></td></tr>
<tr><td bgColor=#004364></td></tr>
</table>
</td>
</tr>
<tr>
<td>
<table height=7 cellSpacing=0 cellPadding=1 width="100%">
<tr>
<td width=7></td>
<td bgColor=#004364></td>
</tr>
</table>
</td>
<td bgColor=#004364></td>
</tr>
</table>
</td></tr><tr><td align="center" valign="middle"><span style="font-size: 21px; font-weight: 800; font-family: Verdana; font-style: normal;color:#b4e6f0;"></span></td></tr></table></td></tr>
</table>
</td>
<td valign="bottom" width=40></td>
</tr>
<tr>
<td></td>
<td align="center">
<!-- hor menu -->
<table cellspacing=0 cellpadding=0 border=0><tr><td>
<table cellspacing=2 cellpadding=0><tr>
<td><table><tr><td align='center' valign='middle'><img width="62" height="61" style="cursor=hand" onclick="javascript:void(0) " onmouseover="this.src='../images/aymavisi dark over cropped left.gif'" onmouseout="this.src='../images/aymavisi dark cropped left.gif'" src="../images/aymavisi dark cropped left.gif" alt="Bir Önceki Sayfa"></td></tr><tr><td align='center' valign='middle'>
<span style="cursor=hand" onclick="javascript:void(0) "><div align=center style="font-size: 19px; font-weight: 800; font-family: Pristina; font-style: normal;color:#c0c0c0;">Önceki</div></span></td></tr></table></td>

<td><table><tr><td align='center' valign='middle'><img width="63" height="64" style="cursor=hand" onclick="javascript:void(0) " onmouseover="this.src='../images/aymavisi dark over cropped up.gif'" onmouseout="this.src='../images/aymavisi dark cropped up.gif'" src="../images/aymavisi dark cropped up.gif" alt="Ana Galeri'ye Dön"></td></tr><tr><td align='center' valign='middle'>
<span style="cursor=hand" onclick="javascript:void(0) "><div align=center style="font-size: 19px; font-weight: 800; font-family: Pristina; font-style: normal;color:#c0c0c0;">Galeri</div></span></td></tr></table></td>

<td><table><tr><td align='center' valign='middle'><img width="60" height="58" style="cursor=hand" onclick="javascript:void(0) " onmouseover="this.src='../images/aymavisi dark over cropped.gif'" onmouseout="this.src='../images/aymavisi dark cropped.gif'" src="../images/aymavisi dark cropped.gif" alt="Bir Sonraki Sayfa"></td></tr><tr><td align='center' valign='middle'>
<span style="cursor=hand" onclick="javascript:void(0) "><div align=center style="font-size: 19px; font-weight: 800; font-family: Pristina; font-style: normal;color:#c0c0c0;">Sonraki</div></span></td></tr></table></td>

</tr></table></td></tr></table>
<!-- hor menu end -->
</td>
<td></td>
</tr>
</table>

</body>
</html>
KDLA
02-20-2008, 10:15 AM
Your link doesn't bring up a page, but here's a guess:
Add this to your CSS:

table {border-collapse: collapse; border: 0}
table td {border: 0;}
klanga2049
02-21-2008, 08:12 AM
Sorry, this brings to correct link.
http://www.aymavisi.org/felsefe/Demokritos/pages/image001.html

Can you show on the code where should I add your code.
Centauri
02-21-2008, 09:00 AM
Can't see any borders with FF 1.5

You realise that the simple press of the "Print Screen" key has your images in one piece?
klanga2049
02-21-2008, 09:15 AM
I use FF2, I guess most people use this version, Print Screen doesn't help in FF2
KDLA
02-21-2008, 09:27 AM
I see the borders using Fx2.
Try adding this code right above your </head> tag:

<style type="text/css">
table {border-collapse: collapse; border: 0}
table td {border: 0;}
</style>
Centauri
02-21-2008, 09:57 AM
I can see the borders now. This is caused by the invalid nesting of the table inside an <a> link - you can't put block level elements inside inline elements.

PS: you also have a number of other coding errors - css not within <head>, missing quote marks from many attribute values etc.
klanga2049
02-21-2008, 10:11 AM
I added KDLA your code but nothing changed. Since I realized this problem after years (I checked before with Opera and FF1.5 no problem so I continued my work) now I can't turn back I have 100s of galleries like this but can a code adding solve this?
klanga2049
02-21-2008, 12:10 PM
I solved it, there's an unneccesary hyperlink on picture I batch replaced all pages' href to ref to remove hyperlink and FF2 problem solved. Thanks for help.