Disappearing Buttons

This is a discussion on "Disappearing Buttons" within the Starting Out section. This forum, and the thread "Disappearing Buttons are both part of the Design Your Website category.



Go Back   Webforumz.com > Main Forums > Design Your Website > Starting Out

Notices


Reply
 
LinkBack Thread Tools
  #1 (permalink)  
Old Apr 9th, 2007, 13:33
Junior Member
Join Date: Mar 2007
Location: Indidna
Posts: 16
Thanks: 0
Thanked 0 Times in 0 Posts
Disappearing Buttons

I developed a cascading or drop menu in FP2003 with tables instead of layers. I can get the menus to drop down, but my buttons do not stay in view. The little "x" box pops up instead after I mouse over it. Also, I cannot get a button to link (hyperlink). That task makes the link button disappear altogether, although a text box naming my link comes into view. I was sure to copy all my material to the same folder I'm working out of, but I still cannot get a true visual in Preview of what I'm doing on Design. What am I doing wrong or what step(s) am I missing the design part? Thanks for your help.
Reply With Quote

  #2 (permalink)  
Old Apr 9th, 2007, 13:47
SuperMember

SuperMember
Join Date: Sep 2006
Location: Pink House
Posts: 3,946
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Disappearing Buttons

Can you show us your code or a link to the site? I'm a hands on gal!

If you are starting out, it would be in your best interest to not use Frontpage unless you use it to handcode. Move away from tables and use css and unordered lists.

If you are learning, why not learn the latest techniques versus techniques are are so outdated? We can walk you through it...
Reply With Quote
  #3 (permalink)  
Old Apr 9th, 2007, 14:15
Ryan Fait's Avatar
SuperMember

SuperMember
Join Date: May 2006
Location: Las Vegas
Posts: 3,786
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Disappearing Buttons

I'd say your problem is that you're using FrontPage.
Reply With Quote
  #4 (permalink)  
Old Apr 10th, 2007, 09:54
JacobHaug's Avatar
SuperMember

SuperMember
Join Date: Dec 2005
Location: On Internet
Posts: 4,859
Thanks: 0
Thanked 0 Times in 0 Posts
Send a message via AIM to JacobHaug Send a message via MSN to JacobHaug
Re: Disappearing Buttons

Yuck...frontpage...I am soooo sorry...lol
Reply With Quote
  #5 (permalink)  
Old Apr 10th, 2007, 13:26
SuperMember

SuperMember
Join Date: May 2006
Location: North West, UK
Age: 22
Posts: 1,173
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Disappearing Buttons

Post your code and we'll take a look. But you need to move away from frontpage and quickly.

Pete.
Reply With Quote
  #6 (permalink)  
Old Apr 12th, 2007, 12:56
Junior Member
Join Date: Mar 2007
Location: Indidna
Posts: 16
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Disappearing Buttons

Thanks for the sympathy. Wait until you see my code! I'm sorry, too, but here it is. I appreciate the help and if you can walk me through it like you said with css, I will be most appreciative. Frontpage2003 is the only web software I have. (What do I tell my boss?)
Code: Select all
<table border="0" id="table6" cellspacing="0" cellpadding="0">
        <tr>
          <td colspan="5">
          <div style="position: absolute; width: 500px; height: 100px; z-index: 1" id="mainmenu">
            <img border="0" id="img10" src="Buttons/button43.jpg" height="20" width="100" alt="IAC" onmouseover="FP_swapImg(1,0,/*id*/'img10',/*url*/'button44.jpg'); FP_changeProp(/*id*/'iac',1,'style.visibility','visible')" onmouseout="FP_swapImg(0,0,/*id*/'img10',/*url*/'button43.jpg'); FP_changePropRestore()" onmousedown="FP_swapImg(1,0,/*id*/'img10',/*url*/'button45.jpg')" onmouseup="FP_swapImg(0,0,/*id*/'img10',/*url*/'button44.jpg')" fp-style="fp-btn: Brick Row 4; fp-font-style: Bold; fp-font-size: 12; fp-orig: 0" fp-title="IAC"><img border="0" id="img11" src="Buttons/button49.jpg" height="20" width="100" alt="Amersel" onmouseover="FP_swapImg(1,0,/*id*/'img11',/*url*/'button4A.jpg'); FP_changeProp(/*id*/'amsel',1,'style.visibility','visible')" onmouseout="FP_swapImg(0,0,/*id*/'img11',/*url*/'button49.jpg'); FP_changePropRestore()" onmousedown="FP_swapImg(1,0,/*id*/'img11',/*url*/'button4B.jpg')" onmouseup="FP_swapImg(0,0,/*id*/'img11',/*url*/'button4A.jpg')" fp-style="fp-btn: Brick Row 4; fp-font-style: Bold; fp-font-size: 12; fp-orig: 0" fp-title="Amersel"><img border="0" id="img12" src="Buttons/button4C.jpg" height="20" width="100" alt="Avalon" onmouseover="FP_swapImg(1,0,/*id*/'img12',/*url*/'button4D.jpg'); FP_changeProp(/*id*/'avalon',1,'style.visibility','visible')" onmouseout="FP_swapImg(0,0,/*id*/'img12',/*url*/'button4C.jpg'); FP_changePropRestore()" onmousedown="FP_swapImg(1,0,/*id*/'img12',/*url*/'button4E.jpg')" onmouseup="FP_swapImg(0,0,/*id*/'img12',/*url*/'button4D.jpg')" fp-style="fp-btn: Brick Row 4; fp-font-style: Bold; fp-font-size: 12; fp-orig: 0" fp-title="Avalon"><img border="0" id="img13" src="Buttons/button4F.jpg" height="20" width="100" alt="GAC" onmouseover="FP_swapImg(1,0,/*id*/'img13',/*url*/'button50.jpg'); FP_changeProp(/*id*/'gac',1,'style.visibility','visible')" onmouseout="FP_swapImg(0,0,/*id*/'img13',/*url*/'button4F.jpg'); FP_changePropRestore()" onmousedown="FP_swapImg(1,0,/*id*/'img13',/*url*/'button51.jpg')" onmouseup="FP_swapImg(0,0,/*id*/'img13',/*url*/'button50.jpg')" fp-style="fp-btn: Brick Row 4; fp-font-style: Bold; fp-font-size: 12; fp-orig: 0" fp-title="GAC"><img border="0" id="img14" src="Buttons/button52.jpg" height="20" width="100" alt="New" onmouseover="FP_swapImg(1,0,/*id*/'img14',/*url*/'button53.jpg'); FP_changeProp(/*id*/'new',1,'style.visibility','visible')" onmouseout="FP_swapImg(0,0,/*id*/'img14',/*url*/'button52.jpg'); FP_changePropRestore()" onmousedown="FP_swapImg(1,0,/*id*/'img14',/*url*/'button54.jpg')" onmouseup="FP_swapImg(0,0,/*id*/'img14',/*url*/'button53.jpg')" fp-style="fp-btn: Brick Row 4; fp-orig: 0" fp-title="New"></div>
          <p>&nbsp;</td>
        </tr>
        <tr>
          <td width="100">
          <div style="position: absolute; width: 100px; height: 50px; z-index: 2; visibility: hidden" id="iac">
            <a href="CCPBROZZ%202005.pdf">
            <img border="0" id="img24" src="button1.jpg" height="20" width="100" alt="Complete Care" onmouseover="FP_swapImg(1,0,/*id*/'img24',/*url*/'button2.jpg')" onmouseout="FP_swapImg(0,0,/*id*/'img24',/*url*/'button1.jpg')" onmousedown="FP_swapImg(1,0,/*id*/'img24',/*url*/'button3.jpg')" onmouseup="FP_swapImg(0,0,/*id*/'img24',/*url*/'button2.jpg')" fp-style="fp-btn: Simple Arrow 3" fp-title="Complete Care"></a><br>
            <img border="0" id="img16" src="Buttons/button58.jpg" height="20" width="100" alt="IAC-PHP" onmouseover="FP_swapImg(1,0,/*id*/'img16',/*url*/'button59.jpg'); FP_changeProp(/*id*/'iac',1,'style.visibility','visible')" onmouseout="FP_swapImg(0,0,/*id*/'img16',/*url*/'button58.jpg'); FP_changePropRestore()" onmousedown="FP_swapImg(1,0,/*id*/'img16',/*url*/'button5A.jpg')" onmouseup="FP_swapImg(0,0,/*id*/'img16',/*url*/'button59.jpg')" fp-style="fp-btn: Simple Arrow 3; fp-justify-horiz: 0; fp-orig: 0" fp-title="IAC-PHP"></div>
          <p>&nbsp;</td>
          <td width="100">
          <div style="position: absolute; width: 100px; height: 50px; z-index: 3; visibility: hidden" id="amsel">
            <img border="0" id="img17" src="Buttons/button5B.jpg" height="20" width="100" alt="Best Choice" onmouseover="FP_swapImg(1,0,/*id*/'img17',/*url*/'button5C.jpg'); FP_changeProp(/*id*/'amsel',1,'style.visibility','visible')" onmouseout="FP_swapImg(0,0,/*id*/'img17',/*url*/'button5B.jpg'); FP_changePropRestore()" onmousedown="FP_swapImg(1,0,/*id*/'img17',/*url*/'button5D.jpg')" onmouseup="FP_swapImg(0,0,/*id*/'img17',/*url*/'button5C.jpg')" fp-style="fp-btn: Simple Arrow 3; fp-justify-horiz: 0; fp-orig: 0" fp-title="Best Choice"><br>
            <img border="0" id="img18" src="Buttons/button5E.jpg" height="20" width="100" alt="Assurcare" onmouseover="FP_swapImg(1,0,/*id*/'img18',/*url*/'button5F.jpg'); FP_changeProp(/*id*/'amsel',1,'style.visibility','visible')" onmouseout="FP_swapImg(0,0,/*id*/'img18',/*url*/'button5E.jpg'); FP_changePropRestore()" onmousedown="FP_swapImg(1,0,/*id*/'img18',/*url*/'button60.jpg')" onmouseup="FP_swapImg(0,0,/*id*/'img18',/*url*/'button5F.jpg')" fp-style="fp-btn: Simple Arrow 3; fp-justify-horiz: 0; fp-orig: 0" fp-title="Assurcare"></div>
          <p>&nbsp;</td>
          <td width="100">
          <div style="position: absolute; width: 100px; height: 25px; z-index: 4; visibility: hidden" id="avalon">
            <img border="0" id="img19" src="Buttons/button61.jpg" height="20" width="100" alt="IFocus" onmouseover="FP_swapImg(1,0,/*id*/'img19',/*url*/'button62.jpg'); FP_changeProp(/*id*/'avalon',1,'style.visibility','visible')" onmouseout="FP_swapImg(0,0,/*id*/'img19',/*url*/'button61.jpg'); FP_changePropRestore()" onmousedown="FP_swapImg(1,0,/*id*/'img19',/*url*/'button63.jpg')" onmouseup="FP_swapImg(0,0,/*id*/'img19',/*url*/'button62.jpg')" fp-style="fp-btn: Simple Arrow 3; fp-justify-horiz: 0; fp-orig: 0" fp-title="IFocus"></div>
          <p>&nbsp;</td>
          <td width="100">
          <div style="position: absolute; width: 100px; height: 75px; z-index: 5; visibility: hidden" id="gac">
            <img border="0" id="img20" src="Buttons/button64.jpg" height="20" width="100" alt="VBA Med" onmouseover="FP_swapImg(1,0,/*id*/'img20',/*url*/'button65.jpg'); FP_changeProp(/*id*/'gac',1,'style.visibility','visible')" onmouseout="FP_swapImg(0,0,/*id*/'img20',/*url*/'button64.jpg'); FP_changePropRestore()" onmousedown="FP_swapImg(1,0,/*id*/'img20',/*url*/'button66.jpg')" onmouseup="FP_swapImg(0,0,/*id*/'img20',/*url*/'button65.jpg')" fp-style="fp-btn: Simple Arrow 3; fp-justify-horiz: 0; fp-orig: 0" fp-title="VBA Med"><br>
            <img border="0" id="img21" src="Buttons/button67.jpg" height="20" width="100" alt="VBA Health" fp-style="fp-btn: Simple Arrow 3; fp-justify-horiz: 0; fp-orig: 0" fp-title="VBA Health" onmouseover="FP_swapImg(1,0,/*id*/'img21',/*url*/'button68.jpg'); FP_changeProp(/*id*/'gac',1,'style.visibility','visible')" onmouseout="FP_swapImg(0,0,/*id*/'img21',/*url*/'button67.jpg'); FP_changePropRestore()" onmousedown="FP_swapImg(1,0,/*id*/'img21',/*url*/'button69.jpg')" onmouseup="FP_swapImg(0,0,/*id*/'img21',/*url*/'button68.jpg')"><br>
            <img border="0" id="img22" src="Buttons/button6D.jpg" height="20" width="100" alt="VBA Accident" onmouseover="FP_swapImg(1,0,/*id*/'img22',/*url*/'button6E.jpg'); FP_changeProp(/*id*/'gac',1,'style.visibility','visible')" onmouseout="FP_swapImg(0,0,/*id*/'img22',/*url*/'button6D.jpg'); FP_changePropRestore()" onmousedown="FP_swapImg(1,0,/*id*/'img22',/*url*/'button6F.jpg')" onmouseup="FP_swapImg(0,0,/*id*/'img22',/*url*/'button6E.jpg')" fp-style="fp-btn: Simple Arrow 3; fp-justify-horiz: 0; fp-orig: 0" fp-title="VBA Accident"></div>
          <p>&nbsp;</td>
          <td width="100">
          <div style="position: absolute; width: 100px; height: 25px; z-index: 6; visibility: hidden" id="new">
            <img border="0" id="img23" src="Buttons/button70.jpg" height="20" width="100" alt="" onmouseover="FP_swapImg(1,0,/*id*/'img23',/*url*/'button71.jpg'); FP_changeProp(/*id*/'new',1,'style.visibility','visible')" onmouseout="FP_swapImg(0,0,/*id*/'img23',/*url*/'button70.jpg'); FP_changePropRestore()" onmousedown="FP_swapImg(1,0,/*id*/'img23',/*url*/'button72.jpg')" onmouseup="FP_swapImg(0,0,/*id*/'img23',/*url*/'button71.jpg')" fp-style="fp-btn: Simple Arrow 3; fp-orig: 0" fp-title></div>
          <p>&nbsp;</td>
        </tr>
        <tr>
          <td width="100">&nbsp;</td>
          <td width="100">&nbsp;</td>
          <td width="100">&nbsp;</td>
          <td width="100">&nbsp;</td>
          <td width="100">&nbsp;</td>
        </tr>
        <tr>
          <td width="100">&nbsp;</td>
          <td width="100">&nbsp;</td>
          <td width="100">&nbsp;</td>
          <td width="100">&nbsp;</td>
          <td width="100">&nbsp;</td>
        </tr>
      </table>
    </div>
    <p>

Last edited by karinne; Apr 12th, 2007 at 12:57. Reason: Please use [code]...[/code] tags when displaying code!
Reply With Quote
  #7 (permalink)  
Old Apr 13th, 2007, 19:21
Junior Member
Join Date: Mar 2007
Location: Indidna
Posts: 16
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Disappearing Buttons

After Karinne has edited my code will it now get a reply?
Reply With Quote
Reply

Tags
drop menu problems

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On

Similar Threads
Thread Thread Starter Forum Replies Last Post
The disappearing submenu... BGarner Web Page Design 13 Feb 18th, 2007 13:36
help with fwd/backwrd buttons affecting other buttons typeofdoug Flash & Multimedia Forum 5 Feb 4th, 2007 03:48
Disappearing ICO Favicon cyberseed Web Page Design 2 Nov 6th, 2006 11:16
Disappearing elements boscomilo Web Page Design 9 Jun 9th, 2006 14:07
Disappearing padding in IE diagonalArgument Web Page Design 1 Jan 8th, 2006 14:03


All times are GMT. The time now is 01:29.


Powered by vBulletin®
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Friendly URLs by vBSEO 3.2.0 RC8
© 2003-2008 Webforumz.com : All Rights Reserved

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43