dcsimg
www.webdeveloper.com
Results 1 to 3 of 3

Thread: table nav bar problem

  1. #1
    Join Date
    May 2004
    Posts
    31

    table nav bar problem

    Greetings,

    i'm soooo close to achieving what i want with a webpage i'm designing but there's one tiny problem that's driving me up the wall! And i'm having the hardest time figuring out what i did wrong.

    The problem is in the second row of the table. When the mouse is moved over the 3 hyperlinks the cells that they're in do not fill completely with the color blue. Please view my code as a .htm page to see what i am talking about.

    Can someone PLEASE shed some light on my situation and what i need to do to correct it?? Thank you for your time,

    *Nick*



    <!-- master table for entire page -->

    <table id="master">

    <tr>
    <td colspan="6"><img src="pics/banner600x.jpg" /></td>
    </tr>

    <tr>
    <td colspan="2"><a class="nav" href="vpnhelp.htm">vpn help</a></td><td colspan="2"><a class="nav" href="centhelp.htm">centricity help</a></td><td colspan="2"><a class="nav" href="morehelp.htm">more help</a></td>
    </tr>

    <tr>
    <td></td><td></td><td></td><td></td><td></td><td></td>
    </tr>

    <tr>
    <td align="center" colspan="3">
    <a href="run:C:\Program Files\Cisco Systems\VPN Client\ipsecdialer.exe">
    <img src="pics/cisbw.jpg" width="300" height="120" border="0" alt="Click to connect to MetroHealth VPN" name="cisco" />
    </a>
    </td>

    <td align="center" colspan="3">
    <a target="_blank" HREF="http://pacsweb.metropacs.org/ami/html">
    <img src="pics/mhplogobw.jpg" width="190" height="80" border="0" alt="Click to connect to MH PACS Web" name="ge" />
    </a>
    </td>
    </tr>

    <tr>
    <td colspan="6"><iframe src="C:\Third_Party_Apps\MH PACS Web\message.htm" name="iframe" width="600" height="200" align="center" scrolling="yes" marginheight="0" marginwidth="0" frameborder="1"></iframe></td>
    </tr>

    </table>



    <!-- external CSS file for the master table -->

    #master {
    width: 600px;
    border-style: solid;
    border-color: #111111;
    border-width: 1px;
    border-collapse: collapse;
    }

    #master td {
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    border-style: solid;
    border-color: #111111;
    border-width: 1px;
    }

    a.nav {
    padding-top: 0px;
    padding-right: 45px;
    padding-bottom: 0px;
    padding-left: 45px;
    text-decoration: none;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    border-width: 0px;
    }

    a.nav:link {
    color: #ff6600;
    background-color: transparent;

    }

    a.nav:visited {
    color: #ff6600;
    background-color: transparent;
    }

    a.nav:active {
    color: #ff6600;
    background-color: transparent;
    }

    a.nav:hover {
    color: #ff0000;
    background-color: #0066ff;
    }

  2. #2
    Join Date
    Mar 2004
    Location
    Maine
    Posts
    473
    why not just use CSS completely and get rid of the tables?

  3. #3
    Join Date
    May 2004
    Posts
    31
    Thank you for replying. I realize that i could use CSS completely but i guess i'd like to know where i made my error with the current code.

    Nick

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles