1 Востаннє редагувалося noname122 (15.12.2021 15:36:11)

Тема: Посилання в header

Як в header розмістити посилання наступним чином
https://replace.org.ua/uploads/images/11693/f85873d5dec07bbfe86518ff346213a1.png
е-це емблема с посиланням

2

Re: Посилання в header

Всі відповіді на ваші питання знаходяться отут - https://www.w3schools.com/

3

Re: Посилання в header

Але ж я запитав у вас,у досвітчених програмістів,для того ж і створений форум)

4

Re: Посилання в header

так, як це гедер, я б використовував 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;
}

5 Востаннє редагувалося mamkin haker (15.12.2021 16:20:52)

Re: Посилання в header

може то 2 різних людини з одного акауту сидять?
атата https://replace.org.ua/rules/#rule-2-1

6

Re: Посилання в header

Рішення вище хороше, але є більше ніж один спосіб: flex, grid (по обох є дуже гарні мануали на css-tricks), зверстати блочно (inline, inline-block, все як в 2011) чи навіть таблицею (не робіть так, будь ласка)

7

Re: Посилання в header

Та знаю я про те правило, але фактично його порушують багато хто, не створюють проблем - хай сидять на форумі, окрім деяких шизиків наподобі Віталі.

8

Re: Посилання в header

А я зробити не кнопки ,а наприклад посилання але із значком ,наприклад вхід віихід

9

Re: Посилання в header

noname122 написав:

А я зробити не кнопки ,а наприклад посилання але із значком ,наприклад вхід віихід

На вас чекає довгий шлях :) Посилання зазвичай позначають тегом a, іконку можна вставити всередину, перед текстом посилання. Непоганий набір іконок є тут: https://icons.getbootstrap.com/.

Я б радив вам почати з якоїсь книги чи курсу про основи html/css. Підійде майже будь-що для початківців

10

Re: Посилання в header

Я  це розумію,можно просто обгорнути посилання в тег р и задати стиль

11

Re: Посилання в header

Тема закрита