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

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

  1. Artiom254

    Artiom254 Гость

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

    Вложения:

  2. Гость

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

    etc Гость

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

    ioni Well-Known Member

    Регистрация:
    11 май 2006
    Сообщения:
    351
    Симпатии:
    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!
     
Загрузка...

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