what is the issue?

nyshangal · Dec 1, 2010 1:14 PM

I have to have href in the headings h2 and make sure that the link is highligheted when the user is on the screen how can i do this

SajhaHelpUSer · Dec 1, 2010 2:27 PM

  Last edited: 01-Dec-10 02:50 PM

kanchho bhai · Dec 1, 2010 2:48 PM

<html> <head> <style type="text/css"> a:link {color:#FF0000;}    /* unvisited link */ a:visited {color:#00FF00;} /* visited link */ a:hover {color:#FF00FF;}   /* mouse over link */ a:active {color:#0000FF;}  /* selected link */ </style> </head> <body> <p><h2><a href="default.asp" target="_blank">THIS IS HEADING</a></h2></p> </body> </html> http://www.w3schools.com/ Hope that helps man.

kanchho bhai · Dec 1, 2010 2:52 PM

 wrap h2 within a anchor tag or anchor tag within a <h2>tag like  <a  id="abc" href="#"> <h2>...</h2></a> you can give some id to anchor tag or h2 it will help you in doing a styling or just in case u want to use some js. and if you are doing it with css means a:active should work,,but do check cross browsers and w3schools will be very handy :)

nyshangal · Dec 1, 2010 8:30 PM

Generally, if site used php , it can track everything to alert. This is how php got developed

trash · Dec 1, 2010 11:42 PM

when u add a anchor to the heading below it changes the color of the heading so does anyone know what i should be doin, do we define a new class for this entirely? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DT..."> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1"></meta> <title>Vertical CSS Menu Tutorial ~ Example Page 7</title> <meta name="description" content="Example 7 - CSS Vertical Popout Menu Tutorial"></meta> <link rel="shortcut icon" href="../../../favicon.ico" /> <link href="tanfa.css" rel="stylesheet" type="text/css"> <style type="text/css" media="screen"> /**************** menu coding *****************/ #menu { width: 12em; background: #eee; } #menu ul { list-style: none; margin: 0; padding: 0; } #menu a, #menu h2 { font: bold 11px/16px arial, helvetica, sans-serif; display: block; border-width: 1px; border-style: solid; border-color: #ccc #888 #555 #bbb; margin: 0; padding: 2px 3px; } #menu h2 { color: #fff; background: #000; text-transform: uppercase; } #menu a { color: #000; background: #efefef; text-decoration: none; } #menu a:hover { color: #a00; background: #fff; } #menu li { position: relative; } #menu ul ul ul { position: absolute; top: 0; left: 100%; width: 100%; } div#menu ul ul ul, div#menu ul ul li:hover ul ul {display: none;} div#menu ul ul li:hover ul, div#menu ul ul ul li:hover ul {display: block;} </style> <!--[if IE]> <style type="text/css" media="screen">  #menu ul li {float: left; width: 100%;} </style> <![endif]--> <!--[if lt IE 7]> <style type="text/css" media="screen"> body { behavior: url(csshover.htc); font-size: 100%; } #menu ul li {float: left; width: 100%;} #menu ul li a {height: 1%;} #menu a, #menu h2 { font: bold 0.7em/1.4em arial, helvetica, sans-serif; } </style> <![endif]--> </head> <body id="www-tanfa-co-uk"> <div id="pagetop"> <a href="../../../index.html" title="tanfa :: Home Page" id="toplink"></a> <h1>CSS Pop Out Menu Tutorial Code</h1> <h2>Stage 7 - Fully Working Example</h2> <h3>« <a href="tutorial-v.html#vs7">return to tutorial</a> :: Stages [<a href="vs1.html" title="Vertical Example 1">1</a>] [<a href="vs2.html" title="Vertical Example 2">2</a>] [<a href="vs3.html" title="Vertical Example 3">3</a>] [<a href="vs4.html" title="Vertical Example 4">4</a>] [<a href="vs5.html" title="Vertical Example 5">5</a>] [<a href="vs6.html" title="Vertical Example 6">6</a>] <span>[7]</span> </h3> </div> <!-- start Menu HTML --> <div id="menu"> <ul>   <li><h2>CSS Drop Down Menus</h2>     <ul>       <li><a href="http://www.seoconsultants.com/..." title="SEO Consultants Directory">CSS Hover Navigation</a>         <ul>           <li><a href="../css-dropdown-menus.html" title="tanfa Introduction">Intro for CSS Enthusiasts</a></li>           <li><a href="index.html" title="Plain HTML Code">Demonstration HTML</a></li>           <li><a href="http://www.xs4all.nl/~peterned..." title="whatever:hover file">csshover.htc file</a></li>         </ul>       </li>     </ul>   </li> </ul> <ul>   <li><h2>Vertical CSS Pop-Out Menu</h2>     <ul>       <li><a href="http://www.seoconsultants.com/..." title="SEO Consultants Vertical Example">SEO Consultants Sample</a></li>       <li><a href="vs7.html" title="Complete Example">tanfa Demo example</a>         <ul>           <li><a href="tutorial-v.html" title="Vertical Menu Tutorial">tanfa Tutorial</a>              <ul>               <li><a href="vs1.html" title="Vertical Menu - Page 1">Stage 1</a></li>               <li><a href="vs2.html" title="Vertical Menu - Page 2">Stage 2</a></li>                 <li><a href="vs3.html" title="Vertical Menu - Page 3">Stage 3</a></li>               <li><a href="vs4.html" title="Vertical Menu - Page 4">Stage 4</a></li>               <li><a href="vs5.html" title="Vertical Menu - Page 5">Stage 5</a></li>                  <li><a href="vs6.html" title="Vertical Menu - Page 6">Stage 6</a></li>             </ul>           </li>         </ul>       </li>     </ul>   </li> </ul> <ul>   <li><h2>Horizontal Drop & Pop Menu</h2>     <ul>       <li><a href="http://www.seoconsultants.com/..." title="SEO Consultants Directory Example">SEO Consultants Sample</a></li>       <li><a href="hs7.html">tanfa Demo example</a><!-- fully working sample -->         <ul>           <li><a href="tutorial-h.html" title="Horizontal Menu Tutorial">tanfa Tutorial</a>             <ul>               <li><a href="hs1.html" title="Horizontal Menu - Page 1">Stage 1</a></li>               <li><a href="hs2.html" title="Horizontal Menu - Page 2">Stage 2</a></li>                  <li><a href="hs3.html" title="Horizontal Menu - Page 3">Stage 3</a></li>               <li><a href="hs4.html" title="Horizontal Menu - Page 4">Stage 4</a></li>               <li><a href="hs5.html" title="Horizontal Menu - Page 5">Stage 5</a></li>                  <li><a href="hs6.html" title="Horizontal Menu - Page 6">Stage 6</a></li>             </ul>           </li>         </ul>       </li>     </ul>   </li> </ul>        </div> </body> </html>

SajhaHelpUSer · Dec 2, 2010 3:57 PM

without declarin class, you should be able to  modify the navigation based on the anchor tag . just like you do for list item.

default061 · Dec 3, 2010 5:09 AM