Zikula Community

• **unknown user**
  
  

  • Rank: Softmore
  • Registered: Mar 16, 2002
  • Last visit: Oct 21, 2009
  • Posts: 271

  Posted: Sep 25, 2006 - 05:28 AM

  ok, I'm working on a theme and it's turned out fine in Firefox but breaks when using IE6.
  
  Here's how it should look (as seen in firefox)
  
  
  and here's it broken in IE6
  
  
  
  and here's the code:
  
  http://www.yourwords.ca/menu.txt
  
  Can anyone help? I just can't figure out why IE is sticking in those dividers between graphics.

  • 
  •  
• **unknown user**
  
  

  • Rank: Helper
  • Registered: Mar 16, 2002
  • Last visit: Oct 21, 2009
  • Posts: 877

  Posted: Sep 25, 2006 - 08:35 AM

  You have some very sloppy code there. For starters, try removing all the cellpadding, cellspacing and other slop from the tr and td tags. It doesn't belong there and, off-hand, I can only guess that it might make IE freak out a bit. Those generally only belong in table tags.

  • 
  •  
• **unknown user**
  
  

  • Rank: Softmore
  • Registered: Mar 16, 2002
  • Last visit: Oct 21, 2009
  • Posts: 271

  Posted: Sep 25, 2006 - 01:09 PM

  warrick

  You have some very sloppy code there. For starters, try removing all the cellpadding, cellspacing and other slop from the tr and td tags. It doesn't belong there and, off-hand, I can only guess that it might make IE freak out a bit. Those generally only belong in table tags.

  
  
  I only added that in a last-ditch effort to stop the spacing that was occuring. The error has nothing to do with that, unfortunately.

  • 
  •  
• **unknown user**
  
  

  • Rank: Softmore
  • Registered: Mar 16, 2002
  • Last visit: Oct 21, 2009
  • Posts: 223

  Posted: Sep 25, 2006 - 01:19 PM

  Other tip for IE:
  
  put all TD lines together, without line separations, if you have a line feed, IE take it as a BR,
  & don't put any separation between TR
  ex:
  

  Code

  <TR BORDER=0 CELLPADDING=0 CELLSPACING=0 WIDTH=100%>
  <TD BORDER=0 CELLPADDING=0 CELLSPACING=0 WIDTH=100%> <IMG SRC="images/four.gif" BORDER=0 ALT="" USEMAP="#four_Map"><MAP NAME="four_Map"><AREA SHAPE="rect" ALT="submit your work" COORDS="11,5,136,27" HREF="submit.html" TARGET="main"></MAP></TD>
  </TR>
  <TR BORDER=0 CELLPADDING=0 CELLSPACING=0 WIDTH=100%>
  <TD BORDER=0 CELLPADDING=0 CELLSPACING=0 WIDTH=100%> <IMG SRC="images/five.gif" BORDER=0 ALT="" USEMAP="#five_Map"><MAP NAME="five_Map"><AREA SHAPE="rect" ALT="volunteer with us" COORDS="18,10,123,39" HREF="volunteer.html" TARGET="main"></MAP></TD>
  </TR>

  
  
  
  
  
  edited by: gerkynet, Sep 26, 2006 - 01:19 AM

  • 
  •  
• **unknown user**
  
  

  • Rank: Softmore
  • Registered: Mar 16, 2002
  • Last visit: Oct 21, 2009
  • Posts: 271

  Posted: Sep 25, 2006 - 01:29 PM

  gerkynet

  Other tip for IE:
  
  put all TD lines together, without line separations, if you have a line feed, IE take it as a BR,
  & don't put any separation between TR
  ex:
  

  Code

  <TR BORDER=0 CELLPADDING=0 CELLSPACING=0 WIDTH=100%>
  <TD BORDER=0 CELLPADDING=0 CELLSPACING=0 WIDTH=100%> <IMG SRC="images/four.gif" BORDER=0 ALT="" USEMAP="#four_Map"><MAP NAME="four_Map"><AREA SHAPE="rect" ALT="submit your work" COORDS="11,5,136,27" HREF="submit.html" TARGET="main"></MAP></TD>
  </TR>
  <TR BORDER=0 CELLPADDING=0 CELLSPACING=0 WIDTH=100%>
  <TD BORDER=0 CELLPADDING=0 CELLSPACING=0 WIDTH=100%> <IMG SRC="images/five.gif" BORDER=0 ALT="" USEMAP="#five_Map"><MAP NAME="five_Map"><AREA SHAPE="rect" ALT="volunteer with us" COORDS="18,10,123,39" HREF="volunteer.html" TARGET="main"></MAP></TD>
  </TR>

  
  edited by: gerkynet, Sep 26, 2006 - 01:19 AM

  
  
  
  wow, that actually worked. I've been writing HTML for almost 10 years now and never run into that. Thanks so much mate.

  • 
  •  
• **unknown user**
  
  

  • Rank: Softmore
  • Registered: Mar 16, 2002
  • Last visit: Oct 21, 2009
  • Posts: 223

  Posted: Sep 25, 2006 - 02:08 PM

  yes, me too, and allways surprise to me how IE work inside, what incoherent is, & how it made spend time to web developers (normal thing on msoft products).
  
  
  
  

  • 
  •  
• Landseer
  
  

  • Rank: Team Member
  • Registered: Jan 02, 2003
  • Last visit: Oct 21, 2009
  • Posts: 800

  Posted: Sep 25, 2006 - 10:17 PM

  You may also want to improve the HTML by quoting parameters correctly:
  
  

  Code

  <td border="0" cellpadding="0" cellspacing="0" width="100%">

  
  
  tr does not accept a width parameter...
  
  --
  "He is not dangerous, he just wants to play...."

  • 
  •  
• markwest
  
  

  • Rank: Team Member
  • Registered: Mar 18, 2002
  • Last visit: Oct 21, 2009
  • Posts: 6606

  Posted: Sep 25, 2006 - 10:51 PM

  Landseer

  You may also want to improve the HTML by quoting parameters correctly:
  
  

  Code

  <td border="0" cellpadding="0" cellspacing="0" width="100%">

  
  
  tr does not accept a width parameter...

  
  
  And even better not using a table for something that, clearly, isn't a table....
  
  -Mark
  
  --
  Visit My homepage and Zikula themes.

  • 
  •  
• **unknown user**
  
  

  • Rank: Expert
  • Registered: Mar 16, 2002
  • Last visit: Apr 02, 2010
  • Posts: 1208

  Posted: Sep 26, 2006 - 03:55 AM

  You could also enclosed the table with "strip" tags to remove the whitespace, if using a Xanthia theme.
  
  

  Code

  <!--[strip]-->
  ... your code ...
  <!--[/strip]-->

  • 
  •  
•  
•  

Users on-line

• internetking

This list is based on users active over the last 60 minutes.