lbgp
Members
-
Joined
-
Last visited
-
Hello. I'm trying to style a menu with an image in a drop down menu. I would love to have a vertical menu appear with an image as the background when items are hovered over. Does anyone know where to put the background attribute in the css file? Here's my code so far. /*CSS*/ body { background: url('background.jpg') no-repeat fixed #000; background-size: 100%; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; color: #B8B8B8; margin-top: 0px; } header { position: relative; width: 100%; height: 100px; } header ul { position: absolute; top: -3; right: 40; list-style: none; font-size: 10px; } header ul li { float: left; margin-left: 20px; color: black; } header ul li a:link, header ul li a:visited { color: black; font-weight: normal; } header ul li a:hover, header ul li a:active { color: grey; } nav { position: absolute; top: 60; width: 100%; } nav ul { position: absolute; top: -10; right: 40; list-style: none; font-size: 12px; } nav ul li { position: relative; float: left; margin-left: 40px; display: block; width: 70px; } nav ul li a:link, nav ul li a:visited { color: #FF6103; font-weight: bold; } nav ul li a:hover, header ul li a:active { color: #344152; } /* Applies to Drop Down Menu */ nav li ul { position: absolute; z-index: 100; visibility: hidden; height: 50px; } /* Make drop-down visible on navbar hover */ nav li:hover ul { visibility: visible; } /* Applies to links on the drop-down menu */ nav li:hover ul li a { float: left; background: #1A2932; /* Removes background image */ border-bottom: solid 1px #fff; color: #FFF; text-align: left; width: 7.5em; padding: .3em .7em; font-weight: normal; height: auto; margin-left: 2em; } /* Hover on drop-down menu links */ nav li:hover ul li a:hover { background: #000; color: #FFF; border-bottom: solid 1px #fff; font-weight: normal; } #wrapper { width: 960px; background: url('background3.jpg') no-repeat; margin: 0 auto; } #main { width: 100%; height: 700px; } #left_column { position: relative; float: left; width: 560px; height: 250px; margin: 20px; } #right_column { float: right; width: 315px; height: 250px; padding: 00px; margin: 20px; } .box { background-color: #e8e8e8; width: 300px; } footer { text-align: center; font-size: 11px; color: #fff; } #footer_wrapper { width: 690px; margin: 0 auto; } footer ul { float: left; display: block; } footer ul li { float: left; display: block; margin-left: 10px; } a:link, a:visited { font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; color: #ebebeb; text-decoration: none; font-weight: bold; } a:hover { font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; color: orange; text-decoration: none; font-weight: bold; } <!-- HTML --> <html> <head> <title>Carbon House Test</title> <!-- Link to external style sheet --> <link href="carbonhouse.css" rel="stylesheet" type="text/css"/> </head> <body> <div id="wrapper"> <header> <ul> <li><a href="#">CONTACT</a></li> <li><a href="#">DIRECTIONS</a></li> <li><a href="#">PARKING</a></li> <li><a href="#">SITE MAP</a></li> </ul> <!-- Start Navigation Division --> <nav> <ul> <li><a href="#">EVENTS & TICKETS</a> <ul><!-- Start Drop Down Nav --> <li><a href="#">INDIVIDUAL TICKETS</a></li> <li><a href="#">GROUP SALES</a></li> <li><a href="#">SPECIAL OFFERS</a></li> </ul></li><!-- End Drop Down Nav --> <li><a href="#">ARENA INFO</a></li> <li><a href="#">ARENA NEWS</a></li> <li><a href="#">PREMIUM SEATING</a></li> <li><a href="#">GUEST SERVICES</a></li> </ul> </nav><!-- End Navigation Division --> </header> <div id="main"> <div id="left_column"> </div><!-- End Left Column Division --> <div id="right_column"> </div><!-- End Right Column Division --> </div><!-- End Main Division --> </div><!-- End Wrapper --> <footer> <div id="footer_wrapper"> <ul> <li><a href="#">HOME</a></li> <li><a href="#">EVENTS & TICKETS</a></li> <li><a href="#">ARENA INFO</a></li> <li><a href="#">PREMIUM SEATING</a></li> <li><a href="#">GUEST SERVICES</a></li> <li><a href="#">CONTACT</a></li> <li><a href="#">SITE MAP</a></li> <li><a href="#">MEDIA</a></li> <br/> Copyright © 2012, Charlotte Bobcats Arena Operations. <a href="#">Terms & Conditions.</a> </div><!-- End Footer Wrapper --> </footer> </body> </html>
-
Need some help figuring out this question. Anyone know which answer would be best? Would really appreciate any insights! What will the PHP statement include("test.inc.php") do? a.)Insert the text located in the test.inc.php file into the PHP program that contains the include() function. b.)Produce an error because the file is not referenced by its full path name. c.) Add HTML statements from the main program into the file specified in the include() function. d.) Processs the code listed in the include() function file and stop.