Тема: Посилання в header
Як в header розмістити посилання наступним чином
е-це емблема с посиланням
Ви не увійшли. Будь ласка, увійдіть або зареєструйтесь.
Ласкаво просимо вас на україномовний форум з програмування, веб-дизайну, SEO та всього пов'язаного з інтернетом та комп'ютерами.
Будемо вдячні, якщо ви поділитись посиланням на Replace.org.ua на інших ресурсах.
Для того щоб створювати теми та надсилати повідомлення вам потрібно Зареєструватись.
Український форум програмістів → HTML та CSS → Посилання в header
Сторінки 1
Для відправлення відповіді ви повинні увійти або зареєструватися
Як в header розмістити посилання наступним чином
е-це емблема с посиланням
Всі відповіді на ваші питання знаходяться отут - https://www.w3schools.com/
Але ж я запитав у вас,у досвітчених програмістів,для того ж і створений форум)
так, як це гедер, я б використовував header.
емблем з посиланням, це просто img всередині тегу a
весь гедер я б зробив display: flex; і ті дві кнопки, чи шо там у вас справа, огорнув би в якийсь інший елемент і зробив flex-direction: column;
<header class="main-header">
<a class="icon" href="https://replace.org.ua">
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/1/18/Internet_Explorer_10%2B11_logo.svg/1043px-Internet_Explorer_10%2B11_logo.svg.png" alt="">
</a>
<div class="buttons">
<button>Кнопка 1</button>
<button>Кнопка 2</button>
</div>
</header>
.main-header {
display: flex;
height: 60px;
background: gray;
justify-content: space-between;
padding: 10px;
}
.icon {
flex: 1;
height: 100%;
max-width: 150px;
display: block;
background: purple;
}
img {
max-height: 80%;
padding: 10px;
}
.buttons {
display: flex;
flex-direction: column;
justify-content: space-evenly;
}
може то 2 різних людини з одного акауту сидять?
атата https://replace.org.ua/rules/#rule-2-1
Рішення вище хороше, але є більше ніж один спосіб: flex, grid (по обох є дуже гарні мануали на css-tricks), зверстати блочно (inline, inline-block, все як в 2011) чи навіть таблицею (не робіть так, будь ласка)
Та знаю я про те правило, але фактично його порушують багато хто, не створюють проблем - хай сидять на форумі, окрім деяких шизиків наподобі Віталі.
А я зробити не кнопки ,а наприклад посилання але із значком ,наприклад вхід віихід
А я зробити не кнопки ,а наприклад посилання але із значком ,наприклад вхід віихід
На вас чекає довгий шлях Посилання зазвичай позначають тегом a, іконку можна вставити всередину, перед текстом посилання. Непоганий набір іконок є тут: https://icons.getbootstrap.com/.
Я б радив вам почати з якоїсь книги чи курсу про основи html/css. Підійде майже будь-що для початківців
Я це розумію,можно просто обгорнути посилання в тег р и задати стиль
Сторінки 1
Для відправлення відповіді ви повинні увійти або зареєструватися