SajhaHelpUSer
Replies to this thread:

More by SajhaHelpUSer
What people are reading
Subscribers
:: Subscribe
Back to: Kurakani General Refresh page to view new replies
 CSS help
[VIEWED 4180 TIMES]
SAVE! for ease of future access.
Posted on 12-01-10 1:01 PM     Reply [Subscribe]
Login in to Rate this Post:     0       ?    
 

does anyone have experince with menu making in CSS if so please let me know
 
Posted on 12-01-10 1:14 PM     [Snapshot: 6]     Reply [Subscribe]
Login in to Rate this Post:     0       ?    
 

what is the issue?

 
Posted on 12-01-10 2:27 PM     [Snapshot: 44]     Reply [Subscribe]
Login in to Rate this Post:     0       ?    
 

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
 
Posted on 12-01-10 2:48 PM     [Snapshot: 50]     Reply [Subscribe]
Login in to Rate this Post:     0       ?    
 

 

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

 
Posted on 12-01-10 2:52 PM     [Snapshot: 58]     Reply [Subscribe]
Login in to Rate this Post:     0       ?    
 

<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 target=_blank href="default.asp" target="_blank">THIS IS HEADING</a></h2></p>
</body>
</html>


http://www.w3schools.com/


Hope that helps man.


 
Posted on 12-01-10 8:30 PM     [Snapshot: 114]     Reply [Subscribe]
Login in to Rate this Post:     0       ?    
 

 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 :)


 
Posted on 12-01-10 11:42 PM     [Snapshot: 150]     Reply [Subscribe]
Login in to Rate this Post:     0       ?    
 

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

 
Posted on 12-02-10 3:57 PM     [Snapshot: 211]     Reply [Subscribe]
Login in to Rate this Post:     0       ?    
 

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/DTD/xhtml1-transitional.dtd">
<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="deion" 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 target=_blank 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>&laquo; <a target=_blank href="tutorial-v.html#vs7">return to tutorial</a> :: Stages
[<a target=_blank href="vs1.html" title="Vertical Example 1">1</a>]
[<a target=_blank href="vs2.html" title="Vertical Example 2">2</a>]
[<a target=_blank href="vs3.html" title="Vertical Example 3">3</a>]
[<a target=_blank href="vs4.html" title="Vertical Example 4">4</a>]
[<a target=_blank href="vs5.html" title="Vertical Example 5">5</a>]
[<a target=_blank 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 target=_blank href="http://www.seoconsultants.com/tips/css/#cssmenus" title="SEO Consultants Directory">CSS Hover Navigation</a>
        <ul>
          <li><a target=_blank href="../css-dropdown-menus.html" title="tanfa Introduction">Intro for CSS Enthusiasts</a></li>
          <li><a target=_blank href="index.html" title="Plain HTML Code">Demonstration HTML</a></li>
          <li><a target=_blank href="http://www.xs4all.nl/~peterned/csshover.html" 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 target=_blank href="http://www.seoconsultants.com/css/menus/vertical/" title="SEO Consultants Vertical Example">SEO Consultants Sample</a></li>
      <li><a target=_blank href="vs7.html" title="Complete Example">tanfa Demo example</a>
        <ul>
          <li><a target=_blank href="tutorial-v.html" title="Vertical Menu Tutorial">tanfa Tutorial</a> 
            <ul>
              <li><a target=_blank href="vs1.html" title="Vertical Menu - Page 1">Stage 1</a></li>
              <li><a target=_blank href="vs2.html" title="Vertical Menu - Page 2">Stage 2</a></li>  
              <li><a target=_blank href="vs3.html" title="Vertical Menu - Page 3">Stage 3</a></li>
              <li><a target=_blank href="vs4.html" title="Vertical Menu - Page 4">Stage 4</a></li>
              <li><a target=_blank href="vs5.html" title="Vertical Menu - Page 5">Stage 5</a></li>   
              <li><a target=_blank href="vs6.html" title="Vertical Menu - Page 6">Stage 6</a></li>
            </ul>
          </li>
        </ul>
      </li>
    </ul>
  </li>
</ul>


<ul>
  <li><h2>Horizontal Drop &amp; Pop Menu</h2>
    <ul>
      <li><a target=_blank href="http://www.seoconsultants.com/css/menus/horizontal/" title="SEO Consultants Directory Example">SEO Consultants Sample</a></li>
      <li><a target=_blank href="hs7.html">tanfa Demo example</a><!-- fully working sample -->
        <ul>
          <li><a target=_blank href="tutorial-h.html" title="Horizontal Menu Tutorial">tanfa Tutorial</a>
            <ul>
              <li><a target=_blank href="hs1.html" title="Horizontal Menu - Page 1">Stage 1</a></li>
              <li><a target=_blank href="hs2.html" title="Horizontal Menu - Page 2">Stage 2</a></li>   
              <li><a target=_blank href="hs3.html" title="Horizontal Menu - Page 3">Stage 3</a></li>
              <li><a target=_blank href="hs4.html" title="Horizontal Menu - Page 4">Stage 4</a></li>
              <li><a target=_blank href="hs5.html" title="Horizontal Menu - Page 5">Stage 5</a></li>   
              <li><a target=_blank href="hs6.html" title="Horizontal Menu - Page 6">Stage 6</a></li>
            </ul>
          </li>
        </ul>
      </li>
    </ul>
  </li>
</ul>       
</div>
</body>
</html>


 
Posted on 12-03-10 5:09 AM     [Snapshot: 248]     Reply [Subscribe]
Login in to Rate this Post:     0       ?    
 

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


 


Please Log in! to be able to reply! If you don't have a login, please register here.

YOU CAN ALSO



IN ORDER TO POST!




Within last 90 days
Recommended Popular Threads Controvertial Threads
What stocks to buy -- Any recommendation
हेरेको तिमीलाइ आँखाले हैन।
Conservative discussions
मरिसकेको माओबादि र एमालेलाइ ब्युँताइदियो सर्बोच्चले
Madhu Malati Ko Katha, इबुक बनाए बिक्रि होला ?
नाज ब्रो को भाउजु को फोटो अल्बुम भाग १ , जून ३ २०१६
KP and PK
"जेठी"
Why this Nas person is not blocked from sajha??
Who is priyanka karki's mother?
धुर्मुस भयङ्कर संकटमा ...
Sajha Poll: When should Nas come back to sajha? If he gets more than 50 votes he should come back by popular demand 🚨🚨🚨
ChatSansar.com Naya Nepal Chat
The Great Himalayan Cable Car
बोलेरै प्रभाव पार्न सिक्नु छ भने ...
निगुरो थाहा छ ??
Four Characters and My Funeral
डर लाग्न थालेको छ |
Well this is fked #TPS status doesn’t allow application for Green Cards
हेत्छाकुप्पाको कथा (नेपाली लोक कथा)
NOTE: The opinions here represent the opinions of the individual posters, and not of Sajha.com. It is not possible for sajha.com to monitor all the postings, since sajha.com merely seeks to provide a cyber location for discussing ideas and concerns related to Nepal and the Nepalis. Please send an email to admin@sajha.com using a valid email address if you want any posting to be considered for deletion. Your request will be handled on a one to one basis. Sajha.com is a service please don't abuse it. - Thanks.

Sajha.com Privacy Policy

Like us in Facebook!

↑ Back to Top
free counters