• Paranoid - курс по анонимности и безопасности в сети от команды codeby. Защита персональных данных, анонимность в сети интернет, настройка виртуальных машин, безопасная передача данных, анти форензика и еще много всего полезного. Подробнее ...

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

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

Artiom254

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

Вложения

G

Guest

#2
Можешь таблицу сваять и поместить теги <td></td> между <a></a>, а рисунки в качестве бэкграунда и будет те щастье...
 

ioni

Well-known member
11.05.2006
340
0
#4
Для того, чтобы было понятнее и семантичнее, надо сделать следующее:

Код:
<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!