Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
26 commits
Select commit Hold shift + click to select a range
7a1063f
хтмл
Pogromistka Oct 31, 2016
4126e87
ксс
Pogromistka Oct 31, 2016
aa26cde
Add files via upload
Pogromistka Oct 31, 2016
67f570b
хтмл
Pogromistka Oct 31, 2016
da8cac8
ксс ошибки исправлены
Pogromistka Oct 31, 2016
dc6fc7e
ксс исправление 2
Pogromistka Oct 31, 2016
1004646
хтмл ошибки
Pogromistka Oct 31, 2016
e36bbdf
хтмл длина строк
Pogromistka Nov 1, 2016
439c552
и ещё раз хтмл
Pogromistka Nov 1, 2016
e040064
финальный вариант
Pogromistka Nov 1, 2016
572f24e
Работа над замечаниями
Pogromistka Nov 4, 2016
db150c4
Исправление по замечаниям css
Pogromistka Nov 4, 2016
2b3501c
Исправление по замечаниям css (2)
Pogromistka Nov 4, 2016
cf46204
Исправление css
Pogromistka Nov 8, 2016
1e2ac61
Исправление html
Pogromistka Nov 8, 2016
b05e9cf
Кавычки css
Pogromistka Nov 9, 2016
87cd70c
Переносы и подпись картинки
Pogromistka Nov 9, 2016
f719f2c
css подпись картинки и выделение букв
Pogromistka Nov 9, 2016
822c5af
css подпись картинки и выделение букв (2)
Pogromistka Nov 9, 2016
6c2ed8b
html классы таблиц .results .schedule
Pogromistka Nov 9, 2016
2d2c7d1
css таблица результатов скачет
Pogromistka Nov 9, 2016
b9996df
css выровняла табличку
Pogromistka Nov 9, 2016
2b21c74
css вертикал текст
Pogromistka Nov 9, 2016
c10749a
html вертикал текст
Pogromistka Nov 9, 2016
b764811
css шрифты и отступы
Pogromistka Nov 9, 2016
2d48b88
Шрифты
Pogromistka Nov 9, 2016
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Binary file added BOD_BLAI.TTF
Binary file not shown.
Binary file added GOTHIC.TTF
Binary file not shown.
Binary file added GOTHICB.TTF
Binary file not shown.
Binary file added GOTHICI.TTF
Binary file not shown.
175 changes: 175 additions & 0 deletions index.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,175 @@
@font-face
{
font-family: 'Century Gothic';
src: url(GOTHIC.ttf);
}

@font-face
{
font-family: 'Century Gothic';
src: url(GOTHICI.ttf);
font-style: italic;
}

@font-face
{
font-family: 'Century Gothic';
src: url(GOTHICB.ttf);
font-style: bold;
}

@font-face
{
font-family: 'Bodoni MT Black';
src: url(BOD_BLAI.ttf);
font-style: italic;
}

body
{
width: 800px;
text-align: center;
margin: auto;
padding: 10px;
}

p
{
font-family: 'Century Gothic', 'Bookman Old Style';
}

.title
{
font: italic 5em 'Bodoni MT Black', 'Bookman Old Style';
text-align: center;
}

.date
{
font: 12px 'Century Gothic', 'Bookman Old Style';
text-align: center;
text-transform: uppercase;
border-top-width: 2px;
border-bottom-width: 2px;
border-top-style: solid;
border-bottom-style: solid;
padding-bottom: 5px;
padding-top: 5px;
}

.frontpages
{
float: left;
text-align: justify;
}

.sign
{
max-width: 50%;
float: left;
margin: 0;
text-align: center;
padding-right: 10px;
padding-bottom: 10px;
}

.sign figcaption
{
font: italic 'Bodoni MT Black', 'Bookman Old Style';
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Ты проверила и это работает?

Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Я вижу это как обычный Times:
image

margin: 0;
}

.frontpages .sign img
{
width: 100%;
height: auto;
float: left;

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Не используй float для верстки положения элементов, только для обтекания текстом блоков

Copy link
Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Попыталась, но всё таки пришлось использовать для блока с главной новостью. Иначе просто картинка вылезает за пределы блока. Или есть какой-то другой вариант? А так, работу над ошибками провела. Сейчас залью.

}

.othernews
{
width: 100%;
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
-webkit-column-gap: 30px;
-moz-column-gap: 30px;
column-gap: 30px;
text-align: justify;
}

.othernews article p:first-letter
{
font-size: 30px;
font-weight: bold;
color: #666;
}

.gametime
{
margin-left: 30px;
break-inside: avoid;
break-before: column;
break-after: column;
display: block;
}

.gametime h3
{
text-align: center;
}

.results,
.schedule
{
width: 100%;
}

.results td,
.schedule td
{
font-family: 'Century Gothic', 'Bookman Old Style';
text-align: left;
padding: 0 5px;
}

.results tr:nth-child(odd) td,
.schedule tr:nth-child(odd) td:nth-child(odd)
{
padding-top: 15px;
}

.results tr:nth-child(even) td,
.schedule tr:nth-child(even) td
{
border-top: 2px solid #ccc;
padding-bottom: 15px;
}

.sale
{
border: 2px dashed #666;
clear: both;
padding: 5px;
}

.sale div
{
display: inline-block;
}

.procent
{
padding-left: 10px;
font: italic 5em 'Bodoni MT Black', 'Bookman Old Style';
text-align: center;
text-shadow: 2px 2px #666;
}

.verticalText
{
font: 12px 'Century Gothic', 'Bookman Old Style';
text-align: center;
width: 1px;
word-wrap: break-word;
}
187 changes: 187 additions & 0 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,194 @@
<html lang="ru">
<head>
<meta charset="utf-8">
<title>Страница газеты</title>
<link rel="stylesheet" href="index.css">
</head>
<body>
<header>
<div class="title">Slamdunk</div>
<div class="date">Понедельник, Октябрь 31, 2016</div>
</header>
<main>
<section class="frontpages">
<h2>Эрл Уотсон не хочет, чтобы игроки &laquo;Финикса&raquo; общались с соперниками
в &laquo;Твиттере&raquo;</h2>
<figure class="sign">
<img src="th_180_.jpg" alt="Эрл Уотсон">
<figcaption>Главный тренер &laquo;Финикс Санз&raquo; Эрл Уотсон</figcaption>
</figure>
<p>Глав&shy;но&shy;му тре&shy;не&shy;ру &laquo;Фи&shy;никс Санз&raquo; Эр&shy;лу
Уот&shy;со&shy;ну не нра&shy;вится, что его по&shy;до&shy;печ&shy;ные подпи&shy;сы&shy;ва&shy;
ются на стра&shy;ни&shy;цы иг&shy;ро&shy;ков дру&shy;гих ко&shy;манд в со&shy;ци&shy;аль&shy;ной
се&shy;ти &laquo;Твит&shy;тер&raquo;. Об этом со&shy;об&shy;щил жур&shy;на&shy;лист The Ari&shy;
zo&shy;na Re&shy;pub&shy;lic Пол Ко&shy;ро.
Уот&shy;сон счи&shy;тает, что бас&shy;кет&shy;бо&shy;лис&shy;ты &laquo;Фи&shy;ник&shy;са&raquo;
долж&shy;ны с ува&shy;же&shy;нием отно&shy;си&shy;ться к оп&shy;по&shy;нен&shy;там, но не
вос&shy;хи&shy;ща&shy;ться ими.
Напом&shy;ним, что Эрл сме&shy;нил Джеф&shy;фа Хор&shy;на&shy;се&shy;ка на пос&shy;ту нас&shy;
тав&shy;ни&shy;ка &laquo;Санз&raquo; в ми&shy;нув&shy;шем се&shy;зо&shy;не.
Стоит отме&shy;тить, что Уот&shy;сон яв&shy;ля&shy;ется вто&shy;рым са&shy;мым мо&shy;ло&shy;дым
глав&shy;ным тре&shy;не&shy;ром в НБА.
</p>
</section>
<hr>
<section class="othernews">
<article>
<h3>&laquo;Оклахома-Сити&raquo; обсуждает продление контрактов с Виктором Оладипо
и Стивеном Адамсом</h3>
<p>Как пи&shy;шет инсай&shy;дер Yahoo! Sports Эд&shy;ри&shy;ан Вой&shy;на&shy;
ров&shy;с&shy;ки, &laquo;Ок&shy;ла&shy;хо&shy;ма-Си&shy;ти&raquo;
обсуж&shy;дает прод&shy;ле&shy;ние кон&shy;т&shy;рак&shy;тов с за&shy;щит&shy;ни&shy;ком
Вик&shy;то&shy;ром Ола&shy;ди&shy;по и цен&shy;т&shy;ро&shy;вым Сти&shy;ве&shy;ном
Адам&shy;сом.
По инфор&shy;ма&shy;ции ис&shy;точ&shy;ни&shy;ков, Ола&shy;ди&shy;по мо&shy;жет по&shy;лу&shy;чить
кон&shy;т&shy;ракт приб&shy;ли&shy;зи&shy;те&shy;ль&shy;но на 80 мил&shy;лио&shy;нов дол&shy;ла
&shy;ров, Адамс – на 100 мил&shy;лио&shy;нов.
Ола&shy;ди&shy;по и Адамс выс&shy;ту&shy;пают на кон&shy;т&shy;рак&shy;тах но&shy;вич&shy;ков.
Дед&shy;лайн на прод&shy;ле&shy;ние по&shy;доб&shy;ных сог&shy;ла&shy;ше&shy;ний – 31 ок&shy;
тяб&shy;ря.
</p>
</article>
<article>
<h3>Экс-игрок &laquo;Лейкерс&raquo; Энтони Браун выбран под 1-м номером драфта
D-лиги</h3>
<p>В вос&shy;к&shy;ре&shy;сенье про&shy;шел драфт D-ли&shy;ги. Как пи&shy;шет
ESPN, под 1-м но&shy;ме&shy;ром фарм-ко&shy;ман&shy;дой
&laquo;Ор&shy;лан&shy;до&raquo; был выб&shy;ран экс-иг&shy;рок &laquo;Лей&shy;керс&raquo; Эн&shy;
то&shy;ни Браун.
Браун стал пос&shy;лед&shy;ним иг&shy;ро&shy;ком, отчис&shy;лен&shy;ным &laquo;Лей&shy;керс&raquo;
пе&shy;ред на&shy;ча&shy;лом се&shy;зона. Выб&shy;ран&shy;ный во вто&shy;ром раун&shy;де драф&shy;
та НБА 2015 го&shy;да фор&shy;вард сыг&shy;рал в шес&shy;ти предсе&shy;зон&shy;ных мат&shy;чах,
на&shy;би&shy;рая в сред&shy;нем 3,2 очка и 1,7 под&shy;бо&shy;ра.
Еще од&shy;ним иг&shy;ро&shy;ком пер&shy;во&shy;го раун&shy;да драф&shy;та Ли&shy;ги раз&shy;ви&shy;
тия с опы&shy;том иг&shy;ры в НБА стал выб&shy;ран&shy;ный под 4-м но&shy;ме&shy;ром Трэ&shy;вис
Лес&shy;ли.
Во вто&shy;ром раун&shy;де драф&shy;та был выб&shy;ран еще один быв&shy;ший иг&shy;рок
&laquo;Лей&shy;керс&raquo;, 2-крат&shy;ный чем&shy;пи&shy;он НБА Шэн&shy;нон Браун.
</p>
</article>
<article>
<h3>Жоаким Ноа: &laquo;Выступать в форме &laquo;Нью-Йорка&raquo; – это сверхважно
для меня&raquo;</h3>
<p>Цен&shy;т&shy;ро&shy;вой &laquo;Нью-Йорка&raquo; Жоаким Ноа приз&shy;нался, что
ис&shy;пы&shy;тал осо&shy;бен&shy;ные чув&shy;с&shy;т&shy;ва, прове&shy;дя свой пер&shy;вый офи&shy;циа
&shy;ль&shy;ный до&shy;маш&shy;ний матч за ко&shy;ман&shy;ду род&shy;но&shy;го го&shy;ро&shy;да.
&laquo;Пос&shy;коль&shy;ку здесь про&shy;хо&shy;ди&shy;ло мое дет&shy;с&shy;т&shy;во, я мно&shy;го раз
был на этой аре&shy;не в ка&shy;чес&shy;т&shy;ве бо&shy;лель&shy;щи&shy;ка. Уже то, что я выс&shy;ту
&shy;паю в этой фор&shy;ме – это сверх&shy;важ&shy;но для ме&shy;ня. Я прос&shy;то хо&shy;чу быть
час&shy;тью че&shy;го-то осо&shy;бен&shy;но&shy;го&raquo;,
– ци&shy;ти&shy;ру&shy;ет Ноа ESPN.com.
</p>
</article>
<article>
<h3>Джеймс Харден заработал решающие штрафные в игре с &laquo;Мэвс&raquo;
за 0,1 секунды до сирены</h3>
<p>Ра&shy;зыг&shy;ры&shy;ваю&shy;щий &laquo;Хьюс&shy;то&shy;на&raquo; Джеймс Хар&shy;ден
стал ав&shy;то&shy;ром ре&shy;шаю&shy;ще&shy;го попа&shy;да&shy;ния в мат&shy;че с &laquo;Дал&shy;ла&shy;
сом&raquo; (83:82).
За 0,1 се&shy;кун&shy;ды до фи&shy;наль&shy;ной си&shy;ре&shy;ны Хар&shy;ден в прохо&shy;де зара&shy;бо
&shy;тал пра&shy;во на два штраф&shy;ных брос&shy;ка, один из ко&shy;то&shy;рых принес &laquo;Ро&shy;
кетс&raquo; по&shy;бе&shy;ду.
За 39 ми&shy;нут Хар&shy;ден реали&shy;зо&shy;вал 8 из 23 с иг&shy;ры и 9 из 12 с ли&shy;нии, наб&shy;рав
28 оч&shy;ков, 7 под&shy;бо&shy;ров и 7 пе&shy;ре&shy;дач при 8 по&shy;те&shy;рях.
В кон&shy;цов&shy;ке встре&shy;чи Хар&shy;ден подвер&shy;нул ле&shy;вую ло&shy;дыж&shy;ку, но поз&shy;же
заявил, что восста&shy;но&shy;вится к мат&shy;чу с &laquo;Ка&shy;вальерс&raquo; во втор&shy;ник.
</p>
</article>
<article class="gametime">
<h3>1 ноября 2016</h3>
<table class="schedule">
<tr>
<td>Клипперс</td>
<td rowspan="2">05:30</td>
</tr>
<tr>
<td>Финикс</td>
</tr>
<tr>
<td>Атланта</td>
<td rowspan="2">02:30</td>
</tr>
<tr>
<td>Сакраменто</td>
</tr>
<tr>
<td>Бруклин</td>
<td rowspan="2">02:30</td>
</tr>
<tr>
<td>Чикаго</td>
</tr>
<tr>
<td>Торонто</td>
<td rowspan="2">02:30</td>
</tr>
<tr>
<td>Денвер</td>
</tr>
</table>
<h3>31 октября 2016</h3>
<table class="results">
<tr>
<td>Хьюстон</td>
<td>93</td>
</tr>
<tr>
<td>Даллас</td>
<td>92</td>
</tr>

<tr>
<td>Мемфис</td>
<td>112</td>
</tr>
<tr>
<td>Вашингтон</td>
<td>103</td>
</tr>

<tr>
<td>Оклахома</td>
<td>113</td>
</tr>
<tr>
<td>Лэйкерс</td>
<td>96</td>
</tr>

<tr>
<td>Детройт</td>
<td>98</td>
</tr>
<tr>
<td>Милуоки</td>
<td>83</td>
</tr>

<tr>
<td>Майами</td>
<td>99</td>
</tr>
<tr>
<td>Сан Антонио</td>
<td>106</td>
</tr>

<tr>
<td>Финикс</td>
<td>100</td>
</tr>
<tr>
<td>Голден Стэйт</td>
<td>106</td>
</tr>
</table>
<div class="sale">
<div class="verticalText">скидка</div>
<div class="procent">10%</div>
</div>
</article>
</section>
</main>
</body>
</html>
Binary file added th_180_.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.