1
shank
Extra Pixels
  • 2006/6/8 1:53

  • shank

  • Not too shy to talk

  • Posts: 144

  • Since: 2004/8/17


I am using the Gramophone theme, and I have an extra blank row of pixels under my logo I want to get rid of, any ideas?

here is the theme code:
le="color: #000000"><?php <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<{$xoops_langcode}>" lang="<{$xoops_langcode}>"> <head> <meta http-equiv="content-type" content="text/html; charset=<{$xoops_charset}>" /> <meta http-equiv="content-language" content="<{$xoops_langcode}>" /> <meta name="robots" content="<{$xoops_meta_robots}>" /> <meta name="keywords" content="<{$xoops_meta_keywords}>" /> <meta name="description" content="<{$xoops_meta_description}>" /> <meta name="rating" content="<{$xoops_meta_rating}>" /> <meta name="author" content="<{$xoops_meta_author}>" /> <meta name="copyright" content="<{$xoops_meta_copyright}>" /> <meta name="generator" content="XOOPS" /> <title><{$xoops_sitename}> - <{$xoops_pagetitle}></title> <link href="<{$xoops_url}>/favicon.ico" rel="SHORTCUT ICON" /> <link rel="stylesheet" type="text/css" media="all" href="<{$xoops_url}>/xoops.css" /> <link rel="stylesheet" type="text/css" media="all" href="<{$xoops_themecss}>" /> <script type="text/javascript"> <!-- <{$xoops_js}> //--> </script> </head> <body> <table cellspacing="0" cellpadding="0"> <tr> <td> </td></tr> <tr><td> <table class="outline"><tr><td> <table cellspacing="2" cellpadding="2" class="bg"> <tr><td colspan="3" height="12" bgcolor="#000000"></td></tr> <tr><td colspan="3" align="center"> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td bgcolor="#ff0000" align="left">&nbsp;&nbsp;&nbsp;<img src="<{$xoops_url}>/themes/<{$xoops_theme}>/images/logo.JPG"></td> <td width="1" bgcolor="#ffffff"></td> <td width="469" background="<{$xoops_url}>/themes/<{$xoops_theme}>/images/fish.gif"></td> <td width="1" bgcolor="#ffffff"></td> <td width="50" bgcolor="#ff0000">&nbsp;</td> </tr></table> </td></tr> <tr><td colspan="3" height="12" bgcolor="#000000"></td></tr> <tr><td colspan="3" height="15"><hr></td></tr> <tr> <td width="20%"> <!-- Start left blocks loop --> <{foreach item=block from=$xoops_lblocks}> <table cellspacing="0" cellpadding="2"> <tr><td class="blockTitle">&nbsp;<img src="<{$xoops_url}>/themes/<{$xoops_theme}>/images/maru.gif">&nbsp;<{$block.title}></td></tr> <tr><td class="blockContent"><{$block.content}></td></tr></table> <{/foreach}> <!-- End left blocks loop --> </td> <td style="padding: 0px 5px 0px;"> <!-- Display center blocks if any --> <{if $xoops_showcblock == 1}> <table cellspacing="0"> <tr><td width="100%" colspan="2"> <!-- Start center-center blocks loop --> <{foreach item=block from=$xoops_ccblocks}> <table cellspacing="1" cellpadding="5"> <tr><td class="blockTitle">&nbsp;<img src="<{$xoops_url}>/themes/<{$xoops_theme}>/images/maru.gif">&nbsp;<{$block.title}></td></tr> <tr><td class="blockContent"><{$block.content}></td></tr></table> <{/foreach}> <!-- End center-center blocks loop --> </td></tr> <tr><td width="50%"> <!-- Start center-left blocks loop --> <{foreach item=block from=$xoops_clblocks}> <table cellspacing="1" cellpadding="5"> <tr> <td class="blockTitle">&nbsp;<img src="<{$xoops_url}>/themes/<{$xoops_theme}>/images/maru.gif">&nbsp;<{$block.title}></td></tr> <tr><td class="blockContent"><{$block.content}></td></tr></table> <{/foreach}> <!-- End center-left blocks loop --> </td><td width="50%"> <!-- Start center-right blocks loop --> <{foreach item=block from=$xoops_crblocks}> <table cellspacing="1" cellpadding="5"> <tr> <td class="blockTitle">&nbsp;<img src="<{$xoops_url}>/themes/<{$xoops_theme}>/images/maru.gif">&nbsp;<{$block.title}> </td></tr> <tr><td class="blockContent"><{$block.content}></td></tr></table> <{/foreach}> <!-- End center-right blocks loop --> </td></tr></table> <{/if}> <!-- End display center blocks --> <div id="content"><{$xoops_contents}></div></td> <{if $xoops_showrblock == 1}> <td width=20% align=center> <!-- Start right blocks loop --> <{foreach item=block from=$xoops_rblocks}> <table cellspacing="0" cellpadding="2"> <tr> <td class="blockTitle">&nbsp;<img src="<{$xoops_url}>/themes/<{$xoops_theme}>/images/maru.gif">&nbsp;<{$block.title}></td></tr> <tr><td class="blockContent"><{$block.content}></td></tr></table> <{/foreach}> <!-- End right blocks loop --> <{/if}></td></tr> <tr><td colspan="3" height="15"><hr></td></tr> <tr><td colspan="3" height="12" bgcolor="#000000"></td></tr> </table> </td></tr></table> </td></tr> <tr><td height="30" valign="middle"2 align="center"> <p style="text-align: cener; padding-top: 5px;"><{$xoops_banner}></p> <div style="text-align: center; padding-top: 2px; font-size: 10px"><{$xoops_footer}></div> <div>XOOPS2 theme by <a href="http://peekaboo.s8.xrea.com/">PetitOOps</a> ::</div><br /> </td></tr> </table> </body> </html>


and the CSS file:
le="color: #000000"><?php html { scrollbar-3dlight-color:#8B0000; scrollbar-arrow-color:#000000; scrollbar-darkshadow-color:#A52A2A; scrollbar-face-color:#ff0000; scrollbar-highlight-color:#ffffff; scrollbar-shadow-color:#ff0000; scrollbar-track-color:#eaedf4; } body{ background:#ff0000; color:#666666; font:11px Verdana,Arial,Helvetica,sans-serif; margin:6px; padding:0; margin:10px } hr { height: 3px; border: 3px #ff0000 solid; filter: Alpha(Opacity=100,FinishOpacity=30,Style=2); width: 100%; } a:link,a:active,a:visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; color: #666666; font-style: normal; } a:hover { text-decoration: underline; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #ff0000; font-style: normal } .bg{ color: #000000; } .outline{ background: #ffffff; border: solid 1px #cccccc; } table { width: 100%; margin: 5; margin: 5; font-size: small } table td { padding: 0; border-width: 0; padding: 5; vertical-align: top; font-family: Verdana, Arial, Helvetica, sans-serif; } td { font-family: Verdana, Arial, Helvetica, sans-serif; color: #666666; font-size: 11px; border-top-width : 2px; border-right-width : 2px; border-bottom-width : 2px; border-left-width : 2px; padding:5px; } td.header { padding:10px; height:90px; } input { background-color : #ffffff; color : #666666; font-size: 11px; } textarea { color : #666666; background-color : #ffffff; font: normal 11px; border: solid 1px #cccccc; } select { color : #666666; font: normal 11px Verdana, Arial, Helvetica, sans-serif; border-color : #cccccc; } img { border: 0; } ul { margin: 2px; padding: 2px; list-style: decimal inside; text-align: left; } li { margin-left: 2px; list-style: disc inside; } .odd { background-color: #ffffff; padding-left:4px; padding-right:4px; vertical-align: middle; } .outer { color:#999999; background-color: #cccccc; text-align:left; } .even { background-color: #ffffff; padding-left:4px; padding-right:4px; vertical-align: middle; } th { background-color: #e5e5e5; padding: 5px; } .head { color: #333333; font-size: 11px; font-weight : bold; height: 25px; background:#F0F8FF; padding-left:4px; padding-right:4px; vertical-align: middle; } .foot { background-color: #F0F8FF; } .comTitle { color: #999999; font-size: 13px; font-weight: bold; background: #e5e5e5; border:solid 1px #cccccc; padding-left:7px; vertical-align: middle; } .comText { padding: 20px; text-align: left; } .comUserStat { font-size: 10px; color: #00396a; font-weight:bold; border: 1px solid #cccccc; background-color: #ffffff; margin: 2px; padding: 2px; } .comUserStatCaption { font-weight: normal; } .comUserStatus { margin-left: 2px; margin-top: 10px; color: #333333; font-weight:bold; font-size: 10px; } .comUserRank { margin: 2px; } .comUserRankText { font-size: 10px; font-weight:bold; } .comUserRankImg { border: 0; } .comUserName {} .comUserImg { margin: 2px; } .comDate { color: #00396a; font-weight: normal; font-style: italic; font-size: smaller; text-align: right; } .comDateCaption { color: #00396a; font-weight: bold; font-style: normal; text-align: right; } div.xoopsQuote { background: #ffffff; border: 1px solid #ff0000; width:90%; color:#444444; margin-left:10px; font: normal 11px Verdana, Arial, Helvetica, sans-serif; padding: 0px 6px 6px 6px; } div.xoopsCode { background: #f4f4f4; border: 1px solid #ff0000; color:#ffffff; margin-left:10px; width:90%; font: normal 11px Verdana, Arial, Helvetica, sans-serif; padding: 0px 6px 6px 6px; } .item { background: #ffffff; } .itemHead { color: #ffffff; font-size: 13px; font-weight: bold; background: #000000; border:solid 1px #cccccc; vertical-align: middle; padding:5px; } .itemInfo { text-align: right; padding-right: 10px; background-color: #efefef; } .itemTitle a { color: #ffffff; } .itemPoster { color: #666666; font-size: 90%; font-style: normal; } .itemPostDate { font-size: 90%; font-style: normal; } .itemStats { color: #666666; font-size: 90%; font-style: normal; } .itemBody { color: #666666; padding-left: 10px; padding-right:10px; padding-top:5px; padding-bottom:6px; text-align: left; border: solid 1px #cccccc; } .itemText { color: #666666; margin-top: 5px; margin-bottom: 5px; line-height: 1.5em; } .itemFoot { text-align: right; padding: 3px; background-color: #efefef; border: solid 1px #cccccc; } .itemAdminLink { font-size: 90%; } .itemPermaLink { font-size: 90%; } .blockTitle { color: #ffffff; font-size: 13px; font-weight: bold; background: #000000; border:solid 1px #cccccc; vertical-align: middle; text-align:left; } .blockContent { background-color: #ffffff; padding-left: 15px; padding-bottom:7px; border-left: solid 1px #cccccc; border-right:solid 1px #cccccc; border-bottom:solid 1px #cccccc; } td#mainmenu a { background-color: #efefef; display: block; margin: 0; padding: 4px;} td#mainmenu a:hover { background-color: #ffffff; } td#mainmenu a.menuTop { padding-left: 3px; border-top: 1px solid silver; border-right: 1px solid #666666; border-bottom: 1px solid #666666; border-left: 1px solid silver; } td#mainmenu a.menuMain { padding-left: 3px; border-right: 1px solid #666666; border-bottom: 1px solid #666666; border-left: 1px solid silver; } td#mainmenu a.menuSub { padding-left: 9px; border-right: 1px solid #666666; border-bottom: 1px solid #666666; border-left: 1px solid silver; } td#usermenu a { background-color: #efefef; display: block; margin: 0; padding: 4px; border-right: 1px solid #666666; border-bottom: 1px solid #666666; border-left: 1px solid silver; } td#usermenu a:hover { background-color: #ffffff; } td#usermenu a.menuTop { border-top: 1px solid silver; } td#usermenu a.highlight { background-color: #fcc; }


and a shot of what I am talking about:

Resized Image
s l s h a n k l e @ b e l l s o u t h . n e t

2
Quest
Re: Extra Pixels
  • 2006/6/8 3:25

  • Quest

  • Friend of XOOPS

  • Posts: 1034

  • Since: 2005/11/19


Remove the <td width="1" bgcolor="#ffffff"></td>
just after the logo.jpg in your theme and that should get rid of it. You may want to remove the other one too just after the fish.jpg. Hard to say without seeing the full page.

Quest

3
shank
Re: Extra Pixels
  • 2006/6/8 12:56

  • shank

  • Not too shy to talk

  • Posts: 144

  • Since: 2004/8/17


No, that td is for a vertical line on over in the page.
It is the line under the pic I want to get rid of.
s l s h a n k l e @ b e l l s o u t h . n e t

4
Quest
Re: Extra Pixels
  • 2006/6/8 13:24

  • Quest

  • Friend of XOOPS

  • Posts: 1034

  • Since: 2005/11/19


I give it another stab for you. Have you checked the spacing and padding to see if it makes a dif?

<table cellspacing="2" cellpadding="2" class="bg">

5
shank
Re: Extra Pixels
  • 2006/6/8 15:23

  • shank

  • Not too shy to talk

  • Posts: 144

  • Since: 2004/8/17


That got rid of the white line above and below the image, but not the red line under the image.
s l s h a n k l e @ b e l l s o u t h . n e t

6
Quest
Re: Extra Pixels
  • 2006/6/8 17:28

  • Quest

  • Friend of XOOPS

  • Posts: 1034

  • Since: 2005/11/19


My guess is this one:

<td width="50" bgcolor="#ff0000">&nbsp;</td>
It will have the #FF0000 for the color red.

and your black one is probably this one:

<tr><td colspan="3" height="12" bgcolor="#000000"></td></tr>


Have a great day!
Quest