Exam 70-486 topic 4 question 3 discussion

Actual exam question from Microsoft's 70-486

Question #: 3
Topic #: 4

HOTSPOT -
The designer for the website gave you the following image as the design for the page.

The normal color for the tab is *2da4c2, and the color when the mouse is over the tab is #ffd800.
The HTML that implements the navigation tab is as follows.

You need to implement the design.
What should you do? (To answer, select the appropriate options in the answer area.)
Hot Area:

Show Suggested Answer

Suggested Answer:

by majco333 at Feb. 21, 2020, 9:21 a.m.

Comments

Submit Cancel

Janibaldo

Highly Voted 5 years, 4 months ago

ul #nav { font-size: 2.3em; font-weight: 600; } ul #nav li { float left; list-style: none; text-align: center; } ul #nav li a { background-color: #2da4c2; color: #FFF; text-decoration: none; border-radius: 12px 12px 0 0; padding: 0 12px 0 12px; margin: 0 4px 0 4px; } ul #nav li a: hover { color: #333; background-color: #ffd800; text-decoration: none; }

upvoted 11 times

...

rhysabray

Highly Voted 5 years, 3 months ago

Surely the first choice should be "float:right;" not left?

upvoted 11 times

Dev666

5 years, 1 month ago

<!DOCTYPE html> <html> <head> <style> ul#nav { font-size: 2.3em; font-weight: 600; } ul#nav li { float: right; list-style: none; text-align: center; } ul#nav li a { background-color: #2da4c2; color: #FFF; text-decoration: none; border-radius: 12px 12px 0 0; padding: 0 12px 0 12px; margin: 0 4px 0 4px; } ul#nav li a:hover { color: #333; background-color: #ffd800; text-decoration: none; } </style> </head> <body> <h1>The list-style Property</h1> <p>The list-style is a shorthand property for all the list properties.</p> <ul id="nav"> <li><a href"/">Coffee</a></li> <li><a href"/">Tea</a></li> <li><a href"/">Coca Cola</a></li> </ul> </body> </html>

upvoted 3 times

...

northgaterebel

Most Recent 4 years, 5 months ago

Yet another question where the introductory info is irrelevant to the question. MS likes to waste our time by expecting us to parse unnecessary data lol. This is why they give us 2 hours to take a 20 minute exam.

upvoted 1 times

...

anishk

4 years, 5 months ago

background-color: #2da4c2; border-radius: 15px; border-radius: 15px; ul#nav li a:hover { background-color: #ffd800;

upvoted 1 times

...

luixaca

4 years, 6 months ago

Using text-decoration:none twice makes no sense. I'll go with cursor:pointer instead.

upvoted 2 times

...