Menu
If anyone could have a look at this code for me, i was under the impression that any object within a div would inherit the properties set for the div. But the hyperlink won’t take on the white text of the div’s class (id=”menu1″ class=”mainmenu”).
I have noticed that if i remove the hyperlink it marks up the plain text but not once i have placed the text in the hyperlink? Could someone please clarify why this is not the case?
Cheers everyone..
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<style type=text/css>
#navbar {position:absolute ; left:0 ; top:0 ; height: 20 ; width:100% ; background:green ;}
#menu1opt { position:absolute ; left:0 ;}
#menu1 { position:absolute ; left:0 ;}
.mainmenu {position: absolute ; top:0 ;height:20 ; width:100;
font-family:tahoma ; color:white ;}
.options { position:absolute ; top:20 ; width:100 ; background:yellow}
a { text-decoration:none }
</style>
</HEAD>
<BODY>
<div id=”navbar”></div>
<div id=”menu1″ class=”mainmenu”><a href=”#”>menu1</a></div>
<div id=”menu1opt” class=”options”>this<br>that<br>theother<br></div>
</BODY>
</HTML>