Loading...
GabiLegurska avatar GabiLegurska 0 Точки

World Cup News

Здравейте,

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

Грешките са:

Test #1 (Incorrect answer)

Line 0 is different.

Hide inputTest input:

1

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

2

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

Test #2 (Incorrect answer)

Line 0 is different.

Hide inputTest input:

1

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

2

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

3

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

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

HTML линк

CSS линк

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

Тагове:
0
Web Basics 30/01/2017 16:04:24
ChrisPam avatar 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;
}

 

0
30/01/2017 13:27:59
GabiLegurska avatar GabiLegurska 0 Точки

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

 

Благодаря!

0
ChrisPam avatar ChrisPam 976 Точки

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

0
YavorSpassov+deleted! avatar YavorSpassov+deleted! 133 Точки

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

0
30/01/2017 13:36:32
Можем ли да използваме бисквитки?
Ние използваме бисквитки и подобни технологии, за да предоставим нашите услуги. Можете да се съгласите с всички или част от тях.
Назад
Функционални
Използваме бисквитки и подобни технологии, за да предоставим нашите услуги. Използваме „сесийни“ бисквитки, за да Ви идентифицираме временно. Те се пазят само по време на активната употреба на услугите ни. След излизане от приложението, затваряне на браузъра или мобилното устройство, данните се трият. Използваме бисквитки, за да предоставим опцията „Запомни Ме“, която Ви позволява да използвате нашите услуги без да предоставяте потребителско име и парола. Допълнително е възможно да използваме бисквитки за да съхраняваме различни малки настройки, като избор на езика, позиции на менюта и персонализирано съдържание. Използваме бисквитки и за измерване на маркетинговите ни усилия.
Рекламни
Използваме бисквитки, за да измерваме маркетинг ефективността ни, броене на посещения, както и за проследяването дали дадено електронно писмо е било отворено.