Jump to content

help for css


vijayarekha

Recommended Posts

Hi all, can anybody give me the guidence for css. what is my requirement is: I have a home page, in left side i have some links.when we are cliking that links it will open sub links and the previous clicking link should be present in above (i have to provide by using table)when we are clicking that above link it should go back.please give me guidencethanks®ardsvijaya

Link to comment
Share on other sites

Hi, You people are asking about the coded. This is the code what i am trying to do please give the solution for that, please make it as early as possible. thanks&regardsvijaya<body > <div id="outer-container"> <div id="inner-container"> <!--Begin Masthead--> <table border="1" width="100%" height="100%" > <tr border = "1" height="10%"> <td colspan="2"> <table width="100%"> <tr> <td> <img src="./images/logo.gif" align="left"> </td> <td background="./images/mast-bg.gif" width="100%"> <img src="./images/banded.gif" align="left"> </td> </tr> <tr> <td colspan="2" class="blbg"> <table width="760" cellspacing="0" cellpadding="0" border="0"> <tbody> <tr> <td> <table border="0" cellpadding="0" cellspacing="0" class="mhl"> <tbody> <tr> <td> <span class="spacer">    </span> </td> <td> <a href="#" class="masthead-mainlink">Home</a> </td> <td width="27" class="masthead-divider">    </td> <td> <a href="#" class="masthead-mainlink">Supervisor Line 1</a> </td> <td width="27" class="masthead-divider">    </td> <td> <a href="ManufacturingTime.html" class="masthead-mainlink">Supervisor Line 2</a> </td> <td> <span class="spacer"></span> </td> <td width="27" class="masthead-divider">    </td> <td></td> <td> </td> <td> <span class="spacer">    </span> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table><!--End Masthead--><table id="v14-body-table" width="760" border="0" cellspacing="0" cellpadding="0"> <tbody> <tr valign="top"> <td width="150" id="navigation"> <table width="150" cellspacing="0" cellpadding="0" border="0"> <tbody> <tr> <td width="17" height="22" align="right"> <img class="display-img" width="16" src="..\c.gif" height="16" alt="" /> </td> <td width="133"> <img class="display-img" width="1" src="c.gif" height="4" alt="" /> </td> </tr> </tbody> </table> <table width="150" cellspacing="0" cellpadding="0" border="0"> <tbody> <tr> <td colspan="2" class="left-nav-overview"> <a href="#" class="left-nav-overview">Home</a> </td> </tr> <tr> <td colspan="2" class="left-nav"> <a href="#CF"> Supervisor Line 1</a> </td> </tr> <tr> <td width="14" class="left-nav"> <img class="display-img" alt="" height="1" width="14" src="..\c.gif" /> </td> <td class="left-nav"><a href="deliveryReliabilityKPI.html" class="masthead-mainlink">CONVEYOR</a></td> </tr> <tr> <td width="14" class="left-nav"> <img class="display-img" alt="" height="1" width="14" src="..\c.gif" /> </td> <td class="left-nav"><a href="flexAndResponseKPI.html" class="masthead-mainlink">PUMP</a></td> </tr> <tr> <td width="14" class="left-nav"> <img class="display-img" alt="" height="1" width="14" src="..\c.gif" /> </td> <td class="left-nav"><a href="flexAndResponseKPI.html" class="masthead-mainlink">BLENDERS</a></td> </tr> <tr> <td width="14" class="left-nav"> <img class="display-img" alt="" height="1" width="14" src="..\c.gif" /> </td> <td class="left-nav"><a href="flexAndResponseKPI.html" class="masthead-mainlink">BOTTLER</a></td> </tr> <tr> <td width="14" class="left-nav"> <img class="display-img" alt="" height="1" width="14" src="..\c.gif" /> </td> <td class="left-nav"><a href="flexAndResponseKPI.html" class="masthead-mainlink">PACKER</a></td> </tr> <tr> <td width="14" class="left-nav"> <img class="display-img" alt="" height="1" width="14" src="..\c.gif" /> </td> <td class="left-nav"><a href="flexAndResponseKPI.html" class="masthead-mainlink">DASHBOARD</a></td> </tr> <tr> <td colspan="2" class="left-nav"> <a href="#IF">Supervisor Line 2</a> </td> </tr> <tr> <td width="14" class="left-nav"> <img class="display-img" alt="" height="1" width="14" src="..\c.gif" /> </td> <td class="left-nav"><a href="deliveryReliabilityKPI.html" class="masthead-mainlink">CONVEYOR</a></td> </tr> <tr> <td width="14" class="left-nav"> <img class="display-img" alt="" height="1" width="14" src="..\c.gif" /> </td> <td class="left-nav"><a href="flexAndResponseKPI.html" class="masthead-mainlink">PUMP</a></td> </tr> <tr> <td width="14" class="left-nav"> <img class="display-img" alt="" height="1" width="14" src="..\c.gif" /> </td> <td class="left-nav"><a href="flexAndResponseKPI.html" class="masthead-mainlink">BLENDERS</a></td> </tr> <tr> <td width="14" class="left-nav"> <img class="display-img" alt="" height="1" width="14" src="..\c.gif" /> </td> <td class="left-nav"><a href="flexAndResponseKPI.html" class="masthead-mainlink">BOTTLER</a></td> </tr> <tr> <td width="14" class="left-nav"> <img class="display-img" alt="" height="1" width="14" src="..\c.gif" /> </td> <td class="left-nav"><a href="flexAndResponseKPI.html" class="masthead-mainlink">PACKER</a></td> </tr> <tr> <td width="14" class="left-nav"> <img class="display-img" alt="" height="1" width="14" src="..\c.gif" /> </td> <td class="left-nav"><a href="flexAndResponseKPI.html" class="masthead-mainlink">DASHBOARD</a></td> </tr> </tbody> </table>

Link to comment
Share on other sites

Alter this link to go to your Home page and then simply duplicate the Menu of links on each page.

 <a href="#" class="masthead-mainlink">Home</a>

Replace the '#' with the actual link to the Home page. And the same for any other occurence of '#'. The '#' link stays on the same page, so the link activates, but doesn't go anywhere.

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...