Global Header

Puts the menu buttons inside your banner and removes the menu cell.

Code:

Select All

 

<script type="text/javascript">
<!--
/*Menu Buttons Inside Banner by Danny*/
 
var xPos = '0'; // X Postion
var yPos = '0'; // Y Postion
var height = '174'; // Banner Image Height
 
var getID = document.getElementById("welcome_table");
getID.style.height = height;
var getTab = getID.getElementsByTagName('td')[0];
getTab.align = 'left';
getTab.vAlign = 'top';
getTab.style.backgroundImage = 'url('+getTab.getElementsByTagName("img")[0].src+')';
var getMenu = getID.getElementsByTagName('td')[2];
getTab.innerHTML = '<div style="position: relative; top:'+yPos+'; left:'+xPos+';">'+getMenu.innerHTML+'</div>';
getMenu.parentNode.parentNode.parentNode.parentNode.parentNode.style.display ='none';
 
//-->
</script>

<script type="text/javascript"> {BR}<!-- {BR}/*Menu Buttons Inside Banner by Danny*/ {BR} {BR}var xPos = '0'; // X Postion {BR}var yPos = '0'; // Y Postion {BR}var height = '174'; // Banner Image Height {BR} {BR}var getID = document.getElementById("welcome_table"); {BR}getID.style.height = height; {BR}var getTab = getID.getElementsByTagName('td')[0]; {BR}getTab.align = 'left'; {BR}getTab.vAlign = 'top'; {BR}getTab.style.backgroundImage = 'url('+getTab.getElementsByTagName("img")[0].src+')'; {BR}var getMenu = getID.getElementsByTagName('td')[2]; {BR}getTab.innerHTML = '<div style="position: relative; top:'+yPos+'; left:'+xPos+';">'+getMenu.innerHTML+'</div>'; {BR}getMenu.parentNode.parentNode.parentNode.parentNode.parentNode.style.display ='none'; {BR} {BR}//--> {BR}</script>

 

why not just use CSS?


#welcome_table .menu font {
     position: absolute;
     top: 0;
     left: 100px;
}

I had a feeling youd post that.

Its just an alternative, no worries

wouldnt that mess up on people with different resolutions ?

Not if you use percent. (50%)

Is there anyway to tell it to center on the X axis on Css? (The Main one won't work with my text codes )