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

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

Artiom254

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

Вложения

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

Код:
<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!
 
Мы в соцсетях:

Взломай свой первый сервер и прокачай скилл — Начни игру на HackerLab

🚀 Первый раз на Codeby?
Гайд для новичков: что делать в первые 15 минут, ключевые разделы, правила
Начать здесь →
🔴 Свежие CVE, 0-day и инциденты
То, о чём ChatGPT ещё не знает — обсуждаем в реальном времени
Threat Intel →
💼 Вакансии и заказы в ИБ
Pentest, SOC, DevSecOps, bug bounty — работа и проекты от проверенных компаний
Карьера в ИБ →

HackerLab