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



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

#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


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

× Быстрый вопрос
Пользователь месяца
Rodiola Rodiola 1-й за Август
Очков активности: 1 552 3 темы, 106 сообщений, 9 баллов репутации
Сайт: rukodelkovo.ru
ТОП самых активных за этот месяц
  • Фотография MattCutts
    #1

    MattCutts (dmitrylee.ru)
    Очков активности: 750 6 тем, 82 сообщения, 5 баллов репутации

  • Фотография Андрей WPM
    #2

    Андрей WPM (wpmaster.kz)
    Очков активности: 441 Вне конкурса за определение пользователя месяца

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

    lena220678
    Очков активности: 40.5 2 темы, 21 сообщение, 1 балл репутации

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

    Chaser (majento.ru)
    Очков активности: 33 1 тема, 8 сообщений, 2 балла репутации

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

    BLIK
    Очков активности: 27 0 тем, 18 сообщений, 1 балл репутации

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

    maxnik (konovalovpavel.ru)
    Очков активности: 24 0 тем, 8 сообщений, 2 балла репутации

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

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

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

    Constantine (constantine.video.blog)
    Очков активности: 19.5 2 темы, 7 сообщений, 1 балл репутации

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

    Megoydagi (24ho.ru)
    Очков активности: 18 1 тема, 9 сообщений, 1 балл репутации

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

    NataliaAntalia (zdorovemedicina.ru)
    Очков активности: 15 0 тем, 10 сообщений, 1 балл репутации

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

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