Size: a a a

Верстка сайтов HTML/CSS/JS/PHP

2020 July 06

RS

Roman Serdyuk in Верстка сайтов HTML/CSS/JS/PHP
Ян Можно
А с каких пор марджин топ: ауто!=0? Я что-то туплю
Почему 0?
источник

AE

Alex Elkin🇪🇸 in Верстка сайтов HTML/CSS/JS/PHP
Ян Можно
А с каких пор марджин топ: ауто!=0? Я что-то туплю
а когда было равно?
источник

ЯМ

Ян Можно in Верстка сайтов HTML/CSS/JS/PHP
источник

i

idkfa in Верстка сайтов HTML/CSS/JS/PHP
Ян Можно
А с каких пор марджин топ: ауто!=0? Я что-то туплю
во flex контейнере
источник

ЯМ

Ян Можно in Верстка сайтов HTML/CSS/JS/PHP
idkfa
во flex контейнере
Упс
источник

В

Влад in Верстка сайтов HTML/CSS/JS/PHP
Скажите как так сделать чтобы иконки были справа а текст остался слева?
Вот написал вот такое только
HTML:
<p class="page-footer">© 2020 
 <a  class="soc" href="http://t.me" target="_blank"
<a> <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/8/82/Telegram_logo.svg/768px-Telegram_logo.svg.png" width="30px" height="30px" alt="https://t.me"></a>
<a  class="soc" href="https://vk.com/" target="_blank">
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/2/21/VK.com-logo.svg/1200px-VK.com-logo.svg.png" width="30px" height="30px" alt="https://vk.com/"></a>
<a  class="soc" href="http://twitter.com" target="_blank">
<img src="https://upload.wikimedia.org/wikipedia/ru/thumb/9/9f/Twitter_bird_logo_2012.svg/739px-Twitter_bird_logo_2012.svg.png" width="30px" height="30px" alt="https://twitter.com"></a></p>

CSS:
.page-footer {
 font-size: 16px;
 margin: 0;
 position: absolute;
align-items:left;
 bottom: 36px;
}
источник

В

Влад in Верстка сайтов HTML/CSS/JS/PHP
.soc{
 padding-right: 5px;
 position: relative;
 cursor:pointer;
 display:inline-block;
 justify-content:flex-end;
 vertical-align:top;
 margin-right:5px;
}
источник

T

Tomorrow in Верстка сайтов HTML/CSS/JS/PHP
Влад
.soc{
 padding-right: 5px;
 position: relative;
 cursor:pointer;
 display:inline-block;
 justify-content:flex-end;
 vertical-align:top;
 margin-right:5px;
}
контейнеру в которым эти блоки задай display: flex, next » justify-content: space-between or space-around.;
источник

T

Tomorrow in Верстка сайтов HTML/CSS/JS/PHP
и оберни ты футер в нормальный футер, лоль)
источник

В

Влад in Верстка сайтов HTML/CSS/JS/PHP
не помогло
источник

В

Влад in Верстка сайтов HTML/CSS/JS/PHP
они стали ниже и вертикально
источник

В

Влад in Верстка сайтов HTML/CSS/JS/PHP
помогло только left и подогнать вручную
источник

В

Влад in Верстка сайтов HTML/CSS/JS/PHP
Но мне интересно  можно ли как-то без left ещё?
источник

В

Влад in Верстка сайтов HTML/CSS/JS/PHP
Tomorrow
контейнеру в которым эти блоки задай display: flex, next » justify-content: space-between or space-around.;
То есть вот так все
источник

C

Combot in Верстка сайтов HTML/CSS/JS/PHP
⚠️ Читай правила (!rules в чат), чтобы не получить бан!
⚠️ Жми на кнопку ниже, чтобы снять режим "только чтение"

✅ Группа Вк: vk.com/web_structure
✅ Библиотека верстальщика: @weblibrary
✅ Маркетолог: @bigmarketolog
✅ Веб Дизайн: @dev_design
✅ Freelancer: @web_fl
источник

T

Tomorrow in Верстка сайтов HTML/CSS/JS/PHP
Влад
То есть вот так все
источник

В

Влад in Верстка сайтов HTML/CSS/JS/PHP
хмм
источник

В

Влад in Верстка сайтов HTML/CSS/JS/PHP
Ну а что тогда у меня?
источник

В

Влад in Верстка сайтов HTML/CSS/JS/PHP
Я точно также написал как ты сказал
источник

T

Tomorrow in Верстка сайтов HTML/CSS/JS/PHP
Влад
Ну а что тогда у меня?
ты в блоки затолкай для начала это все :D
источник