• Бесплатный ВЕБИНАР по OSINT с Екатериной Тьюринг: ➡️9 февраля в 19:00 (мск) пройдет урок

    Как безопасно искать информацию в открытых источниках

    🔥 Записаться 🔥

Как сделать надпись на кнопке?

  • Автор темы Автор темы Artiom254
  • Дата начала Дата начала
A

Artiom254

На вложенном рисунке показана часть шапки сайта, как сделать надпись на кнопке и поставить на неё ссылку, если не затруднит продемонстрируйти сам код!
 

Вложения

  • _______________.jpg
    _______________.jpg
    11,8 КБ · Просмотры: 319
Можешь таблицу сваять и поместить теги <td></td> между <a></a>, а рисунки в качестве бэкграунда и будет те щастье...
 
Для того, чтобы было понятнее и семантичнее, надо сделать следующее:

Код:
<div id="menu">
<ul class="buttons">
<li><a href="#" title="Link Title 1" rel="chapter">Link TItle 1</a></li>
<li><a href="#" title="Link Title 1" rel="chapter">Link TItle 1</a></li>
<li><a href="#" title="Link Title 1" rel="chapter">Link TItle 1</a></li>
<li><a href="#" title="Link Title 1" rel="chapter">Link TItle 1</a></li>
</ul>

</div>

#id {height:50px; margin:150px 0 0 0; padding:0;} 
.buttons {list-style:none; margin:0; padding:0;}
.buttons li {display:inline;}

Это обеспечит меню высотой 50px и отступом сверху в 150px, ссылки будут списком в ряд, а не в столбик. Дальше через CSS .buttins li описываешь background одной кнопки. voila!
 
Мы в соцсетях:

Обучение наступательной кибербезопасности в игровой форме. Начать игру!