World Cup News

GabiLegurska 0 Точки

World Cup News

Здравейте,

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

Грешките са:

Test #1 (Incorrect answer)

Line 0 is different.

Hide inputTest input:

let img = $('ul > li > img');

expect(img).to.have.lengthOf(3, "Incorrect amount of images.");

Test #2 (Incorrect answer)

Line 0 is different.

Hide inputTest input:

let span = $('ul > li > span.text');

expect(span).to.have.lengthOf(3, "Incorrect amount of span tag.");

expect(span.css('color')).to.equal('rgb(46, 166, 32)', "Incorrect span color");

Решение до тук:

HTML линк

CSS линк

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

Тагове:

30/01/2017 13:18:16 Web Basics 30/01/2017 16:04:24

ChrisPam 976 Точки

Best Answer

Първото което виждам е че прилагаш промени към тага image в CSS файла, а няма такъв таг. Има img, промени го. Ето моя код сравни го и виж грешките:


<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>World Cup News</title>
	<link rel="stylesheet" href="world-cup-news.css" />
  </head>
  <body>
  <div id="wrapper">
	<h1>World Cup News</h1>
	
	<p>The biggest scoreline in the history of the <strong>FIFA World Cup</strong> qualifiers - and indeed in the history of international football - was recorded on 11 April 2001, when Australia beat American Samoa 31-0.</p>
	<p>This legendary match also brought global renown for <em>Archie Thompson</em>, whose 13-goal haul set a new world record, which stands to this day, for an individual player in a single international match.</p>
	<p>And though the defeat earned American Samoa ignominy, so inspiring has their subsequent recovery been that it is now the subject of an acclaimed documentary, '<em>Next Goal Wins</em>', showing across the world.</p>
	
	<h2>Destinations</h2>
		<ul>
		<li>
			<img src="estadio-mineirao.jpg" alt="estadio-mineirao" />
			<span class="text">BELO HORIZONTE, STADIUM : Estadio Mineirao</span>
		</li>
		<li>
			<img src="estadio-nacional.jpg" alt="estadio-nacional" />
			<span class="text">BRASILIA, STADIUM : Estadio Nacional</span>
		</li>
		<li>
			<img src="arena-pantanal.jpg" alt="arena-pantanal" />
			<span class="text">CUIABA, STADIUM : Arena Pantanal</span>
		</li>
		</ul>
  </div>
  </body>
</html>

#wrapper{
	width: 700px;
	height: 730px;
	border: 1px solid #000000;
	margin: 0 auto;
	padding: 10px;
	background-color: #a6e1ec;
}
img{
	width: 200px;
	margin-right: 10px;
	vertical-align: middle;

}
.text{
	color: #2EA620;
}
li{
	width: 520px;
	padding: 10px;
	margin-bottom: 5px;
	font-size: 14px;
	border: 1px solid #000000;
	list-style-type: none;
}

30/01/2017 13:26:13 30/01/2017 13:27:59

GabiLegurska 0 Точки

Да, това е че накрая не знаех как да ги разделя в CSS и понеже в миналите задачи всичко влизаше в wrap-a, накрая ми стака каша. :)

Благодаря!

30/01/2017 13:51:02

ChrisPam 976 Точки

Важното е да разберете задачата! Радвам се, че съм помогнал.

30/01/2017 14:02:09

YavorSpassov+deleted! 133 Точки

Не си стигнала още до Judge. Визуално като погледнеш, нямаш padding и border. Картинките не ти се форматират, защото в css таргетираш image, а не img. Трябва да махнеш тези bullets на ul-а. В html-а имаш излишни <img src=""> и т.н.

30/01/2017 13:35:35 30/01/2017 13:36:32