3. Simple Article , Exercises: HTML Structure

sotirovf 1 Точки

3. Simple Article , Exercises: HTML Structure

The 'Simple Article' is not so simple!

http://pastebin.com/BNiaX5XN - html

http://pastebin.com/Ppst5Jwj - css

3 грешки ми дава:

1). expect($("body > article").css('background')).to.equal('rgb(250, 250, 250)', "Incorrect background color for article");
expect($("body > article").css('width')).to.equal('600px', "Incorrect article width");

2).expect($("body > article > img").css('border-width')).to.equal('5px', "Incorrect border-width");
expect($("body > article > img").css('border-style')).to.equal('dotted', "Incorrect border-style");

3).expect($("body > article p").css('font-size')).to.equal('14px', "Incorrect font-size in Paragraph");
expect($("body > article p").css('text-align')).to.equal('justify', "Incorrect text-align property");

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

Тагове:

15/03/2017 18:24:21 Web Basics

petyo_lazarov92 57 Точки

Best Answer

Стартирах ти html-a и css-a и първата ти грешка е че body-то трябва да е след декларацията на Font-a и трябва да е .content { width: 550px;....}. width-a трябва да ти е 550 пиксала защото като добавиш 15 px за border-radius и 25px за padding и 10 px за box-shadow става точно 600px колкото е в условието ето ти коригирания css-http://pastebin.com/TFM0kW8S. Надявам се да съм ти помогнал :-)

15/03/2017 20:38:31

sotirovf 1 Точки

Това е решението, да ;)

16/03/2017 09:44:46

petyo_lazarov92 57 Точки

Първата грешка ти казва че цвета за фона на body > article трябва да е rgb(250, 250, 250) и че width на същия body> article трябва да е 600px.

Втората грешка казва че картинката в body >article> img трябва да е с border-width 5px и стила на бордера да е dotted

Третата грешка - параграфите в body > article> p трябва да имат font-size 14px и текста да е двустранно подравнен, мисля че беше text-align justify.

15/03/2017 18:53:25

petyo_lazarov92 57 Точки

Не съм ти разглеждал html и css , но judge-а проверява дали в css-а имаш имаш тези стилове за фон на article, за width на article, проверява за бордера на картинката в article-а дали е 5px и да е на точки(dotted), и накрая проверява за големината на текста в параграфите в article-а и дали е двустранно подравнен text-align : justify.

15/03/2017 19:02:44

petyo_lazarov92 57 Точки

Разгледах ти набързо css-a и трябва да направиш следното: пред img и пред p да напишеш body > article , т.е да стане така : ( body > article > img и. body > article > p ), а .content да го смениш с body > article.

15/03/2017 19:19:35

sotirovf 1 Точки

Благодаря за отделеното време, но нищо не се променя след промените за съжаление.

15/03/2017 19:47:22

petyo_lazarov92 57 Точки

Ще пробвам да го запаля като се прибера и ще ти пиша :-)

15/03/2017 19:48:21