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:
<!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=20align=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:
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 {
    
height3px
    
border3px #ff0000 solid; 
    
filterAlpha(Opacity=100,FinishOpacity=30,Style=2); 
    
width100%;
}

a:link,a:active,a:visited 
    
font-familyVerdanaArialHelveticasans-serif
    
font-size11px
    
text-decorationnone
    
color#666666; 
    
font-stylenormal;
}
a:hover 
    
text-decorationunderline;  
    
font-familyVerdanaArialHelveticasans-serif
    
font-size11pxcolor#ff0000; 
    
font-stylenormal
}

.
bg{
    
color#000000;
}

.
outline{
    
background#ffffff;
    
bordersolid 1px #cccccc;
}
table 
    
width100%; 
    
margin5
    
margin5;
    
font-sizesmall
}

table td 
    
padding0
    
border-width0
    
padding5;    
    
vertical-aligntop
    
font-familyVerdanaArialHelveticasans-serif;
}

td {  
    
font-familyVerdanaArialHelveticasans-serif
    
color#666666; 
    
font-size11px;
    
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-size11px
}

textarea {
    
color #666666;
    
background-color #ffffff;        
    
fontnormal 11px;
    
bordersolid 1px #cccccc;
}

select {
    
color #666666;
    
fontnormal 11px VerdanaArialHelveticasans-serif;
    
border-color #cccccc; 
}

img 
    
border0;
}

ul 
    
margin2px
    
padding2px
    list-
styledecimal inside
    
text-alignleft;
}

li 
    
margin-left2px
    list-
styledisc inside;
}

.
odd 
    
background-color#ffffff;
    
padding-left:4px;
    
padding-right:4px;
    
vertical-alignmiddle;    
}

.
outer 
    
color:#999999;
    
background-color#cccccc;
    
text-align:left;
}

.
even 
    
background-color#ffffff;
    
padding-left:4px;
    
padding-right:4px;
    
vertical-alignmiddle;
}

th 
    
background-color#e5e5e5; 
    
padding5px;
}

.
head 
    
color#333333; 
    
font-size11px
    
font-weight bold
    
height25px;
    
background:#F0F8FF;
    
padding-left:4px;
    
padding-right:4px;
    
vertical-alignmiddle;    
}

.
foot 
    
background-color#F0F8FF; 
}

.
comTitle {
    
color#999999;
    
font-size13px;
    
font-weightbold;
    
background#e5e5e5;
    
border:solid 1px #cccccc;
    
padding-left:7px;
    
vertical-alignmiddle;    
}

.
comText {
    
padding20px;
    
text-alignleft;
}

.
comUserStat {
    
font-size10px
    
color#00396a; 
    
font-weight:bold
    
border1px solid #cccccc; 
    
background-color#ffffff; 
    
margin2pxpadding2px;
}

.
comUserStatCaption {
    
font-weightnormal;
}

.
comUserStatus {
    
margin-left2px
    
margin-top10px
    
color#333333; 
    
font-weight:bold
    
font-size10px;
}

.
comUserRank {
    
margin2px;
}

.
comUserRankText {
    
font-size10px;
    
font-weight:bold;
}

.
comUserRankImg {
    
border0;
}

.
comUserName {}
.
comUserImg {
    
margin2px;
}

.
comDate {
    
color#00396a;
    
font-weightnormal
    
font-styleitalic;     
    
font-sizesmaller;
    
text-alignright;    
}

.
comDateCaption {
    
color#00396a;
    
font-weightbold
    
font-stylenormal;
    
text-alignright;    
}

div.xoopsQuote 
    
background#ffffff; 
    
border1px solid #ff0000;
    
width:90%;
    
color:#444444;
    
margin-left:10px;
    
fontnormal 11px VerdanaArialHelveticasans-serif
    
padding0px 6px 6px 6px;
}

div.xoopsCode {
    
background#f4f4f4; 
    
border1px solid #ff0000;
    
color:#ffffff;
    
margin-left:10px;    
    
width:90%;    
    
fontnormal 11px VerdanaArialHelveticasans-serif
    
padding0px 6px 6px 6px;
}

.
item {
    
background#ffffff;
}

.
itemHead {
    
color#ffffff;
    
font-size13px;
    
font-weightbold;
    
background#000000;
    
border:solid 1px #cccccc;
    
vertical-alignmiddle;
    
padding:5px;
}

.
itemInfo {
    
text-alignright
    
padding-right10px
    
background-color#efefef;
}

.
itemTitle a {
    
color#ffffff;
}

.
itemPoster {
    
color#666666;
    
font-size90%; 
    
font-stylenormal;
}

.
itemPostDate {
    
font-size90%; 
    
font-stylenormal;
}

.
itemStats {
    
color#666666;
    
font-size90%; 
    
font-stylenormal;
}

.
itemBody {
    
color#666666;
    
padding-left10px
    
padding-right:10px;
    
padding-top:5px;
    
padding-bottom:6px;
    
text-alignleft;
    
bordersolid 1px #cccccc;
}

.
itemText {
    
color#666666;
    
margin-top5px
    
margin-bottom5px
    
line-height1.5em;
}

.
itemFoot {
    
text-alignright
    
padding3px
    
background-color#efefef;
    
bordersolid 1px #cccccc;
}

.
itemAdminLink {
    
font-size90%;
}

.
itemPermaLink {
    
font-size90%;
}

.
blockTitle {
    
color#ffffff;
    
font-size13px;
    
font-weightbold;
    
background#000000;
    
border:solid 1px #cccccc;
    
vertical-alignmiddle;    
    
text-align:left;
}

.
blockContent {
    
background-color#ffffff; 
    
padding-left15px;
    
padding-bottom:7px;
    
border-leftsolid 1px #cccccc;
    
border-right:solid 1px #cccccc;
    
border-bottom:solid 1px #cccccc;
}

td#mainmenu a {
    
background-color#efefef; 
    
displayblock
    
margin0
    
padding4px;}
    
td#mainmenu a:hover {
    
background-color#ffffff;
}

td#mainmenu a.menuTop {
    
padding-left3px
    
border-top1px solid silver
    
border-right1px solid #666666; 
    
border-bottom1px solid #666666; 
    
border-left1px solid silver;
}

td#mainmenu a.menuMain {
    
padding-left3px
    
border-right1px solid #666666; 
    
border-bottom1px solid #666666; 
    
border-left1px solid silver;
}

td#mainmenu a.menuSub {
    
padding-left9px
    
border-right1px solid #666666; 
    
border-bottom1px solid #666666; 
    
border-left1px solid silver;
}

td#usermenu a {
    
background-color#efefef; 
    
displayblockmargin0
    
padding4px
    
border-right1px solid #666666; 
    
border-bottom1px solid #666666; 
    
border-left1px solid silver;
}

td#usermenu a:hover {
    
background-color#ffffff;
}

td#usermenu a.menuTop {
    
border-top1px 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

Login

Who's Online

234 user(s) are online (129 user(s) are browsing Support Forums)


Members: 0


Guests: 234


more...

Donat-O-Meter

Stats
Goal: $100.00
Due Date: Mar 31
Gross Amount: $0.00
Net Balance: $0.00
Left to go: $100.00
Make donations with PayPal!

Latest GitHub Commits