Unwanted line break when using PHP

[Monk3h]

My site is constructed with 2 tables, one for the top and one for the bottom.

 

My problem is after adding a small PHP script to the bottom of the Top table a line break has appeared between the top and bottom table.

 

 

any ideas? I haven't used any line breaks anywhere in my PHP script.

[abazoskib]

post code

[Monk3h]

	<?php
$homepage = "index.php";
        if($homepage==$currentpage) {
        Print "<img src='images/rollovers/homemouse_01.png' width='100' height='30'>";

        }else{

Print"<div class='rollover' >

<a href='#'><img src='images/rollovers/home_01.png'
width='100' height='30' border='0'></a>
</div>";

}

$workpage = "work.php";
        if($workpage==$currentpage) {
        Print "<img src='images/rollovers/workmouse_01.png' width='100' height='30'>";

        }else{



Print"<div class='rollover'>

<a href='#'><img src='images/rollovers/work_01.png'
width='100' height='30' border='0'></a>
</div>";


}

?>

[Monk3h]

Its almost like the DIV tags have a hidden borded that i cant see. SO ANNOYING!

[haku]

show us the html output.

[Monk3h]

http://riseofkingdoms.net/portfolio/4/work.php

 

Roll over the lowest Home button. (the roll over, not the text link)

 

When it changes you can see a line.

[abazoskib]

looks good(no problems) on FF3 running on Ubuntu - Hardy

[haku]

Dead link.

[Monk3h]

My server was down, backup now.

 

And tehre is a line still in FF3

[infiniteacuity]

Try applying background color to the div tag to see if that is what is causing the space. I always do this to see what space is being filled when I have these types of issues.

[haku]

Link is dead.

 

I feel like an echo of my old self.

[Monk3h]

Backup, and my Server is supposed to have 99% uptime.. Heh..

[Monk3h]

It is the Div Tag.

 

How do i change it so that it has nothing around it?

[haku]

Mate, I don't even know where to begin with that. You are using tables for layout, javascript rollovers, and have invalid code. You have style tags in between the head and body tags, and you are using some deprecated tags. You are also using html tags with an XHTML doctype.

 

It's probably something in the combination of all those things, and no one thing in particular.

 

My recommendation - learn to code CSS and how to write valid code, and start from scratch. And stop using an editor that writes your code for you - you are at their mercy, especially in situations just like this. Code editors never, ever write good code. They are good for someone who doesn't care about 1px alignments and fine tuning things across browsers (i.e. amateurs who are doing it for a hobby), but if you are trying to put together a professional site, you aren't going to be able to do it with the code you have there.

[Monk3h]

The roll-overs are in CSS and there is no Javascript in my site. o.O

[haku]

Then why do you have this in the head?

 

<script type="text/JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>