Size: a a a

Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript

2019 August 21

Р

Роб in Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript
Примерял грид, но его сложнее поддерживать, потому что я его хуже знаю. Забавно, думал просто я где-то туплю.

Спасибо.
источник

Р

Роб in Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript
Pavel Matsenko
спасибо, очень выручишь
Я не могу повторить твою проблему.  Ты заливал сайт ан хостинг?
источник

Р

Роб in Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript
Давно хотел, вот и повод появился.
источник

PM

Pavel Matsenko in Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript
Родитель:
.overflowButtons{
   display: flex;
   justify-content: space-between;
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   z-index: 2;
}

Сами кнопки:
.arrowBtn{
   align-self: center;
   cursor: pointer;
}



Картинку вставляю js-м

<button className={styles.arrowBtn} onClick={this.handleClickNext}><img src={rightArrow}/> </button>
источник

Р

Роб in Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript
Должно быть что-то еще.
источник

Р

Роб in Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript
С другими картинками ошибка повторяется?
Если добавлять эти же картинки через html?
источник

Р

Роб in Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript
источник

PM

Pavel Matsenko in Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript
хм, у меня другие пикчи вообще не подгружаются,
источник

PM

Pavel Matsenko in Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript
походу дело в реакте
источник

PM

Pavel Matsenko in Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript
сек
источник

СП

Сергей Пунько in Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript
не подскажете, какие сейчас ценники на лендинги?
источник

J

Javohir in Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript
15000-20000
источник

J

Javohir in Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript
Без прочих услуг
источник
2019 August 22

A

Archawka in Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript
Чат, добрый день. Помогите пожалуйста сначала с достаточно тривиальным вопросом, а потом не очень тривиальным?
источник

A

Archawka in Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript
чем задаются границы и промежутки в указанных стрелками областях? код ниже:
источник

A

Archawka in Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript
ох, а правда нужна простыня текста? Ну ок:
<table class="MsoNormalTable" cellspacing="0" cellpadding="0" width="800" style="border-collapse:collapse">
<tbody>
<tr>
   <td colspan="4" width="799" valign="top" style="width:599.45pt;border:solid #2F5496 6.0pt; background:#2F5496;padding:0cm 5.4pt 0cm 5.4pt">
       <p class="MsoNormal" align="center" style="margin-top:12.0pt;margin-right:-5.4pt; margin-bottom:12.0pt;margin-left:0cm;text-align:center;line-height:21.0pt">
<b><span style="font-size:22.0pt;font-family:Roboto;color:white">ПРОГРАММЫ ОБУЧЕНИЯ ПО ОХРАНЕ ТРУДА</span></b>
       </p>
   </td>
</tr>
<tr>
   <td rowspan="2" width="223" style="width:167.1pt;border-top:none;border-left: solid #2F5496 6.0pt;border-bottom:solid #2F5496 6.0pt;border-right:solid #B4C6E7 3.0pt; padding:0cm 5.4pt 0cm 5.4pt">
       <p class="MsoNormal" align="center" style="margin-top:6.0pt;margin-right:0cm; margin-bottom:6.0pt;margin-left:6pt;text-align:center;line-height:21.0pt">
<b><span style="font-size:16.0pt;font-family:Roboto;color:#203864">Охрана труда (ОТ)</span></b>
       </p>
   </td>
   <td width="321" style="width:241.0pt;border-top:none;border-left:none; border-bottom:solid #B4C6E7 3.0pt;border-right:solid #B4C6E7 3.0pt; padding:0cm 5.4pt 0cm 5.4pt">
       <p style="text-align: center;">
            Охрана труда для руководителей и специалистов<br>
            (40 часов)
       </p>
       <p class="MsoNormal" align="center" style="margin: 0pt 0cm 6pt 0pt; text-align: center; line-height: 14pt;">
<b><span style="font-size:12.0pt;font-family:Roboto;color:#D6AD00"><a href="/demo/course_1/">дистанционное обучение</a></span></b>
       </p>
   </td>
   <td width="98" align="center" valign="top" style="width:73.65pt;border-top:none;border-left:none; border-bottom:solid #B4C6E7 3.0pt;border-right:solid #B4C6E7 3.0pt; padding:0cm 5.4pt 0cm 5.4pt">
       <p class="MsoNormal" style="line-height:14.0pt">
<a href="/edu_path/osha/curriculum/ot-01/"><img width="120" src="/upload/main/icons/btn_more.png" height="46" align="center" vspace="6" hspace="6" alt="ПОДРОБНЕЕ"></a>
       </p>
   </td>
   <td width="157" style="width: 117.7pt; border-top: none; border-left: none; border-bottom: 3pt solid #b4c6e7; border-right: 6pt solid #2f5496; padding: 0cm 5.4pt;">
       <p class="MsoNormal" align="center" style="margin-top:0cm;margin-right:1.6pt; margin-bottom:6pt;margin-left:-1.0pt;text-align:center;line-height:14.0pt">
<span style="font-size:12.0pt;font-family:Roboto;color:#203864">от 2500 руб.</span>
       </p>
       <p class="MsoNormal" align="center" style="margin-top:0cm;margin-right:1.6pt; margin-bottom:6pt;margin-left:-1.0pt;text-align:center;line-height:14.0pt">
<span style="font-size:12.0pt;font-family:Roboto;color:red"><a href="/feedback/">оформить заявку</a></span>
       </p>
   </td>
</tr>
источник

A

Archawka in Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript
Второй подвопрос: в строке
<td colspan="4" width="799" valign="top" style="width:599.45pt;
как мне кажется, есть излишнее указание размера - достаточно width либо в td, либо в style?
источник

A

Archawka in Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript
пока что, так как это битрикс и я с ним не очень знаком, я не очень понимаю как туда правильно внедрять CSS
источник

A

Archawka in Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript
это спасибо, но хочется для дальнейшего понимания верстки все же услышать ответы на заданные вопросы, а потом уже оптимизировать код страниц =)
источник

A

Archawka in Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript
так вон я там привел весь код. и при уменьшении margin не происходит ожидаемого уменьшения границ.
источник