HTML - Menubar

Hi All,

I want to hide the toolbar, menubar, scrollbar and statusbar of Internet Explorer when I launch my application.

Earlier I did this using

Code:

window.open(self.location,'mywin','width=485, height=340, location=no,menubar=no,toolbar=no,status=no,scrollbars=no');

And I was launching my application from another window hypherlink using window.open

but now, I want to luanch my application directly by giving the URL in the addressbar of IE. Once the page get loaded I want the same formats to be applied like I gave in the window.open

But I am not sure of acheiving that.

Can anyone advise me some solutions?

Thanks
Suren

Hello, so basically this summer I took the liberty of making a personal website for myself. I wanted to get to know XHTML and CSS a little bit more over the summer. Getting to my question though, I made a rollover menubar (using photoshop) and everything was going swell until I wanted to get it up and running in my html file.

I made a table inserting the non and rollover images and instead of using the massive javascript code block Dreamweaver gave me I decided to use simple "onmouseover/onmouseout" code snippets. When I view it in Firefox it is fully functional but for some reason the rollover images are a little shifted, correct size, but shifted, so there is white space in between the non rollover images.

Here's what is looks like:



Here is the code for the table/banner (3 rows and 9 columns):

Code:

--------------------------------------------------------------------------------------------------------

banner_01: large blue block (3 rows merged) left of home
banner_02: blue rectangle above home
banner_03: vertical blue in between home/blog (3 rows merged)
banner_04: blue rectangle above blog
banner_05: vertical blue in between blog/misc (3 rows merged)
banner_06: blue rectangle above misc
banner_07: vertical blue in between misc/contact (3 rows merged)
banner_08: blue rectangle above contact
banner_09: vertical blue right of contact (3 rows merged)
banner_10/banner1_10: home (regular)/home (hover)
banner_11/banner1_11: blog (regular)/blog (hover)
banner_12/banner1_12: misc (regular)/misc (hover)
banner_13/banner1_13: contact (regular)/contact (hover)
banner_14: blue rectangle under home
banner_15: blue rectangle under blog
banner_16: blue rectangle under misc
banner_17: blue rectangle under contact

--------------------------------------------------------------------------------------------------------

<table align="center" width="925" height="140" border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td width="283" rowspan="3"><img border="0" src="banner_01.gif" width="283" height="140"></td>
      <td width="134"><img border="0" src="banner_02.gif" width="134" height="16"></td>
      <td width="23" rowspan="3"><img border="0" src="banner_03.gif" width="23" height="140"></td>
      <td width="134"><img border="0" src="banner_04.gif" width="134" height="16"></td>
      <td width="23" rowspan="3"><img border="0" src="banner_05.gif" width="23" height="140"></td>
      <td width="134"><img border="0" src="banner_06.gif" width="134" height="16"></td>
      <td width="23" rowspan="3"><img border="0" src="banner_07.gif" width="23" height="140"></td>
      <td width="134"><img border="0" src="banner_08.gif" width="134" height="16"></td>
      <td width="37" rowspan="3"><img border="0" src="banner_09.gif" width="37" height="140"></td>
    </tr>
    <tr>
      <td><!---HOME BUTTON--->
	    <a href="home.html"><img border="0" width="134" height="112" src="banner_10.gif" 
		onmouseover="this.src='banner1_10.gif';" 
		onmouseout="this.src='banner_10.gif';"/>
            </a>
      </td>
      <td><!---BLOG BUTTON--->
	    <a href="blog.html"><img border="0" width="134" height="112" src="banner_11.gif" 
		onmouseover="this.src='banner1_11.gif';" 
		onmouseout="this.src='banner_11.gif';"/>
            </a>
      </td>
      <td><!---MISC BUTTON--->
	    <a href="misc.html"><img border="0" width="134" height="112" src="banner_12.gif" 
		onmouseover="this.src='banner1_12.gif';" 
		onmouseout="this.src='banner_12.gif';"/>
            </a>
      </td>
      <td><!---CONTACT BUTTON--->
	    <a href="contact.html"><img border="0" width="134" height="112" src="banner_13.gif" 
		onmouseover="this.src='banner1_13.gif';" 
		onmouseout="this.src='banner_13.gif';"/>
            </a>
      </td>
    </tr>
    <tr>
      <td><img border="0" src="banner_14.gif" width="134" height="12"></td>
      <td><img border="0" src="banner_15.gif" width="134" height="12"></td>
      <td><img border="0" src="banner_16.gif" width="134" height="12"></td>
      <td><img border="0" src="banner_17.gif" width="134" height="12"></td>
    </tr>
  </table>

I hope that the content didn't frazzle anyone, I would just like to fix the display of the menubar as it is fully functional.

Thank you very much,
JP

EDIT: I would also like to make the banner the whole width of the browser but it breaks up the images when I try to do so, just wondering if anyone can figure that out too. Thanks!