1. Мегаконкурс в апреле "Приведи друзей на codeby". Дарим деньги, подписку на журнал хакер и выдаем статус "Paid Access". Подробнее ...

    Скрыть объявление

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

Тема в разделе "HTML, CSS, XML, JavaScript", создана пользователем Artiom254, 14 июл 2009.

Наш партнер Genesis Hackspace
  1. Artiom254

    Artiom254 Гость

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

    Вложения:

  2. Гость

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

    etc Гость

    Проще UL заюзать.
     
  4. ioni

    ioni Well-Known Member

    Регистрация:
    11 май 2006
    Сообщения:
    340
    Симпатии:
    0
    Для того, чтобы было понятнее и семантичнее, надо сделать следующее:

    Код (Text):
    <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!
     
Загрузка...

Поделиться этой страницей