Runners Home

GabiLegurska 0 Точки

Runners Home

Здравейте,

Няколко пъти се опитвам да разбера и поправя тази грешка с всякакви размествания, но нищо не ми се получава.

Грешката е:

Test #7 (Incorrect answer)

Line 0 is different.

Hide inputTest input:

let li = $("div#wrapper > ul li");

expect(li).to.have.lengthOf(2,"Incorrect amount of list items.");

Решението ми е:

<body>
    <div id="wrapper">
        <span><p>Hello, Stranger!</p></span>
        <h1>Welcome to Runners Home<sup>TM</sup></h1>
        <h2>Runners Home<sup>TM</sup> is dedicated to providing you with:
        <ul type="disc">
           <li>the most up-date information on running races</li>
           <li>the best resources for runners</li>
        </ul>
        </h2>
            <hr />
        <footer>&copy;Runners Home. All rights reserved.</footer>
    </div>
</body>

Благодаря предварително.

Тагове:

30/01/2017 10:56:53 Web Basics

ChrisPam 976 Точки

Best Answer

Проблема при Reversed List е, че сте стилизирали ol с color: ...., а в условието се иска да се стилизира целия div в случая просто сложете color: ..... при #wrapper.

Ето отново моя код за справка

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Reversed List</title>
	<link rel="stylesheet" href="reversed-list.css" />
  </head>
  <body>
  <div id="wrapper">
	  <ol reversed="reversed">
		<li>Turn left on N Orchard St</li>
		<li>Turn right on W Diversey Pkwy</li>
		<li>Head north on N Halsted St</li>
	  </ol>
  </div>
  </body>
</html>

#wrapper{
	background-color: #dddddd;
	color: #95191a;
	width: 300px;
	border: 1px solid #000000;
}

30/01/2017 11:21:25 30/01/2017 12:20:39

ChrisPam 976 Точки

Първата грешка която видях е че сте написала "Hello, Stranger", а трябва да е "Hello ,Stranger"

Втората грешка е, че трябва да затворите h2 тага веднага след "...with:" защото ul листа не се включва в него.

Третата грешка е, че Hello ,Stranger не трябва да е в <p> таг, а само в span :)

Надявам се да съм помогнал! Ето все пак моя код за справка

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>The Runners Home</title>
	<link rel="stylesheet" href="runners-home.css" />
  </head>
  <body>
	<div id="wrapper">
		<span>Hello ,Stranger!</span>
		<h1>Welcome to Runners Home <sup>TM</sup></h1>
		<h2>Runners Home <sup>TM</sup> is dedicated to providing you with:</h2>
		<ul>
			<li>the most up-date information on running races.</li>
			<li>the best resources for runners.</li>
		</ul>
		<hr />
		<footer>&copy; Runners Home. All rights reserved.</footer>
	</div>
  </body>
</html>

30/01/2017 11:02:12 30/01/2017 11:08:16

GabiLegurska 0 Точки

Супер! Благодаря ти.

Мислех, че след като е част от <h2> с подточки и се затваря накрая. "Hello, Stranger" ми го прие и така..

Имам и още едно ако можеш да помогнеш :)

При Reversed List ми дава следната грешка:

Test #6 (Incorrect answer)

Line 0 is different.

Hide inputTest input:

expect($(document.body).find("div#wrapper").css("color")).to.equal("rgb(149, 25, 26)","Incorrect text color");

Решението ми е:

<body>
    <div id="wrapper">
        <ol reversed>
            <li>Head north on N Orchard St</li>
            <li>Turn right on W Diversey Pkwy</li>
            <li>Turn left on N Orchard Stt</li>
        </ol>
    </div>

</body>

Css:

div#wrapper {
    background-color: #dddddd;
    width: 300px;
    border: 1px solid #000000;
}
ol {
     color: #95191a;

30/01/2017 11:17:49

worminer 104 Точки

Здравей,
по скоро трябва да напишеш така
id се ползва попринцип за неща които ги има само 1 път в HTML-a (като wraper) или ако искаш да хванеш ид-то с js..
#wrapper {
    background-color: #dddddd;
    width: 300px;
    border: 1px solid #000000;
}

30/01/2017 21:31:23