Перейти к содержимому



Не умею верстать кнопки.

#1 denis
denis
  • Заблокированные
  • 173 сообщений
  • Репутация: -13
0

Отправлено 28 Июнь 2012 - 11:04

Расскажите, пожалуйста, как сверстать кнопку, например, регистрации.
Я пытался сам, но ничего не получилось.
Написал такие коды:
.vidget regbuttom{
background:url(images/bg-buttom-reg.jpg); float:right; margin:0 70px 0 0;
}
<div class="regbuttom">
				 Регистрация
				 </div>
В итоге, никакой кнопки не получилось:
Изображение
Заранее благодарю за помощь! :)

 

 

  • 0

#2 surfer
surfer
  • Заблокированные
  • 1 956 сообщений
  • Репутация: 71

Отправлено 28 Июнь 2012 - 11:35

так для этого нужна форма, например http://www.postroika...ormjbintro.html или http://htmlbook.ru/html/form http://htmlbook.ru/html/type/form ну и по нарастающей
http://htmlbook.ru/s.../sozdanie-formy и http://www.softtime....p?id_article=96

вообще выбирайте правильно раздел для сообщений!
  • 0

#3 denis
denis
    Topic Starter
  • Заблокированные
  • 173 сообщений
  • Репутация: -13

Отправлено 28 Июнь 2012 - 11:52

так для этого нужна форма, например http://www.postroika...ormjbintro.html или http://htmlbook.ru/html/form http://htmlbook.ru/html/type/form ну и по нарастающей
http://htmlbook.ru/s.../sozdanie-formy и http://www.softtime....p?id_article=96

вообще выбирайте правильно раздел для сообщений!

По моему это не обязательно. При таких кнопках фон теряется...у меня по крайней мере.
  • 0

#4 surfer
surfer
  • Заблокированные
  • 1 956 сообщений
  • Репутация: 71

Отправлено 28 Июнь 2012 - 11:53

не обязательно что? а вы не пробовали дизайн формам задать?
  • 0

#5 denis
denis
    Topic Starter
  • Заблокированные
  • 173 сообщений
  • Репутация: -13

Отправлено 28 Июнь 2012 - 11:58

Вы можете объяснить, я ещё не знаю, а вы на меня наезжаете.

Я так понял, что это все должно одной формой быть?:
Изображение
Я не знаю, как ее сверстать.
  • 0

#6 surfer
surfer
  • Заблокированные
  • 1 956 сообщений
  • Репутация: 71

Отправлено 28 Июнь 2012 - 12:39

так учись правильно выражать свои мысли!

вот на скорую руку собрал из того что было
http://novocms.ru/test.php

   #form {
    background-color: #E5E5E5;
    color: #000;
    width: 226px;
    text-align: center;
    background-image: url("footer-form.jpg");
    background-position: bottom center;
    background-repeat: no-repeat; 
   }
   #head-form {
    color: #ccc;
    padding: 5px 0;
    font-size: 110%;
    background-image: url("head-form.jpg");
    background-position: top center;
    background-repeat: no-repeat;	
   }
   #form a {
    color: #000;
    font-weight: bold;
   }
   #login {
    margin: 0 5px 0 0;
   }  
   #reset {
    margin: 0 0 0 5px;
   }
   #button {
    padding: 0 0 10px 0;
   }  
  <div id="form">
  <p id="head-form">Вход в аккаунт</p>
  <form action="login.php" method="post">
  <p><input name="login" type="text" size="25"></p>
  <p><input name="password" type="text" size="25"></p>
  <p><input id="login" name="login" type="image" src="login.jpg" value="Войти"><a id="reset" href="reset.php">Забыли пароль</a></p>
  <p id="button"><a href="reset.php"><img src="button.jpg"></a></p>
  </form>
  </div>

  • 2

#7 denis
denis
    Topic Starter
  • Заблокированные
  • 173 сообщений
  • Репутация: -13

Отправлено 28 Июнь 2012 - 12:47

Спасибо!
  • 0

#8 surfer
surfer
  • Заблокированные
  • 1 956 сообщений
  • Репутация: 71

Отправлено 28 Июнь 2012 - 12:51

пожалйста, красивости и ровности сам уже сделаешь
  • 0

robot
robot
  • Пользователь PRO
  • 2 652 сообщений
  • Репутация: 85


Похожие темы
  Название темы Автор Статистика Последнее сообщение

Пользователь месяца
FIvYUr FIvYUr 1-й за Декабрь
Очков активности: 2 062 0 тем, 125 сообщений, 11 баллов репутации
Сайт: moy-evroopt.ru
ТОП самых активных за этот месяц
  • Фотография albedo
    #1

    albedo (online24news.ru)
    Очков активности: 1930.5 10 тем, 113 сообщений, 9 баллов репутации

  • Фотография Totti
    #2

    Totti
    Очков активности: 1836 3 темы, 63 сообщения, 17 баллов репутации

  • Фотография ShowPrint
    #3

    ShowPrint (ShowPrint.ru)
    Очков активности: 256.5 0 тем, 19 сообщений, 9 баллов репутации

  • Фотография NataliaAntalia
    #4

    NataliaAntalia (zdorovemedicina.ru)
    Очков активности: 198 Вне конкурса за определение пользователя месяца

  • Фотография BLIK
    #5

    BLIK
    Очков активности: 168 Вне конкурса за определение пользователя месяца

  • Фотография Santey
    #6

    Santey
    Очков активности: 150 20 тем, 40 сообщений, 1 балл репутации

  • Фотография Bilish
    #7

    Bilish
    Очков активности: 147 20 тем, 38 сообщений, 1 балл репутации

  • Фотография Rodiola
    #8

    Rodiola (rukodelkovo.ru)
    Очков активности: 72 Вне конкурса за определение пользователя месяца

  • Фотография r0mZet
    #9

    r0mZet (rz-style.ru)
    Очков активности: 67.5 2 темы, 9 сообщений, 3 балла репутации

  • Фотография MattCutts
    #10

    MattCutts (dmitrylee.ru)
    Очков активности: 63 Вне конкурса за определение пользователя месяца

  • Показать весь ТОП 10
Поддержите форум! =)
Апдейты
  • Яндекс ИКС: 27.12.2019
  • Яндекс выдача: 29.01.2020
Топ 5 участников по репутации

Оформление форума – IPBSkins.ru