john pfeiffer
  • Home
  • Categories
  • Tags
  • Archives

css mouseover continued

<html>
<head>
<style type="text/css">



/* required to define the menu area */
#menu {  }

/* anchor elements with hover are the most universally recognized by older browsers */
/* inline: A block-display element will span the full width of the space available to it, 
and so will start on a new line in the flow of HTML. */
/* text-decoration:none removes the default underline of anchor links */

#menu a{    display: inline;
                    text-decoration:none;    
                    font-size: 2em;
                    font-weight: bold;
                    }

/* the hover element is what we want for the menu to "pop up" */
#menu a:hover{  }

/* the span element defines what is hidden (none) until hovered */
#menu a span{   display:none;   }

/* hover means we can now display it */
#menu a:hover span{ display: inline;    }


</style>

</head>

<br />&nbsp;    <br />&nbsp;
<br />&nbsp;    <br />&nbsp;


<div id="menu">
    <a href="">Who's da Kitteh?
        <span>Bobby Cat!</span>
    </a>
</div>

<br />&nbsp;    <br />&nbsp;
<br />&nbsp;    <br />&nbsp;

<?php
    $servername = $_SERVER['SERVER_NAME']; 
    $filename = "http://" . $servername . "/includes/foot.txt";
    include($filename);
?>

  • « css scrollbars
  • css menu »

Published

Feb 6, 2010

Category

css

~146 words

Tags

  • continued 26
  • css 19
  • mouseover 3