Answered step by step
Verified Expert Solution
Link Copied!

Question

1 Approved Answer

Go to the Interactive Map Styles section. Within this section, you'll create style rules that position each of the six map markers onto the battle

image text in transcribed

Go to the Interactive Map Styles section. Within this section, you'll create style rules that position each of the six map markers onto the battle map. The markers are placed within hypertext links. Create a style rule for every a element of the battleMarkers class that places the hypertext link using absolute positioning. Create style rules for the six a elements with IDs ranging from marker1 to marker6, placing them at the following (top, left) coordinates #marker 1 : (220,340) #marker: (194,358) #narker3 : (202, 400) #narker4 : (217, 452) #markerS : (229, 498) #markers: (246,544) . . . . . . Map Information Styles The information associated with each map marker has been placed in div elements belonging to the maplnfo class. Go to the Map Information Styles sectionand create a style rule that hides this class of elements so that this information is not initally visible on the page. To display the information associated with each map maker, you need to create a style rule that changes the map information's display property in response to the mouse pointer hovering over the corresponding map marker. Since the map information follows the map marker in the HTML file, use the following selector (see Figure 2-12) to select the map information corresponding to the hovered map marker: a.battleMarkers:hover div.napInfo . Write a style rule for this selertor that sets its dienlav nronertv to hlork Go to the Interactive Map Styles section. Within this section, you'll create style rules that position each of the six map markers onto the battle map. The markers are placed within hypertext links. Create a style rule for every a element of the battleMarkers class that places the hypertext link using absolute positioning. Create style rules for the six a elements with IDs ranging from marker1 to marker6, placing them at the following (top, left) coordinates #marker 1 : (220,340) #marker: (194,358) #narker3 : (202, 400) #narker4 : (217, 452) #markerS : (229, 498) #markers: (246,544) . . . . . . Map Information Styles The information associated with each map marker has been placed in div elements belonging to the maplnfo class. Go to the Map Information Styles sectionand create a style rule that hides this class of elements so that this information is not initally visible on the page. To display the information associated with each map maker, you need to create a style rule that changes the map information's display property in response to the mouse pointer hovering over the corresponding map marker. Since the map information follows the map marker in the HTML file, use the following selector (see Figure 2-12) to select the map information corresponding to the hovered map marker: a.battleMarkers:hover div.napInfo . Write a style rule for this selertor that sets its dienlav nronertv to hlork

Step by Step Solution

There are 3 Steps involved in it

Step: 1

blur-text-image

Get Instant Access to Expert-Tailored Solutions

See step-by-step solutions with expert insights and AI powered tools for academic success

Step: 2

blur-text-image

Step: 3

blur-text-image

Ace Your Homework with AI

Get the answers you need in no time with our AI-driven, step-by-step assistance

Get Started

Recommended Textbook for

101 Database Exercises Text Workbook

Authors: McGraw-Hill

2nd Edition

0028007484, 978-0028007489

More Books

Students also viewed these Databases questions