Answered step by step
Verified Expert Solution
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
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
Get Instant Access to Expert-Tailored Solutions
See step-by-step solutions with expert insights and AI powered tools for academic success
Step: 2
Step: 3
Ace Your Homework with AI
Get the answers you need in no time with our AI-driven, step-by-step assistance
Get Started